.mute-button{position:fixed;top:max(.6rem,env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));z-index:50;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:2px solid var(--line);border-radius:var(--radius-pill);background:#0e172699;color:var(--text);cursor:pointer;transition:transform .08s var(--ease)}.mute-button:active{transform:scale(.92)}.mute-button[data-muted=true]{opacity:.7}.install-hint{position:fixed;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--space-2);max-width:min(36rem,calc(100vw - 1.6rem));padding:.7rem .9rem;border:2px solid var(--line);border-radius:var(--radius-lg);background:#0e1726eb;color:var(--text);box-shadow:var(--shadow-card)}.install-hint__icon{font-size:1.6rem;flex:0 0 auto}.install-hint__text{margin:0;font-size:.95rem;line-height:1.3}.install-hint__close{flex:0 0 auto;min-height:var(--tap-min);padding:.45rem 1rem;font-weight:800;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);cursor:pointer}.install-hint__close:active{transform:scale(.96)}.hub{min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-4, 1rem);padding:max(var(--space-4, 1rem),env(safe-area-inset-top)) max(var(--space-4, 1rem),env(safe-area-inset-right)) max(var(--space-4, 1rem),env(safe-area-inset-bottom)) max(var(--space-4, 1rem),env(safe-area-inset-left));background:var(--board-bg, #0e1726);color:var(--text, #f4f7fb)}.hub__header{text-align:center;margin-top:var(--space-2, .5rem)}.hub__title{font-family:var(--font-sans);font-size:clamp(2rem,7vw,3.25rem);font-weight:800;margin:0}.hub__subtitle{margin:.25rem 0 0;opacity:.75;font-size:clamp(1rem,3.5vw,1.35rem)}.hub__grid{list-style:none;margin:0 auto;padding:0;width:100%;max-width:60rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4, 1rem)}.hub__cell{display:flex}.game-tile{position:relative;flex:1;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:clamp(1.25rem,5vw,2.25rem) 1rem;border-radius:var(--radius-lg, 1.25rem);text-decoration:none;color:#fff;background:linear-gradient(150deg,var(--accent, #2d6fe0),#0e1726 220%);box-shadow:0 .5rem 1.5rem #00000059;border:2px solid color-mix(in srgb,var(--accent, #2d6fe0) 60%,white 0%);transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.game-tile:active{transform:scale(.97)}.game-tile__cover{font-size:clamp(3rem,12vw,4.5rem);line-height:1}.game-tile__title{font-weight:800;font-size:clamp(1.1rem,4vw,1.5rem);text-align:center}.game-tile__subtitle{opacity:.85;font-size:clamp(.85rem,3vw,1rem);text-align:center}.game-tile__badge{position:absolute;top:.6rem;right:.6rem;padding:.15rem .5rem;border-radius:999px;background:#ffffffe6;color:#0e1726;font-size:.75rem;font-weight:700}.card{position:relative;box-sizing:border-box;width:var(--card-w);aspect-ratio:5 / 7;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--surface-line);box-shadow:var(--shadow-card);overflow:hidden}.card:after{content:"";position:absolute;inset:calc(var(--card-w) * .035);border:2px solid rgba(29,39,64,.12);border-radius:calc(var(--radius-lg) - var(--card-w) * .035);pointer-events:none}.card__corner{position:absolute;top:calc(var(--card-w) * .045);width:calc(var(--card-w) * .24);height:calc(var(--card-w) * .24);padding:calc(var(--card-w) * .035);display:block;border-radius:var(--radius-pill);background:#fff;box-shadow:var(--shadow-soft);z-index:1}.card__corner--left{left:calc(var(--card-w) * .045)}.card__corner--right{right:calc(var(--card-w) * .045)}.card__corner svg,.card__fallback-emblem svg,.card__joker-art svg{width:100%;height:100%;display:block}.card__center{position:absolute;inset:calc(var(--card-w) * .32) calc(var(--card-w) * .06) calc(var(--card-w) * .06);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(160deg,#fffdf8,#f1ece0);box-shadow:inset 0 0 0 1px #1d274014;overflow:hidden}.card__image{width:100%;height:100%;object-fit:cover}.card__fallback{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;padding:var(--space-2)}.card__fallback-emblem{display:flex;align-items:center;justify-content:center;width:42%;aspect-ratio:1 / 1;padding:calc(var(--card-w) * .055);border-radius:var(--radius-pill);background:#fff;box-shadow:var(--shadow-soft)}.card--joker{display:flex;align-items:center;justify-content:center;background:conic-gradient(from 210deg,#e0322e,#f2761a,#f2c200,#2e9e4f,#0ea192,#2d6fe0,#8b5cf6,#ec4899,#e0322e)}.card--joker:after{border-color:#ffffff8c}.card__joker-art{display:flex;align-items:center;justify-content:center;width:66%;aspect-ratio:1 / 1;padding:calc(var(--card-w) * .078);border-radius:var(--radius-pill);background:#fff;box-shadow:var(--shadow-card);z-index:1}.game-board{width:100%;min-height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--space-3);align-content:start}.game-board__status{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.player-status{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:7rem;padding:.45rem .9rem;border-radius:var(--radius-lg);background:#ffffff12;border:2px solid transparent;transition:transform .12s var(--ease)}.player-status--active{border-color:var(--accent);background:#f2c20029;transform:translateY(-2px)}.player-status__name{font-weight:800;letter-spacing:.01em}.player-status__pips{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.pip{width:.6rem;height:.6rem;border-radius:var(--radius-pill);background:#ffffff29}.pip--filled{background:var(--accent);box-shadow:0 0 6px #f2c200b3}.player-status__level{font-size:.95rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.player-status--active .player-status__level{color:var(--text)}.game-board__middle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-5)}.draw-pile{position:relative;min-width:calc(var(--card-w) * .52);min-height:calc(var(--card-w) * .73);padding:0;border:none;border-radius:var(--radius-md);cursor:pointer;background:var(--card-back);box-shadow:var(--shadow-card);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .1s var(--ease)}.draw-pile:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,255,255,.28);pointer-events:none}.draw-pile:active{transform:scale(.97)}.draw-pile__count{position:relative;font-size:1.6rem;font-weight:900;padding:.1rem .6rem;border-radius:var(--radius-pill);background:#0e17268c;text-shadow:0 1px 3px rgba(0,0,0,.5)}.discard-piles{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.discard-pile{min-width:var(--tap-min);min-height:var(--tap-min);padding:.2rem;border:2px dashed var(--line);border-radius:var(--radius-md);background:#ffffff0a;cursor:pointer;display:flex;align-items:center;justify-content:center}.discard-pile[data-empty=true]{border-style:dashed}.discard-pile__empty{font-size:2rem;color:var(--line)}.game-board__own{display:flex;justify-content:center}.tile-tray{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.tile{position:relative;min-width:var(--tap-min);min-height:var(--tap-min);padding:.4rem;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--bg-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s var(--ease)}.tile:active{transform:scale(.96)}.tile--covered .tile__back{width:100%;height:100%;min-height:48px;border-radius:var(--radius-sm);background:var(--card-back);box-shadow:inset 0 0 0 2px #ffffff2e}.tile--open{background:var(--surface);border-color:var(--surface-line)}.tile--open .tile__emblem{animation:tile-reveal .25s var(--ease) both}@keyframes tile-reveal{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.tile__emblem{display:block;width:calc(var(--card-w) * .3);height:calc(var(--card-w) * .3)}.tile__emblem svg{width:100%;height:100%;display:block}.tile--center{cursor:default}.tile--highlight{border-color:var(--accent)}.tile--highlight:after{content:"";position:absolute;inset:-4px;border-radius:var(--radius-lg);box-shadow:0 0 0 3px var(--accent),0 0 18px #f2c200d9;opacity:.9;pointer-events:none;animation:pip-pulse 1s ease-in-out infinite alternate}@keyframes pip-pulse{0%{opacity:.4}to{opacity:1}}.tile--hint:not(.tile--highlight):after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-lg);box-shadow:0 0 0 2px var(--hint, #5cc8ff),0 0 10px #5cc8ff8c;opacity:.7;pointer-events:none;animation:hint-glow 1.6s ease-in-out infinite alternate}.hand__card--hint:not(.hand__card--selected){border-color:var(--hint, #5cc8ff);box-shadow:0 0 10px #5cc8ff80;animation:hint-glow 1.6s ease-in-out infinite alternate}@keyframes hint-glow{0%{opacity:.45}to{opacity:.85}}@media(prefers-reduced-motion:reduce){.tile--hint:not(.tile--highlight):after,.hand__card--hint:not(.hand__card--selected){animation:none;opacity:.75}}.game-board__controls{display:flex;justify-content:center}.help-toggle{min-height:var(--tap-min);padding:.4rem 1.1rem;font-size:1.05rem;font-weight:800;border:2px solid var(--line);border-radius:var(--radius-pill);background:#ffffff0d;color:var(--muted);cursor:pointer;transition:transform .1s var(--ease),border-color .1s var(--ease)}.help-toggle:active{transform:scale(.97)}.help-toggle--on{border-color:var(--hint, #5cc8ff);color:var(--text);background:#5cc8ff24}.game-board__hand{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;padding-top:var(--space-1)}.hand__card{flex:0 0 auto;padding:0;border:3px solid transparent;border-radius:var(--radius-lg);background:transparent;cursor:pointer;transition:transform .12s var(--ease)}.hand__card[disabled]{cursor:default}.hand__card--selected{border-color:var(--accent);transform:translateY(-.7rem)}.action-bar{display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-1) 0 var(--space-2)}.action-button{min-width:8rem;min-height:var(--tap-min);padding:.6rem 1.4rem;font-size:1.25rem;font-weight:900;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--ink);box-shadow:var(--shadow-pop);transition:transform .08s var(--ease)}.action-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000047}.action-button--fulfill{background:var(--positive);color:#fff}.action-button--fulfill:not(:disabled){animation:reward-pulse 1.1s var(--ease) infinite}@keyframes reward-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.action-button--discard{background:var(--accent)}.action-button:disabled{opacity:.4;cursor:default;box-shadow:none}[data-feedback=shake]{animation:tap-shake .32s ease;outline:3px solid var(--danger);outline-offset:2px}@keyframes tap-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.handoff-overlay{grid-row:3 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:12rem;border:none;border-radius:var(--radius-xl);cursor:pointer;color:var(--text);background:linear-gradient(160deg,#20406b,#0e1726);box-shadow:var(--shadow-card)}.handoff-overlay__title{font-size:clamp(1.6rem,5vw,2.6rem);font-weight:900}.handoff-overlay__hint{font-size:1.1rem;color:var(--muted)}.board-lock{text-align:center;padding:var(--space-3);font-weight:800;color:var(--accent)}@media(max-width:700px){.game-board{gap:var(--space-2)}.player-status{min-width:0;flex:1 1 auto;padding:.3rem .5rem;gap:.2rem}.player-status__name{font-size:.9rem}.player-status__pips{gap:2px}.pip{width:.45rem;height:.45rem}.game-board__hand{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-block:.8rem}.hand__card{flex:0 0 auto;scroll-snap-align:center}.hand__card--selected{transform:translateY(-.4rem)}.action-button{min-width:6.5rem;font-size:1.1rem}}@media(orientation:landscape)and (max-height:480px){.game-board{gap:var(--space-1)}.player-status{flex-direction:row;align-items:center;gap:.4rem;min-width:0;padding:.15rem .5rem}.player-status__pips{display:none}.game-board__middle{gap:var(--space-3)}.game-board__controls{margin:0}.help-toggle{min-height:0;padding:.15rem .7rem;font-size:.8rem}.game-board__hand{flex-wrap:nowrap;justify-content:center;overflow-x:hidden;overflow-y:visible;gap:var(--space-2);padding-block:.2rem}.hand__card{flex:0 0 auto}.hand__card--selected{transform:translateY(-.2rem)}.action-bar{padding:var(--space-1) 0}.action-button{min-height:var(--tap-min);padding:.3rem 1rem;font-size:.95rem}.handoff-overlay{min-height:6rem}}@media(orientation:landscape)and (min-height:481px)and (max-height:820px){.game-board{gap:var(--space-2)}.action-bar{padding:var(--space-1) 0}}.winner-screen{position:relative;overflow:hidden;width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center}.winner-screen__eyebrow{margin:0;font-size:clamp(1.2rem,4vw,2rem);font-weight:800;color:var(--muted)}.winner-screen__name{margin:0;font-size:clamp(2.6rem,12vw,7rem);font-weight:900;line-height:1.05;background:linear-gradient(90deg,#2e9e4f,#2d6fe0,#ec4899,#f2c200);-webkit-background-clip:text;background-clip:text;color:transparent;animation:winner-pop .6s ease-out both}@keyframes winner-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.winner-screen__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.winner-screen__change{min-width:12rem;min-height:var(--tap-min);padding:.9rem 2rem;font-size:1.3rem;font-weight:800;color:var(--text);background:#ffffff14;border:2px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:transform .08s var(--ease)}.winner-screen__change:active{transform:translateY(3px)}.winner-screen__restart{min-width:12rem;min-height:var(--tap-min);padding:.9rem 2.4rem;font-size:1.5rem;font-weight:900;color:var(--ink);background:var(--accent);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-pop);transition:transform .08s var(--ease)}.winner-screen__restart:active{transform:translateY(3px);box-shadow:0 1px #00000047}.winner-screen__confetti{position:absolute;inset:0;pointer-events:none}.confetti{position:absolute;top:-10%;width:.7rem;height:1rem;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(-10%) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(120vh) rotate(540deg);opacity:1}}@media(prefers-reduced-motion:reduce){.winner-screen__name,.winner-screen__restart,.confetti{animation:none;transition:none}.confetti{opacity:0}}.setup-screen{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4)}.setup-screen__title{margin:0;font-size:clamp(2.2rem,9vw,4.5rem);font-weight:900;letter-spacing:.01em;background:linear-gradient(90deg,#2e9e4f,#2d6fe0,#ec4899,#f2c200);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:48rem}.setup-group__label{margin:0;font-size:1.2rem;font-weight:800;color:var(--muted)}.setup-options{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.setup-seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);width:100%}.setup-seat{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;padding:var(--space-2);border-radius:var(--radius-lg);background:#ffffff0a}.setup-seat__name{min-width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:var(--ink);background:var(--accent);border-radius:var(--radius-pill)}.setup-chip{min-width:var(--tap-min);min-height:var(--tap-min);padding:.5rem 1.2rem;font-size:1.2rem;font-weight:800;color:var(--text);background:#ffffff12;border:2px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:transform .08s var(--ease)}.setup-chip:active:not(:disabled){transform:scale(.96)}.setup-chip--small{min-width:56px;min-height:56px;font-size:1rem}.setup-chip--active{border-color:var(--accent);background:#f2c20033;color:#fff}.setup-chip--disabled,.setup-chip:disabled{opacity:.4;cursor:default}.setup-start{margin-top:var(--space-2);min-width:14rem;min-height:72px;padding:1rem 2.5rem;font-size:1.7rem;font-weight:900;color:#fff;background:var(--positive);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-pop);transition:transform .08s var(--ease)}.setup-start:active{transform:translateY(3px);box-shadow:0 1px #00000047}.sokoban{align-items:center;gap:var(--space-3, .75rem);position:relative}.sokoban__stage{display:flex;justify-content:center;align-items:center;width:100%;flex:1}.sokoban-board{--cell: min(calc(92vw / var(--cols)), calc(50vh / var(--rows)));display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));gap:0;padding:calc(var(--cell) * .14);border-radius:18px;background:radial-gradient(120% 120% at 30% 15%,#262b35,#14171e);box-shadow:0 1.5rem 3rem #00000080,inset 0 0 0 2px #ffffff0d;touch-action:none;-webkit-user-select:none;user-select:none}.cell{position:relative;width:var(--cell);height:var(--cell);box-sizing:border-box}.cell--floor-a{background:#2d323d}.cell--floor-b{background:#333844}.cell--wall{background-color:#8a5140;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23b9a08c'/%3E%3Cg fill='%238a5140'%3E%3Crect x='1' y='1' width='38' height='17' rx='2'/%3E%3Crect x='1' y='21' width='17' height='17' rx='2'/%3E%3Crect x='21' y='21' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/svg%3E");background-size:50% 50%;box-shadow:inset 0 3px #ffffff1f,inset 0 -6px 8px #00000061}.goal-mark{position:absolute;inset:18%;border-radius:4px;border:3px dashed rgba(244,200,32,.85);animation:goalPulse 1.9s ease-in-out infinite}.goal-mark:after{content:"";position:absolute;inset:32%;border-radius:2px;background:#f4c82059}@keyframes goalPulse{0%,to{opacity:.65}50%{opacity:1}}.box{position:absolute;inset:7%;border-radius:16%;background:linear-gradient(135deg,transparent 43%,rgba(0,0,0,.22) 43%,rgba(0,0,0,.22) 57%,transparent 57%),linear-gradient(45deg,transparent 43%,rgba(0,0,0,.22) 43%,rgba(0,0,0,.22) 57%,transparent 57%),linear-gradient(160deg,#e2a24a,#b0731c);background-color:#cf8f37;box-shadow:inset 0 0 0 3px #784816b3,inset 0 -.35rem #00000038,inset 0 .3rem #ffffff24,0 .3rem .5rem #00000059;transition:transform .1s ease}.box[data-on-goal]{background:linear-gradient(135deg,transparent 43%,rgba(0,0,0,.16) 43%,rgba(0,0,0,.16) 57%,transparent 57%),linear-gradient(45deg,transparent 43%,rgba(0,0,0,.16) 43%,rgba(0,0,0,.16) 57%,transparent 57%),linear-gradient(160deg,#6fe08c,#35ad5c);background-color:#4cc473;box-shadow:inset 0 0 0 3px #165c2cb3,inset 0 -.35rem #0000002e,0 0 16px #5adc828c;animation:boxPop .28s ease}.box[data-on-goal]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:calc(var(--cell) * .4);text-shadow:0 2px 3px rgba(0,0,0,.4)}@keyframes boxPop{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.player{position:absolute;inset:8%;animation:playerBob 2.1s ease-in-out infinite}.player__body{position:absolute;left:12%;right:12%;bottom:0;height:52%;border-radius:34% 34% 24% 24%;background:linear-gradient(160deg,#ff9f2e,#e56f16);box-shadow:inset 0 .15rem #ffffff47,inset 0 -.2rem #00000038,0 .25rem .4rem #00000059}.player__body:after{content:"";position:absolute;left:0;right:0;top:40%;height:15%;background:#e8f2ffcc;box-shadow:0 -1px #00000026,0 1px #00000026}.player__head{position:absolute;left:28%;right:28%;top:14%;height:40%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd9a8,#e8b077);box-shadow:inset 0 -.12rem #00000026}.player__head:before,.player__head:after{content:"";position:absolute;top:44%;width:15%;height:18%;border-radius:50%;background:#2a1c12}.player__head:before{left:26%}.player__head:after{right:26%}.player__hat{position:absolute;left:22%;right:22%;top:4%;height:22%;z-index:2;background:linear-gradient(#ffd21f,#f0a80f);border-radius:46% 46% 30% 30%/80% 80% 30% 30%;box-shadow:inset 0 2px #ffffff80}.player__hat:after{content:"";position:absolute;bottom:-2px;left:-22%;right:-22%;height:34%;background:linear-gradient(#ffd21f,#e89b0c);border-radius:50%;box-shadow:0 1px 2px #0000004d}@keyframes playerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}.sokoban-hud{width:100%;max-width:44rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem}.sokoban-hud__row{display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:800}.sokoban-hud__level{font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:.01em}.sokoban-hud__stat{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;background:#1a2740;box-shadow:inset 0 0 0 1px #ffffff0d;font-variant-numeric:tabular-nums}.sokoban-hud__deadlock{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;border-radius:var(--radius-md, .75rem);background:#e0662e2e;border:1px solid rgba(224,102,46,.5);color:#ffd7c2;font-weight:700}.sokoban-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);padding-bottom:env(safe-area-inset-bottom)}.dpad{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:.4rem}.dpad__btn{width:64px;height:64px;font-size:1.5rem;border:none;border-radius:18px;background:linear-gradient(160deg,#3d4c72,#29344f);color:#dce6ff;box-shadow:inset 0 2px #ffffff24,inset 0 -3px #0000004d,0 .3rem .5rem #0000004d;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .08s ease}.dpad__btn:active{transform:scale(.92);filter:brightness(1.25)}.dpad__up{grid-column:2;grid-row:1}.dpad__left{grid-column:1;grid-row:2}.dpad__right{grid-column:3;grid-row:2}.dpad__down{grid-column:2;grid-row:3}.sokoban-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.action-btn{min-height:48px;padding:.5rem 1rem;border:none;border-radius:999px;background:#2b3550;color:#fff;font-weight:700;-webkit-tap-highlight-color:transparent}.action-btn:disabled{opacity:.4}.action-btn:not(:disabled):active{transform:scale(.96)}@media(orientation:landscape){.app-shell.sokoban{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.sokoban-hud{order:-1;flex-basis:100%}.sokoban__stage{width:auto;flex:0 1 auto}.sokoban-controls{flex:0 0 auto}}.sokoban__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a1220b8;z-index:30}.sokoban-win{background:#16223a;border-radius:var(--radius-lg, 1.25rem);padding:clamp(1.5rem,6vw,2.5rem);text-align:center;max-width:90vw;box-shadow:0 1rem 3rem #00000080}.sokoban-win__title{margin:0 0 .5rem;font-size:clamp(1.5rem,6vw,2.25rem)}.sokoban-win__stars{font-size:clamp(2.5rem,10vw,3.5rem);letter-spacing:.2rem}.sokoban-win__star{color:#394663}.sokoban-win__star[data-filled]{color:#ffcf3f;text-shadow:0 0 12px rgba(255,207,63,.6)}.sokoban-win__stats{opacity:.8;font-weight:700}.sokoban-win__actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.big-btn{min-height:56px;padding:.75rem 1.5rem;border:none;border-radius:999px;background:#2b3550;color:#fff;font-size:1.1rem;font-weight:800;-webkit-tap-highlight-color:transparent}.big-btn--primary{background:linear-gradient(150deg,#35ad5c,#2d8f4c)}.big-btn:active{transform:scale(.97)}.sokoban-select{justify-content:flex-start;gap:var(--space-4, 1rem)}.sokoban-select__title{margin:3rem 0 .5rem;font-size:clamp(1.75rem,7vw,2.75rem)}.level-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,6rem));gap:var(--space-3, .75rem);justify-content:center}.level-tile{width:100%;aspect-ratio:1;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:2px solid #2b3550;border-radius:var(--radius-md, .75rem);background:#1a2437;color:#fff;font-weight:800;-webkit-tap-highlight-color:transparent}.level-tile[data-solved]{border-color:#35ad5c;background:#17301f}.level-tile:disabled{opacity:.4}.level-tile:not(:disabled):active{transform:scale(.96)}.level-tile__num{font-size:1.5rem}.level-tile__stars{color:#ffcf3f;font-size:.9rem;letter-spacing:1px}.sokoban-hud__stat[data-warn]{background:#5a2330;color:#ffd6d6;box-shadow:inset 0 0 0 1px #ff78788c}.hardmode-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border:none;border-radius:999px;background:#1a2740;color:#dce6ff;font-weight:800;font-size:1rem;-webkit-tap-highlight-color:transparent}.hardmode-toggle__knob{position:relative;width:2.6rem;height:1.5rem;border-radius:999px;background:#31405f;transition:background .15s ease}.hardmode-toggle__knob:after{content:"";position:absolute;top:.15rem;left:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;transition:transform .15s ease}.hardmode-toggle[data-on] .hardmode-toggle__knob{background:#e0662e}.hardmode-toggle[data-on] .hardmode-toggle__knob:after{transform:translate(1.1rem)}.sokoban-select__hint{opacity:.75;margin:.25rem 0 .5rem;text-align:center;max-width:32rem}.sokoban-fail{box-shadow:0 1rem 3rem #00000080,inset 0 4px #e0662e}.sokoban-select__toggles{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.hintmode-toggle[data-on] .hardmode-toggle__knob{background:#2d9d5a}.hint-arrow{position:absolute;inset:0;display:grid;place-items:center;color:#ffe066;font-size:calc(var(--cell) * .5);line-height:1;pointer-events:none;z-index:6;text-shadow:0 0 8px rgba(255,210,60,.85)}.hint-arrow:before{content:"➤";display:block;animation:hintPulse .9s ease-in-out infinite}.hint-arrow[data-dir=right]{transform:translate(34%)}.hint-arrow[data-dir=left]{transform:translate(-34%)}.hint-arrow[data-dir=up]{transform:translateY(-34%)}.hint-arrow[data-dir=down]{transform:translateY(34%)}.hint-arrow[data-dir=right]:before{transform:rotate(0)}.hint-arrow[data-dir=left]:before{transform:rotate(180deg)}.hint-arrow[data-dir=up]:before{transform:rotate(-90deg)}.hint-arrow[data-dir=down]:before{transform:rotate(90deg)}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}.dpad__btn[data-hint]{background:linear-gradient(160deg,#ffd23f,#e0a12a);color:#3a2a00;animation:hintPulse .9s ease-in-out infinite}.huepfer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-3);box-sizing:border-box}.huepfer__stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.huepfer-board{--cell: min( calc((100vw - 2 * var(--space-3)) / var(--cols)), calc((100dvh - 18rem) / var(--rows)), 3.6rem );position:relative;width:calc(var(--cell) * var(--cols));height:calc(var(--cell) * var(--rows));border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);touch-action:none;-webkit-user-select:none;user-select:none}.huepfer-row{position:relative;height:var(--cell);overflow:hidden}.huepfer-row--bank{background:radial-gradient(circle at 18% 60%,rgba(255,255,255,.12) 0 12%,transparent 13%),radial-gradient(circle at 72% 30%,rgba(255,255,255,.1) 0 9%,transparent 10%),#58a75a}.huepfer-row--road{background:repeating-linear-gradient(90deg,transparent 0 calc(var(--cell) * .6),rgba(255,255,255,.35) calc(var(--cell) * .6) calc(var(--cell) * 1),transparent calc(var(--cell) * 1) calc(var(--cell) * 1.6)) center / 100% 3px no-repeat,#3c4353}.huepfer-row--river{background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.14) 0 18%,transparent 20%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.1) 0 14%,transparent 16%),#2b6cb8}.huepfer-row--goal{display:flex;background:#2f7d4f}.huepfer-goal{flex:1;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .55);background:#00000047}.huepfer-goal--slot{background:#2b6cb8;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.huepfer-goal--slot[data-filled]{background:#1f9d55}.huepfer-entity{position:absolute;top:8%;height:84%;width:calc(var(--cell) * var(--len) / 8);transform:translate(calc(var(--cell) * var(--sub) / 8));transition:transform .12s linear;border-radius:calc(var(--cell) * .22);will-change:transform}.huepfer-entity--car{background:radial-gradient(circle at 22% 30%,rgba(255,255,255,.65) 0 10%,transparent 12%),linear-gradient(180deg,#ff8a5c,#e0322e 70%);box-shadow:0 2px 4px #00000059}.huepfer-entity--car[data-dir=left]{background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.65) 0 10%,transparent 12%),linear-gradient(180deg,#ffd75c,#e0962e 70%)}.huepfer-entity--log{background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 6px,transparent 6px 22px),linear-gradient(180deg,#a9743f,#7c5228);border-radius:var(--radius-pill);box-shadow:inset 0 -3px #00000040}.huepfer-entity--croc{background:radial-gradient(circle at 88% 22%,#f6e05e 0 9%,transparent 11%),radial-gradient(circle at 88% 20%,#1d2740 0 4%,transparent 6%),repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.9) 6px 9px) right center / 22% 4px no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 8px,transparent 8px 16px),linear-gradient(180deg,#4c9a3f,#2f6e2a);border-radius:var(--radius-pill);box-shadow:inset 0 -3px #0000004d}.huepfer-entity--croc[data-dir=left]{background:radial-gradient(circle at 12% 22%,#f6e05e 0 9%,transparent 11%),radial-gradient(circle at 12% 20%,#1d2740 0 4%,transparent 6%),repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.9) 6px 9px) left center / 22% 4px no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 8px,transparent 8px 16px),linear-gradient(180deg,#4c9a3f,#2f6e2a)}.huepfer-dragonfly{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--cell) * var(--sub) / 8),calc(var(--cell) * var(--row)));transition:transform .12s linear;pointer-events:none;will-change:transform;z-index:2}.huepfer-dragonfly svg{width:90%;height:auto;animation:huepfer-flutter .25s ease-in-out infinite alternate}.huepfer-dragonfly[data-dir=left] svg{transform:scaleX(-1)}@keyframes huepfer-flutter{0%{translate:0 -6%}to{translate:0 6%}}.huepfer-player{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .7);transform:translate(calc(var(--cell) * var(--sub) / 8),calc(var(--cell) * var(--row)));transition:transform .12s linear;pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.huepfer-player svg,.huepfer-goal--slot svg{width:86%;height:86%;display:block}.huepfer-player--splash{animation:huepfer-splash .5s var(--ease);font-size:calc(var(--cell) * .7)}@keyframes huepfer-splash{0%{transform:translate(calc(var(--cell) * var(--sub) / 8),calc(var(--cell) * var(--row))) scale(1.25);opacity:1}to{transform:translate(calc(var(--cell) * var(--sub) / 8),calc(var(--cell) * var(--row))) scale(.8);opacity:.65}}.huepfer-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);row-gap:var(--space-1);width:min(100%,34rem);margin-top:3rem;align-self:center;color:var(--text);font-family:var(--font-sans)}.huepfer-hud__name{font-weight:800;font-size:1.05rem}.huepfer-hud__lives{font-size:.95rem;letter-spacing:.1rem;white-space:nowrap}.huepfer-hud__stats{display:flex;gap:var(--space-3);font-variant-numeric:tabular-nums;color:var(--muted)}.huepfer-hud__stats strong{color:var(--text)}.huepfer-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding-bottom:var(--space-2)}.huepfer-dpad{display:grid;grid-template-columns:repeat(3,var(--tap-min));grid-template-rows:repeat(2,var(--tap-min));gap:var(--space-1)}.huepfer-dpad__btn{min-width:var(--tap-min);min-height:var(--tap-min);border:none;border-radius:var(--radius-md);background:var(--bg-2);color:var(--text);font-size:1.4rem;box-shadow:var(--shadow-pop);cursor:pointer}.huepfer-dpad__btn:active{transform:translateY(2px);box-shadow:none}.huepfer-dpad__up{grid-column:2;grid-row:1}.huepfer-dpad__left{grid-column:1;grid-row:2}.huepfer-dpad__down{grid-column:2;grid-row:2}.huepfer-dpad__right{grid-column:3;grid-row:2}.huepfer-actions{display:flex;flex-direction:column;gap:var(--space-2)}.huepfer-action{min-height:var(--tap-min);padding:0 var(--space-4);border:none;border-radius:var(--radius-md);background:var(--bg-1);color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:700;box-shadow:var(--shadow-pop);cursor:pointer}.huepfer-action:disabled{opacity:.4;box-shadow:none}.huepfer__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a101cb8;z-index:30}.huepfer-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface);color:var(--ink);font-family:var(--font-sans);box-shadow:var(--shadow-card);text-align:center;max-width:min(88vw,26rem)}.huepfer-panel h2{margin:0;font-size:1.5rem}.huepfer-panel__btn{min-height:var(--tap-min);min-width:12rem;border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-sans);font-size:1.1rem;font-weight:800;box-shadow:var(--shadow-pop);cursor:pointer}.huepfer-panel__btn--secondary{background:var(--bg-2);color:var(--text)}.huepfer-panel__stars{font-size:2.2rem;letter-spacing:.3rem;color:#c9c2b2}.huepfer-panel__stars span[data-filled]{color:var(--accent)}.huepfer-win{position:relative;overflow:hidden}.huepfer-win__stats{margin:0;color:var(--ink);opacity:.75}.huepfer-win__confetti{position:absolute;inset:0;pointer-events:none}.huepfer-win__confetti span{position:absolute;top:-1.5rem;left:calc(6% + var(--i) * 12%);font-size:1.3rem;animation:huepfer-confetti 2.6s linear infinite;animation-delay:calc(var(--i) * -.35s)}@keyframes huepfer-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(30rem) rotate(300deg);opacity:.4}}.huepfer-select{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);min-height:100dvh;box-sizing:border-box;font-family:var(--font-sans)}.huepfer-select__title{margin:3rem 0 0;color:var(--text);font-size:1.8rem}.huepfer-select__hint{margin:0;color:var(--muted);text-align:center;max-width:28rem}.huepfer-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:var(--space-3);width:min(100%,34rem);margin:0;padding:0;list-style:none}.huepfer-level-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:var(--tap-min);aspect-ratio:1;border:none;border-radius:var(--radius-lg);background:var(--bg-2);color:var(--text);font-family:var(--font-sans);box-shadow:var(--shadow-pop);cursor:pointer}.huepfer-level-tile:disabled{opacity:.45;box-shadow:none;cursor:default}.huepfer-level-tile[data-solved]{background:#2f7d4f}.huepfer-level-tile__num{font-size:1.4rem;font-weight:800}.huepfer-level-tile__stars{color:var(--accent);font-size:.95rem;letter-spacing:.1rem}.huepfer-level-tile__lock{font-size:.95rem;min-height:1.2rem}.app-shell.schatzgraeber{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-3);box-sizing:border-box}.schatzgraeber__stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.sg-board{--cell: min( calc((100vw - 2 * var(--space-3)) / var(--cols)), calc((100dvh - 12.5rem - 2 * var(--dpad-btn)) / var(--rows)), 3.6rem );position:relative;width:calc(var(--cell) * var(--cols));height:calc(var(--cell) * var(--rows));border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);touch-action:none;-webkit-user-select:none;user-select:none;background:#0d1017}.sg-spritesheet{position:absolute;width:0;height:0;overflow:hidden}.sg-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell))}.sg-cell{position:relative;width:var(--cell);height:var(--cell);background:radial-gradient(ellipse at 50% 0%,rgba(120,140,175,.16) 0 55%,transparent 75%),linear-gradient(180deg,#171c26,#0c0f15)}.sg-cell__sprite{position:absolute;inset:0;width:100%;height:100%;display:block}.sg-cell[data-kind=dirt]{box-shadow:inset 0 0 6px #321a0866}.sg-cell[data-kind=dirt][data-tex="0"]{background:radial-gradient(circle at 26% 30%,#58330f 0 8%,transparent 10%),radial-gradient(circle at 73% 66%,#58330f 0 7%,transparent 9%),radial-gradient(circle at 55% 18%,#a97544 0 6%,transparent 8%),radial-gradient(circle at 18% 78%,#a97544 0 5%,transparent 7%),radial-gradient(circle at 84% 34%,rgba(255,230,190,.2) 0 4%,transparent 6%),linear-gradient(155deg,#8b5a2c,#74461f 55%,#613a19)}.sg-cell[data-kind=dirt][data-tex="1"]{background:radial-gradient(circle at 68% 26%,#58330f 0 9%,transparent 11%),radial-gradient(circle at 30% 72%,#58330f 0 6%,transparent 8%),radial-gradient(circle at 22% 38%,#a97544 0 5%,transparent 7%),radial-gradient(circle at 78% 80%,#a97544 0 6%,transparent 8%),radial-gradient(circle at 46% 52%,rgba(255,230,190,.18) 0 4%,transparent 6%),linear-gradient(165deg,#906036,#71441f 60%,#5c3617)}.sg-cell[data-kind=dirt][data-tex="2"]{background:radial-gradient(circle at 40% 62%,#58330f 0 8%,transparent 10%),radial-gradient(circle at 80% 42%,#58330f 0 6%,transparent 8%),radial-gradient(circle at 60% 84%,#a97544 0 5%,transparent 7%),radial-gradient(circle at 16% 22%,#a97544 0 6%,transparent 8%),radial-gradient(circle at 70% 14%,rgba(255,230,190,.16) 0 4%,transparent 6%),linear-gradient(145deg,#86552a,#77491f 55%,#5f3818)}.sg-cell[data-kind=dirt][data-tex="3"]{background:radial-gradient(circle at 52% 34%,#58330f 0 7%,transparent 9%),radial-gradient(circle at 20% 60%,#58330f 0 8%,transparent 10%),radial-gradient(circle at 86% 70%,#a97544 0 5%,transparent 7%),radial-gradient(circle at 38% 12%,#a97544 0 5%,transparent 7%),radial-gradient(circle at 30% 88%,rgba(255,230,190,.16) 0 4%,transparent 6%),linear-gradient(170deg,#8e5c2f,#6f421d 58%,#5a3516)}.sg-cell[data-kind=wall]{background:linear-gradient(135deg,rgba(255,255,255,.3) 0 14%,transparent 34%),linear-gradient(315deg,rgba(0,0,0,.36) 0 14%,transparent 36%),radial-gradient(circle at 32% 28%,rgba(255,255,255,.12) 0 8%,transparent 10%),radial-gradient(circle at 70% 66%,rgba(0,0,0,.16) 0 7%,transparent 9%),linear-gradient(170deg,#8d94a6,#6b7182 55%,#545a69);box-shadow:inset 0 0 0 2px #e2e8f059,inset 0 0 7px #14182273}.sg-cell[data-kind=steel]{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.55) 0 5%,transparent 7%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.45) 0 5%,transparent 7%),radial-gradient(circle at 22% 78%,rgba(255,255,255,.35) 0 5%,transparent 7%),radial-gradient(circle at 78% 78%,rgba(255,255,255,.35) 0 5%,transparent 7%),linear-gradient(135deg,rgba(255,255,255,.3) 0 14%,transparent 30%),linear-gradient(315deg,rgba(0,0,0,.45) 0 14%,transparent 32%),linear-gradient(150deg,#78828f,#565f6c,#3c4450);box-shadow:inset 0 0 0 1px #141820e6}.sg-cell[data-kind=boulder] .sg-cell__sprite{filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.sg-cell[data-kind=diamond] .sg-cell__sprite{filter:drop-shadow(0 0 3px rgba(90,220,255,.75));animation:sg-shine 2.2s ease-in-out infinite alternate}@keyframes sg-shine{0%{opacity:.82}to{opacity:1}}.sg-cell[data-kind=amoeba] .sg-cell__sprite{animation:sg-wobble 1.8s ease-in-out infinite alternate}@keyframes sg-wobble{0%{transform:scale(.94) rotate(-4deg)}to{transform:scale(1.02) rotate(4deg)}}.sg-cell[data-kind=lava]:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 75%,rgba(255,240,170,.75) 0 30%,transparent 65%);animation:sg-lava 2.4s ease-in-out infinite alternate;pointer-events:none}@keyframes sg-lava{0%{opacity:.35}to{opacity:.9}}.sg-cell[data-kind=magicWall]{background:linear-gradient(135deg,rgba(255,255,255,.35) 0 12%,transparent 30%),repeating-linear-gradient(45deg,#5a2f95 0 5px,#8b5fc0 5px 10px,#b98ae8 10px 15px);box-shadow:inset 0 0 0 1px #1e0c3ccc}.sg-cell[data-magic=active]{animation:sg-magic .4s linear infinite;box-shadow:inset 0 0 8px #fffc}.sg-cell[data-magic=expired]{filter:grayscale(.85) brightness(.7)}@keyframes sg-magic{0%{background-position:0 0}to{background-position:17px 0}}.sg-cell[data-kind=exitOpen] .sg-cell__sprite{animation:sg-glow 1.1s ease-in-out infinite alternate}@keyframes sg-glow{0%{filter:brightness(.92) drop-shadow(0 0 2px rgba(255,210,90,.5))}to{filter:brightness(1.2) drop-shadow(0 0 7px rgba(255,225,140,.95))}}.sg-cell[data-falling] .sg-cell__sprite{animation:sg-drop .13s linear}@keyframes sg-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.sg-cell[data-flash]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,244,200,.95) 0 40%,transparent 70%);animation:sg-flash .36s ease-out forwards}@keyframes sg-flash{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.sg-sprite{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--cell) * var(--x)),calc(var(--cell) * var(--y)));transition:transform 125ms linear;pointer-events:none;will-change:transform;z-index:2}.sg-sprite svg{width:92%;height:92%;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.sg-sprite--enemy svg{animation:sg-hover .5s ease-in-out infinite alternate}@keyframes sg-hover{0%{translate:0 -5%}to{translate:0 5%}}.sg-sprite--player[data-dying]{font-size:calc(var(--cell) * .9);animation:sg-poof .5s ease-out}@keyframes sg-poof{0%{scale:.6;opacity:1}to{scale:1.4;opacity:.5}}.sg-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:3rem;width:min(100%,34rem);align-self:center;color:var(--text);font-family:var(--font-sans)}.sg-hud__name{font-weight:800;font-size:1.05rem}.sg-hud__lives{font-size:.95rem;letter-spacing:.1rem;white-space:nowrap}.sg-hud__stats{display:flex;gap:var(--space-3);font-variant-numeric:tabular-nums;color:var(--muted)}.sg-hud__stats strong{color:var(--text)}.sg-hud__stats span[data-done] strong{color:#f2b134}.sg-hud__time[data-low]{color:#ff8a5c;animation:sg-pulse 1s ease-in-out infinite}.sg-hud__time[data-low] strong{color:#ff8a5c}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.55}}.sg-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding-bottom:var(--space-2)}.sg-dpad{display:grid;grid-template-columns:repeat(3,var(--dpad-btn));grid-template-rows:repeat(2,var(--dpad-btn));gap:var(--space-1);touch-action:none}.sg-dpad__btn{width:var(--dpad-btn);height:var(--dpad-btn);border:none;border-radius:var(--radius-md);background:var(--bg-2);color:var(--text);font-size:calc(var(--dpad-btn) * .36);line-height:1;box-shadow:var(--shadow-pop);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sg-dpad__btn:active{transform:translateY(2px);box-shadow:none;background:var(--bg-1)}.sg-dpad__up{grid-column:2;grid-row:1}.sg-dpad__left{grid-column:1;grid-row:2}.sg-dpad__down{grid-column:2;grid-row:2}.sg-dpad__right{grid-column:3;grid-row:2}.sg-actions{display:flex;flex-direction:column;gap:var(--space-2)}@media(orientation:landscape){.app-shell.schatzgraeber{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.sg-hud{order:-1;flex-basis:100%}.schatzgraeber__stage{width:auto;flex:0 1 auto}.sg-controls{flex:0 0 auto;padding-bottom:0}.sg-board{--cell: min( calc((100vw - 9.75rem - 3 * var(--dpad-btn)) / var(--cols)), calc((100dvh - 6rem) / var(--rows)), 3.6rem )}}.sg-action{min-height:var(--tap-min);padding:0 var(--space-4);border:none;border-radius:var(--radius-md);background:var(--bg-1);color:var(--text);font-family:var(--font-sans);font-size:1rem;font-weight:700;box-shadow:var(--shadow-pop);cursor:pointer}.sg__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a101cb8;z-index:30}.sg-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface);color:var(--ink);font-family:var(--font-sans);box-shadow:var(--shadow-card);text-align:center;max-width:min(88vw,26rem)}.sg-panel h2{margin:0;font-size:1.5rem}.sg-panel__btn{min-height:var(--tap-min);min-width:12rem;border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-sans);font-size:1.1rem;font-weight:800;box-shadow:var(--shadow-pop);cursor:pointer}.sg-panel__btn--secondary{background:var(--bg-2);color:var(--text)}.sg-panel__stars{font-size:2.2rem;letter-spacing:.3rem;color:#c9c2b2}.sg-panel__stars span[data-filled]{color:var(--accent)}.sg-win{position:relative;overflow:hidden}.sg-win__stats{margin:0;color:var(--ink);opacity:.75}.sg-win__confetti{position:absolute;inset:0;pointer-events:none}.sg-win__confetti span{position:absolute;top:-1.5rem;left:calc(6% + var(--i) * 12%);font-size:1.3rem;animation:sg-confetti 2.6s linear infinite;animation-delay:calc(var(--i) * -.35s)}@keyframes sg-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(30rem) rotate(300deg);opacity:.4}}.sg-select{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);min-height:100dvh;box-sizing:border-box;font-family:var(--font-sans)}.sg-select__title{margin:3rem 0 0;color:var(--text);font-size:1.8rem}.sg-select__hint{margin:0;color:var(--muted);text-align:center;max-width:28rem}.sg-select__progress{margin:0;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.sg-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:var(--space-3);width:min(100%,34rem);margin:0;padding:0;list-style:none}.sg-level-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:var(--tap-min);aspect-ratio:1;border:none;border-radius:var(--radius-lg);background:var(--bg-2);color:var(--text);font-family:var(--font-sans);box-shadow:var(--shadow-pop);cursor:pointer}.sg-level-tile:disabled{opacity:.45;box-shadow:none;cursor:default}.sg-level-tile[data-solved]{background:#7a4f2a}.sg-level-tile[data-current]{outline:3px solid var(--accent);outline-offset:2px}.sg-level-tile__num{font-size:1.4rem;font-weight:800}.sg-level-tile__stars{color:var(--accent);font-size:.95rem;letter-spacing:.1rem}.sg-level-tile__lock{font-size:.95rem;min-height:1.2rem}@media(prefers-reduced-motion:reduce){.sg-cell[data-falling] .sg-cell__sprite,.sg-cell[data-kind=diamond] .sg-cell__sprite,.sg-cell[data-kind=amoeba] .sg-cell__sprite,.sg-cell[data-kind=exitOpen] .sg-cell__sprite,.sg-cell[data-kind=lava]:after,.sg-cell[data-magic=active],.sg-sprite--enemy svg,.sg-win__confetti span,.sg-hud__time[data-low],.sg-cell[data-flash]:before,.sg-sprite--player[data-dying]{animation:none}.sg-sprite{transition:none}}.naschwurm{--worm-1: #57c03b;--worm-2: #f2c200;--field: #101b2e;--brick: #34507f;--btn: min(var(--dpad-btn), calc((100vw - 3.5rem) / 6));--pad-w: calc(var(--btn) * 3 + .7rem)}main.naschwurm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:100dvh;padding:var(--space-2);box-sizing:border-box}.nw-hud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);width:100%;padding:var(--space-1) 0;margin-top:3rem;color:var(--text);font-weight:700}.nw-hud__name{font-size:1.05rem}.nw-hud__food{color:var(--text);opacity:.9}.nw-hud__players{display:flex;gap:var(--space-4)}.nw-hud__player{display:inline-flex;align-items:center;gap:.35rem}.nw-hud__dot{width:.85rem;height:.85rem;border-radius:50%;background:var(--worm-1)}.nw-hud__player[data-snake="1"] .nw-hud__dot{background:var(--worm-2)}.nw-hud__lives{color:#ff6b81;letter-spacing:-.1em;font-size:.85rem}.nw-stage{display:grid;grid-template-areas:"p1 board p2";grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.nw-board-wrap{grid-area:board;position:relative}.nw-pad--1{grid-area:p1}.nw-pad--2{grid-area:p2}@media(orientation:portrait){.nw-stage{grid-template-areas:"board board" "p1 p2";grid-template-columns:1fr 1fr;justify-items:center}}.nw-board{--cell: min( calc((100vw - 2 * var(--pad-w) - 2.5rem) / var(--cols)), calc((100dvh - 12rem) / var(--rows)), 1.9rem );position:relative;width:calc(var(--cell) * var(--cols));height:calc(var(--cell) * var(--rows));border-radius:var(--radius-md);overflow:hidden;background:var(--field);box-shadow:var(--shadow-card, 0 .5rem 1.5rem rgba(0, 0, 0, .35));touch-action:none;-webkit-user-select:none;user-select:none}@media(orientation:portrait){.nw-board{--cell: min( calc((100vw - 1.5rem) / var(--cols)), calc((100dvh - 15rem - 3 * var(--btn)) / var(--rows)), 1.9rem )}}.nw-walls,.nw-food,.nw-segment,.nw-puff{position:absolute;width:var(--cell);height:var(--cell);left:0;top:0}.nw-walls{width:100%;height:100%}.nw-wall,.nw-food,.nw-segment,.nw-puff{position:absolute;transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell)))}.nw-wall{width:var(--cell);height:var(--cell);background:var(--brick);border-radius:calc(var(--cell) * .15);box-shadow:inset 0 0 0 1px #ffffff0f}.nw-food{display:grid;place-items:center;font-size:calc(var(--cell) * .7);font-weight:800;color:#2a2300;background:radial-gradient(circle at 35% 30%,#ffe89a 0 35%,#f2a900 75%);border-radius:50%;animation:nw-pulse 1.1s ease-in-out infinite}@keyframes nw-pulse{0%,to{transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell))) scale(1)}50%{transform:translate(calc(var(--x) * var(--cell)),calc(var(--y) * var(--cell))) scale(1.12)}}.nw-segment{background:var(--worm-1);border-radius:calc(var(--cell) * .3);box-shadow:inset 0 0 0 1px #00000026}.nw-segment[data-snake="1"]{background:var(--worm-2)}.nw-segment[data-head]{border-radius:calc(var(--cell) * .45);box-shadow:inset 0 0 0 2px #ffffff8c,0 0 calc(var(--cell) * .35) #ffffff2e}.nw-segment[data-head]:before,.nw-segment[data-head]:after{content:"";position:absolute;width:calc(var(--cell) * .2);height:calc(var(--cell) * .2);border-radius:50%;background:#16233c}.nw-segment[data-head]:before{left:18%;top:22%}.nw-segment[data-head]:after{right:18%;top:22%}.nw-segment[data-head][data-dir=up]:before,.nw-segment[data-head][data-dir=up]:after{top:12%}.nw-segment[data-head][data-dir=down]:before,.nw-segment[data-head][data-dir=down]:after{top:55%}.nw-segment[data-head][data-dir=left]:before,.nw-segment[data-head][data-dir=left]:after{left:14%;right:auto}.nw-segment[data-head][data-dir=right]:before,.nw-segment[data-head][data-dir=right]:after{left:auto;right:14%}.nw-segment[data-dead]{opacity:.45;filter:grayscale(.5)}.nw-puff{display:grid;place-items:center;font-size:calc(var(--cell) * 1.2);animation:nw-puff .5s ease-out forwards;pointer-events:none}@keyframes nw-puff{0%{opacity:1}to{opacity:0}}.nw-pad{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.nw-pad__name{color:var(--text);font-size:.8rem;font-weight:700;opacity:.85}.nw-pad__keys{display:none;color:var(--muted);font-size:.7rem;letter-spacing:.03em}@media(hover:hover)and (pointer:fine){.nw-pad__keys{display:block}}.nw-dpad{display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:.35rem;touch-action:none}.nw-dpad__up{grid-area:up}.nw-dpad__left{grid-area:left}.nw-dpad__right{grid-area:right}.nw-dpad__down{grid-area:down}.nw-dpad__btn{width:var(--btn);height:var(--btn);border:none;border-radius:var(--radius-md);background:#ffffff24;color:var(--text);font-size:calc(var(--btn) * .4);line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.nw-pad--1 .nw-dpad__btn{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--worm-1) 70%,transparent)}.nw-pad--2 .nw-dpad__btn{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--worm-2) 70%,transparent)}.nw-dpad__btn:active{background:#ffffff4d;transform:scale(.95)}.nw-bot{display:grid;place-items:center;gap:.2rem;width:var(--pad-w);box-sizing:border-box;padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff1a;color:var(--text);font-size:1.6rem}.nw-bot small{font-size:.75rem;opacity:.8}.nw-actions{display:flex;gap:var(--space-3)}.nw-action{min-height:2.75rem;padding:0 var(--space-4);border:none;border-radius:var(--radius-pill);background:#ffffff24;color:var(--text);font-weight:700;font-size:.95rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.nw-action:active{transform:scale(.97)}.nw__overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#080e1ab8;padding:var(--space-4)}.nw__overlay--light{position:absolute;background:#080e1a59;pointer-events:none}.nw-countdown{font-size:clamp(3rem,16vmin,8rem);font-weight:800;color:var(--text);text-shadow:0 .3rem 1rem rgba(0,0,0,.5);animation:nw-count .9s ease-out infinite}@keyframes nw-count{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.05);opacity:1}}.nw-panel{position:relative;display:flex;flex-direction:column;gap:var(--space-3);min-width:min(22rem,90vw);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-1);color:var(--text);text-align:center;box-shadow:0 1rem 3rem #00000080}.nw-panel h2{margin:0;font-size:1.5rem}.nw-panel__btn{min-height:3rem;border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:1.05rem;cursor:pointer}.nw-panel__btn--secondary{background:#ffffff24;color:var(--text)}.nw-panel__btn:active{transform:scale(.97)}.nw-scores{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.nw-scores li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff14}.nw-scores__dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--worm-1)}.nw-scores li[data-snake="1"] .nw-scores__dot{background:var(--worm-2)}.nw-scores__name{text-align:left}.nw-scores__lives{color:#ff6b81;font-size:.8rem;letter-spacing:-.1em}.nw-win__confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.nw-win__confetti span{position:absolute;top:-2rem;left:calc(var(--i) * 12.5%);font-size:1.4rem;animation:nw-fall 2.4s linear infinite;animation-delay:calc(var(--i) * .18s)}@keyframes nw-fall{to{transform:translateY(22rem) rotate(220deg);opacity:0}}.nw-select{gap:var(--space-3);color:var(--text)}.nw-select__title{margin:3rem 0 0;font-size:2rem}.nw-select__hint{max-width:34rem;margin:0;color:var(--muted)}.nw-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.nw-mode{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:9rem;min-height:4.5rem;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);background:#ffffff1a;color:var(--text);font-weight:700;cursor:pointer}.nw-mode small{font-weight:500;font-size:.75rem;color:var(--muted)}.nw-mode[data-active]{background:var(--accent);color:var(--accent-ink)}.nw-mode[data-active] small{color:#2a2300bf}.nw-mode__emoji{font-size:1.3rem}.nw-select__progress{margin:0;color:var(--muted);font-size:.85rem;font-weight:700}.nw-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(3.4rem,3.8rem));gap:var(--space-2);justify-content:center;width:100%;max-width:46rem;margin:0;padding:0;list-style:none}.nw-level-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:100%;min-height:3.4rem;padding:var(--space-1);border:none;border-radius:var(--radius-lg);background:#ffffff1a;color:var(--text);cursor:pointer}.nw-level-tile[data-solved]{background:color-mix(in srgb,var(--worm-1) 30%,rgba(255,255,255,.1))}.nw-level-tile:disabled{opacity:.45;cursor:not-allowed}.nw-level-tile__num{font-size:1.15rem;font-weight:800}.nw-level-tile__score{font-size:.7rem}@media(prefers-reduced-motion:reduce){.nw-food,.nw-countdown,.nw-win__confetti span,.nw-puff{animation:none}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--board-bg)}.app-shell--board{justify-content:flex-start;align-items:stretch;text-align:left;overflow-y:auto}.hub-back{position:absolute;top:max(var(--space-2),env(safe-area-inset-top));left:max(var(--space-2),env(safe-area-inset-left));z-index:20;padding:.4rem .8rem;border-radius:999px;background:#00000059;color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;-webkit-tap-highlight-color:transparent}.hub-back:active{transform:scale(.96)}:root{--font-sans: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--c-h1: #2e9e4f;--c-h2: #e0322e;--c-h3: #2d6fe0;--c-h4: #f2c200;--c-h5: #0ea192;--c-h6: #ec4899;--c-h7: #f2761a;--c-h8: #8b5cf6;--c-h9: #b8c0cc;--accent: #f2c200;--accent-ink: #2a2300;--positive: #2e9e4f;--danger: #e0322e;--bg-deep: #0e1726;--bg-1: #16233c;--bg-2: #1d3252;--board-bg: radial-gradient(circle at 50% 20%, #244a78 0%, #101b2e 72%);--surface: #fbf7ef;--surface-line: #e4ddcf;--ink: #1d2740;--text: #f5f7fa;--muted: #9fb0c8;--line: #3a4d70;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.2rem;--radius-xl: 1.6rem;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--card-w: 9rem;--shadow-soft: 0 2px 6px rgba(6, 12, 24, .25);--shadow-card: 0 8px 20px rgba(6, 12, 24, .4);--shadow-pop: 0 4px 0 rgba(0, 0, 0, .28);--tap-min: 64px;--dpad-btn: 72px;--ease: cubic-bezier(.2, .7, .3, 1);--card-back: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .16) 0 18%, transparent 19%) 0 0 / 14px 14px, repeating-linear-gradient(45deg, #2d6fe0 0 9px, #2657ad 9px 18px)}@media(max-width:700px){:root{--card-w: 5.5rem;--tap-min: 44px;--dpad-btn: 64px;--space-3: .5rem;--space-4: .6rem;--space-5: .9rem;--space-6: 1.2rem}}@media(orientation:landscape)and (max-height:480px){:root{--card-w: 3.4rem;--tap-min: 44px;--dpad-btn: 54px;--space-2: .3rem;--space-3: .35rem;--space-4: .45rem;--space-5: .55rem}}@media(orientation:landscape)and (min-height:481px)and (max-height:820px){:root{--card-w: 8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{font-family:var(--font-sans);color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{background:var(--bg-deep);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}