@font-face{font-family:Fredoka;src:url('assets/fredoka-hebrew-wght-normal.woff2')}@font-face{font-family:Fredoka;src:url('assets/fredoka-latin-wght-normal.woff2');unicode-range:U+0-00FF}:root{font-family:Fredoka,Arial,sans-serif;color:#f5edf9;background:#110e1c;color-scheme:dark;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(#100d1ce6,#110b1bf5),url('assets/lab.png') center/cover fixed}main{max-width:1500px;margin:auto;padding:0 24px}header{height:86px;display:flex;align-items:center;gap:16px}header img{width:90px;height:65px;object-fit:contain}header strong{font-size:23px}header small{display:block;color:#ae9bbc;font-size:13px;margin-top:5px}nav{margin-inline-start:auto;display:flex;gap:9px}button{font:inherit;border:0;background:#342640;color:#f8eefc;min-height:44px;min-width:44px;padding:10px 17px;border-radius:12px;cursor:pointer;box-shadow:0 0 0 1px #ffffff15;transition:background-color .16s,scale .16s}button:hover{background:#53375f}button:active{scale:.96}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,canvas:focus-visible{outline:3px solid #79efdc;outline-offset:3px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:center;min-height:calc(100svh - 110px)}aside{padding:12px 0}.eyebrow{color:#dfb570;font-size:15px;letter-spacing:.035em}h1{font-size:42px;line-height:1.1;font-weight:550;margin:16px 0 20px;text-wrap:balance}p{color:#c2adce;line-height:1.7;text-wrap:pretty;font-size:18px}.objectives{margin:30px 0;padding-top:20px;border-top:1px solid #ffffff18}.objectives h2{font-size:15px;font-weight:400;color:#a691b8;margin:0 0 14px}.objectives div{padding:8px 0;font-size:18px}.objectives .done{color:#7af1ce}.moves{display:flex;align-items:baseline;gap:10px}.moves strong{font-size:38px;color:#ffd394}.moves span,.moves small{color:#bca4ce}.moves small{margin-inline-start:auto;font-size:13px}.tools{display:flex;gap:10px;margin-top:22px}.tools button:first-child{background:#64318a;flex:1}.help{margin-top:14px;width:100%;background:transparent;box-shadow:none;color:#bba3cd}.fine{font-size:11px;margin-top:16px;color:#8f7c9e}.stage{min-width:0}.board-frame{position:relative;background:#100d19;border-radius:24px;padding:7px;box-shadow:0 0 0 1px #ffffff20,0 24px 80px #0008;overflow:hidden;max-width:min(100%,calc((100svh - 160px)*1.25));margin:auto}canvas{display:block;width:100%;height:auto;border-radius:17px;touch-action:none}.underboard{display:flex;justify-content:space-between;gap:12px;padding:15px 4px;color:#9f8bad;font-size:13px}.touch{display:none;direction:ltr;align-items:center;justify-content:center;gap:9px}.touch>div{display:flex;flex-direction:column;gap:6px}.touch button{font-size:22px;min-width:54px;touch-action:none;user-select:none}.touch #interact{margin-left:20px;font-size:17px;background:#71379b}#notice{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#1d112eed;padding:10px 18px;border-radius:12px;opacity:0;transition:opacity .15s;text-align:center;pointer-events:none;max-width:92%;width:max-content}#notice.show{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#1b122cf5}#loading[hidden]{display:none}dialog{border:0;background:#261a35;color:#f5edf9;border-radius:24px;padding:30px;width:min(690px,94vw);max-height:90svh;box-shadow:0 0 0 1px #ffffff22,0 40px 100px #0009}dialog::backdrop{background:#100819dd;backdrop-filter:blur(7px)}dialog h2{font-size:32px;text-wrap:balance}dialog p{white-space:pre-line}#close{float:inline-end}#rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#rooms:empty{display:none}#rooms button{padding:12px 5px;min-height:90px}#rooms b{display:block;font-size:24px;color:#ffcc78}#rooms small{display:block;margin-top:7px}#rooms .done{background:#214637}#actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary{background:#eb4380!important;font-weight:600}
@media(max-width:950px){main{padding:0 14px}.layout{grid-template-columns:210px minmax(0,1fr);gap:15px}h1{font-size:32px}p{font-size:16px}.objectives{margin:16px 0}.objectives div{font-size:15px}.underboard{font-size:11px}.tools{gap:6px}.tools button{padding:9px}.touch{display:flex}.board-frame{max-width:100%}}
@media(max-width:640px){header{height:68px;gap:8px}header img{width:65px;height:45px}header strong{font-size:18px}header small{display:none}nav{gap:5px}nav button{padding:8px}.layout{display:flex;flex-direction:column;gap:12px;min-height:0;align-items:stretch}aside{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:12px 0 0}h1{font-size:28px;margin:5px 0 10px}.eyebrow{font-size:12px}aside>p{grid-column:1/-1;margin:0;font-size:15px}.objectives{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 17px;margin:9px 0;padding:9px 0;border-bottom:1px solid #ffffff15}.objectives h2{display:none}.objectives div{font-size:13px;padding:0}.moves{grid-column:2;grid-row:1/3;flex-direction:column;gap:0}.moves strong{font-size:28px}.moves span{font-size:12px}.moves small{display:none}.tools{grid-column:1;margin-top:5px}.help{grid-column:2;grid-row:5;margin:5px 0 0;padding:8px;font-size:13px;width:auto}.fine{display:none}.stage{padding-bottom:16px}.board-frame{padding:4px;border-radius:18px}canvas{border-radius:14px}.underboard{padding:9px 0;justify-content:center}.underboard #legend{display:none}.touch{display:flex}.touch button{min-height:44px}.touch>div{flex-direction:row}#notice{font-size:13px;bottom:12px}#rooms{gap:6px}#rooms small{font-size:11px}dialog{padding:20px}}
.board-frame{max-width:min(100%,calc((100svh - 235px)*1.25))}.gripbar{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:12px}.gripbar span{font-size:13px;color:#bda6ca}#grab[aria-pressed=true]{background:#27795f;color:#d4ffec;box-shadow:0 0 0 2px #79f1c2}@media(max-width:950px){.board-frame{max-width:100%}}@media(max-width:640px){.gripbar span{font-size:11px}.gripbar{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active{scale:1}}