@font-face{font-family:Fredoka;src:url('assets/fredoka-hebrew-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;src:url('assets/fredoka-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{font-family:Fredoka,Arial,sans-serif;color:#f7f3ec;background:#100e20;font-synthesis:none;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 30% 0,#332654 0,transparent 65%),#100e20;display:grid;place-items:center}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;min-height:44px;border-radius:12px;padding:10px 18px;transition:transform .16s,background .16s,box-shadow .16s;background:#ffffff12}button:hover{background:#ffffff22}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #ffe398;outline-offset:4px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}#app{width:min(1440px,100%);padding:20px 34px}header{height:72px;display:flex;align-items:center;gap:18px;margin-bottom:16px}.logo{width:102px;height:62px;object-fit:contain}.brand-title{font-size:21px;font-weight:500}.brand-title small{font-size:12px;display:block;color:#c4b9d3;margin-top:4px}.tools{margin-right:auto;display:flex;gap:8px}.tools button{font-size:14px}#fullscreen{font-size:24px}.stage{position:relative;isolation:isolate;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#102235;box-shadow:0 2px 2px #0003,0 20px 80px #0005;outline:1px solid #ffffff18}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07142670;backdrop-filter:blur(4px)}.overlay.home-mode{background:linear-gradient(270deg,#10172be8 0,#102236b0 40%,transparent 78%);backdrop-filter:none}.screen{max-height:100%;overflow:auto}.home{position:absolute;right:7%;top:10%;width:43%;padding-bottom:18px}.eyebrow{color:#b7ebe5;font-size:clamp(11px,1.1vw,15px);letter-spacing:.04em}h1{font-size:clamp(40px,5.6vw,80px);line-height:1.03;font-weight:500;letter-spacing:-.045em;margin:19px 0 20px;text-wrap:balance}h1 em{font-style:normal;color:#ffe4a1;text-shadow:0 2px 30px #efc56530}p{color:#d8e3e6;font-size:clamp(14px,1.4vw,20px);line-height:1.65;text-wrap:pretty}.home p{margin:0 0 23px}.primary{display:block;background:linear-gradient(180deg,#ffe6a7,#eec779);color:#33221a;font-weight:600;font-size:19px;box-shadow:0 3px 0 #a77b3b,0 7px 25px #0003;min-height:52px;padding:12px 35px}.primary:hover{background:#ffe9b7;box-shadow:0 3px 0 #a77b3b,0 8px 30px #eec77930}.secondary{background:#e9e8ff10;border:1px solid #ffffff2a;font-size:16px;margin-top:12px}.home>.primary,.home>.secondary{width:min(290px,100%)}.assist{display:flex;align-items:center;gap:8px;margin-top:21px;font-size:14px;color:#e3e1e7;cursor:pointer;min-height:36px}.assist input{accent-color:#f1cc86;width:18px;height:18px}.edition{font-size:12px;color:#b7c3cb;display:block;margin-top:10px}.panel{background:linear-gradient(155deg,#202e44f5,#1a1932f5);width:min(760px,90%);padding:32px;border-radius:24px;box-shadow:0 16px 70px #0007;text-align:center}.panel h2{font-size:32px;font-weight:500;margin:8px 0 22px;text-wrap:balance}.compact{width:min(490px,88%)}.compact .primary,.compact .secondary{width:100%}.text-button{display:block;margin:14px auto 0;font-size:14px;background:transparent;color:#c5c6d3}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.level-card{min-height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#ffffff09;font-size:13px}.level-card b{font-size:27px;color:#ffe0a0}.level-card small{color:#b0d3d3}.level-card:disabled{cursor:not-allowed;opacity:.35}.hud{position:absolute;inset:20px 25px auto;display:flex;justify-content:space-between;align-items:start;pointer-events:none;text-shadow:0 2px 12px #000}.level-label{padding:9px 15px;border-radius:13px;background:#0d182fc9;display:flex;flex-direction:column;gap:3px}.level-label span{font-size:12px;color:#c0d2d9}.level-label strong{font-size:20px;font-weight:500}.counters{display:flex;align-items:center;gap:10px;background:#0d182fc9;padding:6px 8px 6px 17px;border-radius:14px;direction:ltr}.counters>span{font-size:18px;min-width:57px;text-align:center}#gems{color:#a9f0e4}#pause{pointer-events:auto;padding:6px 12px}.hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#0b172ce8;border:1px solid #a0dfdb35;padding:11px 22px;border-radius:14px;font-size:16px;text-align:center;max-width:80%;width:max-content;pointer-events:none;box-shadow:0 5px 20px #0003}.result-star{font-size:74px;color:#ffdf8d;line-height:1;text-shadow:0 0 40px #ffdc8370}.result-stats{display:flex;justify-content:space-around;padding:16px 0;margin-bottom:16px;gap:12px;color:#ddedf1}.result-stats strong{font-size:24px;display:block;color:#ffe2a0}.result-stats small{font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;color:#afaabd;font-size:13px;padding:19px 4px 0}footer b{display:inline-block;direction:ltr;letter-spacing:5px;color:#eadcc7}footer i{padding:0 8px;font-style:normal}.save-warning{font-size:13px;text-align:center;color:#f4cc89}.touch{position:absolute;inset:auto 22px 18px;display:flex;justify-content:space-between;direction:ltr;pointer-events:none}.touch>div{display:flex;gap:9px}.touch button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:#10182dcf;border:1px solid #d7f0ff55;min-width:58px;min-height:56px;font-size:28px;box-shadow:0 4px 18px #0004}.touch .jump{font-size:17px;background:#e9ce92;color:#352917}.touch .actions button[data-key=action]{font-size:20px}.stage:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto;background:#081325}.stage:fullscreen canvas{object-fit:contain}.stage:fullscreen .home{top:14%}
#clue{pointer-events:auto;min-width:40px;padding:6px 10px;font-weight:600}#puzzle-status{margin-top:3px;color:#ffe1a5!important;font-size:12px!important}#clue-copy{color:#ffe4a3}
@media(pointer:fine){.touch{display:none}}
@media(max-width:900px){#app{padding:12px}header{height:50px;margin-bottom:12px}.logo{width:78px;height:48px}.brand-title{font-size:17px}.brand-title small{font-size:10px}.stage{border-radius:15px}.home{top:7%;right:6%;width:46%}h1{margin:12px 0;font-size:clamp(35px,6.5vw,64px)}.home p{font-size:14px;line-height:1.5;margin-bottom:14px}.home>.primary{min-height:44px;padding:8px 20px;font-size:17px}.secondary{margin-top:8px;padding:7px 16px}.assist{margin-top:9px;font-size:12px}.edition{font-size:10px}.hud{inset:10px 12px auto}.level-label strong{font-size:15px}.level-label span{font-size:10px}.counters>span{font-size:14px;min-width:45px}.hint{font-size:13px;padding:8px 13px}.panel{padding:20px}.panel h2{font-size:25px;margin-bottom:14px}.level-card{min-height:72px;font-size:11px;padding:5px}.level-card b{font-size:20px}.levels{gap:8px}footer{font-size:11px}footer>span:last-child{display:none}}
@media(max-width:600px) and (orientation:portrait){body{display:block}#app{padding:8px}.brand-title small{display:none}.tools button{padding:8px 11px}.stage{aspect-ratio:4/5;background:#102235}canvas{object-fit:contain}.home{top:12%;right:8%;width:84%}.home h1{font-size:59px}.home p{font-size:17px}.home>.primary,.home>.secondary{width:100%}.overlay.home-mode{background:linear-gradient(270deg,#0e1b30ec,#0b172daa)}.home .assist{font-size:14px;margin-top:18px}.edition{font-size:12px}.panel{width:94%;padding:18px}.levels{grid-template-columns:repeat(2,1fr)}.level-card{min-height:70px}.hint{bottom:92px;width:86%;max-width:86%;font-size:13px}.touch{inset:auto 12px 12px}.hud{inset:12px}.counters{gap:2px}.result-star{font-size:50px}.panel h2{font-size:24px}.panel p{font-size:15px}footer{line-height:1.8;text-align:center;display:block}}
@media(max-height:550px) and (orientation:landscape){#app{padding:0;max-width:calc(100svh * 16 / 9)}header,footer{display:none}.stage{border-radius:0}.home{top:5%}.home h1{font-size:45px;margin:10px 0}.home p{font-size:13px}.assist{margin-top:5px}.edition{display:none}.hint{bottom:80px}.compact{padding:17px}.compact h2{font-size:24px;margin:5px 0}.compact p{font-size:13px;margin:8px 0}.result-star{font-size:40px}.result-stats{padding:7px 0;margin:0 0 8px}.panel .primary{min-height:42px;font-size:17px;padding:8px}.panel .secondary{min-height:40px}.text-button{margin:5px auto}.level-card{min-height:65px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}