@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bangers-400-DeHY8Ncq.woff2) format("woff2")}@font-face{font-family:Luckiest Guy;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/luckiest-guy-400-dJClyBWO.woff2) format("woff2")}:root{--font-label: "Bangers", system-ui, sans-serif;--font-display: "Luckiest Guy", "Bangers", system-ui, sans-serif;--bg: #131316;--bg-elevated: #1c1c22;--accent: #a78bfa;--accent-strong: #8b5cf6;--tile-border: #3f3f46;--tile-border-active: #71717a;--text: #f4f4f5;--text-dim: #a1a1aa;--color-correct: #22c55e;--color-present: #f59e0b;--color-absent: #18101f;--menu-bg: #120b1f;--menu-purple: #7c3aed;--menu-purple-hover: #6d28d9;--menu-purple-active: #5b21b6;--menu-dark-chip: #241736;--menu-dark-chip-hover: #3a2360;--menu-muted: #b7abd4;--menu-faint: #6d5f8c;--game-tile-empty: #1a0f2e;--game-tile-filled: #2c1c4a}*{box-sizing:border-box}html,body{overflow:hidden;margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;align-items:center;height:100%;padding:env(safe-area-inset-top,12px) env(safe-area-inset-right,12px) env(safe-area-inset-bottom,12px) env(safe-area-inset-left,12px);gap:12px}.menu-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;background:var(--menu-bg)}.menu-rays{position:absolute;left:50%;top:34%;width:220vmax;height:220vmax;margin-left:-110vmax;margin-top:-110vmax;background:repeating-conic-gradient(from 0deg,rgba(124,58,237,.3) 0deg 7deg,transparent 7deg 14deg);animation:menu-rays-spin 70s linear infinite;pointer-events:none}@keyframes menu-rays-spin{to{transform:rotate(360deg)}}.menu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(70% 55% at 50% 40%,#a78bfa59,#120b1feb 70%);pointer-events:none}.menu-layout{position:relative;z-index:1;flex:1;width:100%;min-height:0;display:flex}.menu-participants{display:none;position:absolute;left:20px;top:50%;flex-direction:column;justify-content:center;gap:12px;width:280px;padding:16px 10px 16px 4px;animation:menu-participants-in .5s cubic-bezier(.2,1,.3,1) both}@keyframes menu-participants-in{0%{opacity:0;transform:translate(-24px,-50%)}to{opacity:1;transform:translateY(-50%)}}.menu-participants-title{font-family:var(--font-label);font-size:1.25rem;letter-spacing:.12em;color:var(--menu-muted);padding-left:4px}.menu-participants-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:60vh;padding:0 6px 6px 0}.menu-participant-row{display:flex;align-items:center;gap:12px;background:var(--game-tile-empty);border:5px solid #000;box-shadow:5px 5px #000;padding:8px 14px;animation:game-over-pop .35s cubic-bezier(.2,1.6,.4,1) both}.menu-participant-avatar{flex-shrink:0;width:44px;height:44px;border:4px solid #000;background:#241736;color:var(--menu-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-size:1.25rem}.menu-participant-avatar img{width:100%;height:100%;object-fit:cover;display:block}.menu-participant-name{min-width:0;font-family:var(--font-label);font-size:1.125rem;letter-spacing:.04em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 900px){.menu-participants{display:flex}}.menu-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top,20px) 20px env(safe-area-inset-bottom,16px);animation:menu-arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes menu-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-topbar{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.menu-streak{background:#fff;color:var(--menu-bg);border:5px solid #000;box-shadow:8px 8px #000;padding:10px 18px;transform:rotate(-2deg);font-family:var(--font-label);font-size:clamp(.9rem,3vw,1.625rem);white-space:nowrap}.menu-icons{display:flex;gap:14px;flex-shrink:0}.menu-icon-btn{width:clamp(38px,9vw,64px);height:clamp(38px,9vw,64px);border:5px solid #000;box-shadow:6px 6px #000;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,3vw,1.875rem);cursor:pointer;background:#fff;color:var(--menu-bg);transition:box-shadow .1s ease,transform .1s ease}.menu-icon-btn.is-accent{background:var(--menu-purple);color:#fff}.menu-icon-btn:hover{box-shadow:9px 9px #000}.menu-icon-btn:active{box-shadow:2px 2px #000;transform:translate(4px,4px)}.menu-hero{margin-top:clamp(12px,4vh,26px);display:flex;flex-direction:column;align-items:center;gap:4px;animation:menu-pop-in .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes menu-pop-in{0%{transform:scale(.7) rotate(-6deg);opacity:0}70%{transform:scale(1.08) rotate(-2deg)}to{transform:scale(1) rotate(-2deg);opacity:1}}.menu-logo{display:block;width:clamp(280px,45vw,640px);height:auto;filter:drop-shadow(6px 6px 0 #000)}.menu-tagline{margin-top:16px;background:#000;border:5px solid #000;padding:8px 22px;transform:rotate(1deg);font-size:clamp(.85rem,3vw,1.25rem);font-weight:800;color:#e9e2ff;text-align:center;max-width:90%}.menu-play-button{all:unset;box-sizing:border-box;cursor:pointer;margin-top:clamp(20px,5vh,38px);width:min(520px,90vw);background:var(--menu-purple);border:7px solid #000;box-shadow:14px 14px #000;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;animation:menu-play-bob 2.6s ease-in-out infinite;transition:box-shadow .1s ease,transform .1s ease}.menu-play-button:hover{box-shadow:18px 18px #000}.menu-play-button:active{box-shadow:4px 4px #000;transform:translate(10px,10px)}.menu-play-button:disabled{cursor:default;animation:none;opacity:.6}@keyframes menu-play-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-2deg)}}.menu-play-label{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,4rem);letter-spacing:.06em;color:#fff;-webkit-text-stroke:.094em #000;paint-order:stroke fill}.menu-play-icon{font-size:clamp(1.25rem,4vw,3.25rem);color:#fff}.menu-language-row{margin-top:clamp(18px,4vh,30px);display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.menu-language-label{font-family:var(--font-label);font-size:clamp(1rem,3.4vw,1.75rem);letter-spacing:.1em;color:var(--menu-muted)}.menu-language-toggle{all:unset;box-sizing:border-box;cursor:pointer;background:var(--menu-dark-chip);color:var(--menu-muted);border:5px solid #000;box-shadow:6px 6px #000;padding:12px 26px;font-family:var(--font-label);font-size:clamp(1rem,3.6vw,1.875rem);letter-spacing:.08em;transition:box-shadow .1s ease,background .1s ease,color .1s ease}.menu-language-toggle:hover:not(.is-selected){background:var(--menu-dark-chip-hover);color:#fff;box-shadow:9px 9px #000}.menu-language-toggle:active{box-shadow:2px 2px #000;transform:translate(4px,4px)}.menu-language-toggle.is-selected{background:#fff;color:var(--menu-bg)}.menu-multiplayer-button{all:unset;box-sizing:border-box;cursor:pointer;margin-top:clamp(14px,3vh,22px);width:min(360px,78vw);text-align:center;background:#000;color:#fff;border:5px solid #000;box-shadow:8px 8px 0 var(--menu-purple);padding:12px 0;font-family:var(--font-label);font-size:clamp(1rem,3.2vw,1.5rem);letter-spacing:.08em;transition:box-shadow .1s ease,transform .1s ease}.menu-multiplayer-button:hover{box-shadow:11px 11px 0 var(--menu-purple)}.menu-multiplayer-button:active{box-shadow:3px 3px 0 var(--menu-purple);transform:translate(5px,5px)}.menu-daily-button{all:unset;box-sizing:border-box;cursor:pointer;margin-top:10px;width:min(280px,68vw);text-align:center;background:#241736;color:#c4b5fd;border:4px solid #000;box-shadow:5px 5px #000;padding:8px 0;font-family:var(--font-label);font-size:clamp(.75rem,2.4vw,1.125rem);letter-spacing:.08em;transition:box-shadow .1s ease,background .1s ease,color .1s ease}.menu-daily-button:not(:disabled):hover{background:#3a2360;color:#fff;box-shadow:7px 7px #000}.menu-daily-button:not(:disabled):active{box-shadow:2px 2px #000}.menu-daily-button:disabled{opacity:.5;cursor:default}.menu-footer{margin-top:auto;padding-top:20px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}.menu-footer-links{display:flex;gap:10px}.menu-footer-link{all:unset;box-sizing:border-box;cursor:pointer;background:#000;color:#fff;border:5px solid #000;box-shadow:6px 6px 0 var(--menu-purple);padding:10px 20px;font-family:var(--font-label);font-size:clamp(.8rem,2.6vw,1.5rem);letter-spacing:.1em;transition:box-shadow .1s ease}.menu-footer-link:hover{box-shadow:9px 9px 0 var(--menu-purple)}.menu-footer-credit{font-family:var(--font-label);font-size:clamp(.75rem,2.4vw,1.5rem);letter-spacing:.14em;color:var(--menu-faint)}.menu-invite-banner{position:absolute;left:50%;top:clamp(12px,3vh,28px);transform:translate(-50%);z-index:6;display:flex;align-items:center;flex-wrap:wrap;gap:16px;max-width:min(560px,92vw);background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px 0 var(--menu-purple);padding:12px 22px;animation:game-banner-pop .35s cubic-bezier(.2,1.6,.4,1) both}.menu-invite-text{flex:1;min-width:180px;font-family:var(--font-label);font-size:clamp(.85rem,2.2vw,1.25rem);letter-spacing:.04em}.menu-invite-actions{display:flex;flex:none;gap:8px}.menu-invite-accept,.menu-invite-decline{all:unset;box-sizing:border-box;cursor:pointer;border:5px solid #000;box-shadow:4px 4px #000;padding:6px 16px;font-family:var(--font-label);font-size:clamp(.75rem,1.8vw,1.0625rem);letter-spacing:.08em;transition:box-shadow .1s ease}.menu-invite-accept{background:var(--menu-purple);color:#fff}.menu-invite-decline{background:#241736;color:#c4b5fd}.menu-invite-accept:not(:disabled):hover,.menu-invite-decline:not(:disabled):hover{box-shadow:7px 7px #000}.menu-invite-accept:not(:disabled):active,.menu-invite-decline:not(:disabled):active{box-shadow:1px 1px #000}.menu-invite-accept:disabled,.menu-invite-decline:disabled{opacity:.6;cursor:default}.menu-invite-error{flex-basis:100%;font-size:clamp(.7rem,1.6vw,.875rem);font-weight:700;color:var(--color-present)}.menu-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none}.menu-transition-wipe{position:absolute;top:-10%;right:-20%;bottom:-10%;left:-20%;animation:menu-wipe-in .3s cubic-bezier(.7,0,.3,1) both}.menu-transition-wipe:nth-child(1){background:var(--menu-bg);animation-duration:.28s}.menu-transition-wipe:nth-child(2){background:var(--menu-purple);animation-duration:.28s;animation-delay:.1s}.menu-transition-wipe:nth-child(3){background:#000;animation-delay:.2s}@keyframes menu-wipe-in{0%{transform:translate(-115%) skew(-8deg)}to{transform:translate(0) skew(-8deg)}}.menu-transition-burst-rays{position:absolute;left:50%;top:50%;width:250vmax;height:250vmax;margin:-125vmax 0 0 -125vmax;background:repeating-conic-gradient(from 0deg,rgba(167,139,250,.55) 0deg 6deg,transparent 6deg 12deg);animation:menu-transition-zoom .9s ease-out .3s both}.menu-transition-burst-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--menu-purple) 2.4px,transparent 2.5px);background-size:16px 16px;opacity:.35;animation:menu-transition-zoom 1s ease-out .3s both}@keyframes menu-transition-zoom{0%{transform:scale(.2) rotate(0);opacity:0}30%{opacity:1}to{transform:scale(2.4) rotate(90deg);opacity:.9}}.menu-transition-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,34px);animation:menu-transition-shake .5s ease-in-out .34s both}@keyframes menu-transition-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-3px)}80%{transform:translate(3px,5px)}}.menu-transition-burst{position:relative;display:flex;align-items:center;justify-content:center;width:min(58vmin,420px);height:min(58vmin,420px);animation:menu-transition-pop .45s cubic-bezier(.2,1.7,.4,1) .34s both}.menu-transition-burst-ring{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,#fff 0deg 9deg,transparent 9deg 18deg);clip-path:circle(46%)}.menu-transition-burst-star{position:absolute;top:12%;right:12%;bottom:12%;left:12%;background:var(--menu-purple);clip-path:polygon(50% 0%,61% 22%,86% 12%,80% 38%,100% 50%,80% 62%,86% 88%,61% 78%,50% 100%,39% 78%,14% 88%,20% 62%,0% 50%,20% 38%,14% 12%,39% 22%)}@keyframes menu-transition-pop{0%{transform:scale(0) rotate(-40deg)}55%{transform:scale(1.25) rotate(6deg)}70%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1.06) rotate(0)}}.menu-transition-burst-label{position:relative;font-family:var(--font-display);font-size:clamp(2.5rem,12vw,5.5rem);color:#fff;-webkit-text-stroke:clamp(4px,1vw,9px) #000;paint-order:stroke fill;text-shadow:5px 5px 0 #000}.menu-transition-tiles{display:flex;gap:clamp(6px,1.6vw,12px)}.menu-transition-tile{width:clamp(40px,9vw,68px);height:clamp(40px,9vw,68px);border:5px solid #000;box-shadow:5px 5px #000;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.25rem,4.5vw,2rem);animation:menu-tile-drop .5s cubic-bezier(.2,1.5,.4,1) both}.menu-transition-tile.is-accent{background:var(--menu-purple);color:#fff;-webkit-text-stroke:clamp(2px,.5vw,3.5px) #000;paint-order:stroke fill}.menu-transition-tile.is-plain{background:#fff;color:var(--menu-bg)}@keyframes menu-tile-drop{0%{transform:translateY(-140%) rotate(-14deg);opacity:0}60%{transform:translateY(10%) rotate(4deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:1}}.menu-transition-loading{font-family:var(--font-label);font-size:clamp(.9rem,3.2vw,1.4rem);letter-spacing:.2em;color:var(--menu-muted);animation:menu-transition-zoom-text 1.2s ease-out 1s both}@keyframes menu-transition-zoom-text{0%{transform:scale(2.4);opacity:0}25%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.menu-transition-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:menu-transition-flash-out .5s ease-out .3s both}@keyframes menu-transition-flash-out{0%{opacity:0}8%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.menu-rays,.menu-content,.menu-hero,.menu-play-button,.tile.is-popping,.grid.is-victory,.grid.is-defeat,.game-streak-chip,.game-toast,.game-over-content,.game-over-ring,.leaderboard-logo,.anleitung-logo,.anleitung-panel,.lobby-slot,.lobby-slot.is-empty,.menu-participants,.menu-participant-row,.modi-mode-card,.mp-blitz-timer.is-low,.menu-transition-wipe,.menu-transition-burst-rays,.menu-transition-burst-dots,.menu-transition-center,.menu-transition-burst,.menu-transition-tile,.menu-transition-loading,.menu-transition-flash{animation:none}.menu-transition-flash{opacity:0;display:none}}.game-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;background:var(--menu-bg)}.game-content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top,18px) 20px env(safe-area-inset-bottom,14px);gap:8px}.game-topbar{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.game-back-button{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;color:var(--menu-bg);border:5px solid #000;box-shadow:7px 7px #000;padding:8px 20px;transform:rotate(-2deg);font-family:var(--font-label);font-size:clamp(.85rem,2.6vw,1.75rem);letter-spacing:.08em;transition:box-shadow .1s ease,transform .1s ease;flex-shrink:0}.game-back-button:hover{box-shadow:10px 10px #000}.game-back-button:active{box-shadow:2px 2px #000;transform:translate(5px,5px)}.game-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.game-puzzle-chip{background:var(--menu-purple);color:#fff;border:5px solid #000;box-shadow:6px 6px #000;padding:6px 16px;transform:rotate(1deg);font-family:var(--font-label);font-size:clamp(.8rem,2.4vw,1.625rem);letter-spacing:.1em;white-space:nowrap}.mp-blitz-timer{background:#fff;color:var(--menu-bg);border:5px solid #000;box-shadow:6px 6px #000;padding:6px 16px;transform:rotate(-1deg);font-family:var(--font-display);font-size:clamp(.9rem,2.6vw,1.75rem);letter-spacing:.04em;white-space:nowrap}.mp-blitz-timer.is-low{background:var(--color-present);color:#fff;animation:mp-blitz-timer-pulse 1s ease-in-out infinite}@keyframes mp-blitz-timer-pulse{0%,to{transform:rotate(-1deg) scale(1)}50%{transform:rotate(-1deg) scale(1.08)}}.game-streak-chip{background:#000;color:#fff;border:5px solid #000;box-shadow:6px 6px 0 var(--menu-purple);padding:6px 16px;font-family:var(--font-label);font-size:clamp(.8rem,2.4vw,1.625rem);letter-spacing:.1em;white-space:nowrap;animation:game-chip-wobble 3s ease-in-out infinite}@keyframes game-chip-wobble{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg)}}.game-help-button{all:unset;box-sizing:border-box;cursor:pointer;width:clamp(38px,8vw,56px);height:clamp(38px,8vw,56px);background:#fff;color:var(--menu-bg);border:5px solid #000;box-shadow:6px 6px #000;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2.8vw,1.625rem);transition:box-shadow .1s ease;flex-shrink:0}.game-help-button:hover{box-shadow:9px 9px #000}.game-title-row{margin-top:4px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.game-logo-text{display:block;height:clamp(32px,6.5vw,52px);width:auto;filter:drop-shadow(3px 3px 0 #000)}.game-language-chip{background:#fff;color:var(--menu-bg);border:4px solid #000;box-shadow:5px 5px #000;padding:2px 12px;transform:rotate(2deg);font-family:var(--font-label);font-size:clamp(.7rem,2vw,1.25rem);letter-spacing:.12em;white-space:nowrap}.definition-line{max-width:min(360px,92vw);min-height:0;font-size:12px;line-height:1.4;color:var(--menu-muted);text-align:center}.game-toast{position:absolute;left:50%;top:clamp(140px,22vh,210px);transform:translate(-50%);z-index:5;background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px 0 var(--menu-purple);padding:10px 26px;font-family:var(--font-label);font-size:clamp(1.1rem,3.4vw,1.875rem);letter-spacing:.08em;white-space:nowrap;animation:game-banner-pop .35s cubic-bezier(.2,1.6,.4,1) both;pointer-events:none}@keyframes game-banner-pop{0%{transform:translate(-50%) scale(.5) rotate(-12deg);opacity:0}60%{transform:translate(-50%) scale(1.12) rotate(3deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(-2deg);opacity:1}}.grid{display:flex;flex-direction:column;gap:clamp(5px,1.4vw,8px)}.grid.is-victory{animation:grid-victory-glow 1.8s ease-out}@keyframes grid-victory-glow{0%{box-shadow:0 0 #22c55e00}25%{box-shadow:0 0 40px 10px #22c55e73}to{box-shadow:0 0 #22c55e00}}.grid.is-defeat{animation:grid-defeat-glow .9s ease-out}@keyframes grid-defeat-glow{0%{box-shadow:0 0 #f59e0b00}30%{box-shadow:0 0 28px 6px #f59e0b40}to{box-shadow:0 0 #f59e0b00}}.grid-row{display:flex;gap:clamp(5px,1.4vw,8px)}.tile{width:clamp(44px,11vw,68px);height:clamp(44px,11vw,68px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.35rem,5.5vw,2.25rem);line-height:1;text-transform:uppercase;color:#fff;background:var(--game-tile-empty);border:5px solid #000;box-shadow:5px 5px #0000008c;perspective:400px;transition:box-shadow .1s ease}.tile.is-typed{background:var(--game-tile-filled);box-shadow:6px 6px #000}.tile.is-popping{animation:tile-pop .18s ease-out}@keyframes tile-pop{0%{transform:scale(1)}45%{transform:scale(1.14) rotate(-3deg)}to{transform:scale(1)}}.tile.is-flipping{animation:tile-flip .4s ease-in-out}.tile.is-correct{background:var(--color-correct);box-shadow:6px 6px #000;color:#fff;-webkit-text-stroke:.09em #000;paint-order:stroke fill}.tile.is-present{background:var(--color-present);box-shadow:6px 6px #000;color:var(--menu-bg)}.tile.is-absent{background:var(--color-absent);box-shadow:6px 6px #000;color:var(--menu-faint)}@keyframes tile-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.grid-row.is-shaking{animation:row-shake .45s ease-in-out}@keyframes row-shake{0%,to{transform:translate(0)}20%{transform:translate(-14px) rotate(-1deg)}40%{transform:translate(12px) rotate(1deg)}60%{transform:translate(-9px)}80%{transform:translate(7px)}}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0a0612d1}.game-over-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vh,22px);padding:20px;animation:game-over-pop .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes game-over-pop{0%{transform:scale(.5) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-2deg);opacity:1}}.game-over-ring{position:absolute;top:50%;left:50%;width:min(70vmin,820px);height:min(70vmin,820px);transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(255,255,255,.14) 0deg 9deg,transparent 9deg 18deg);clip-path:circle(45%);animation:menu-rays-spin 26s linear infinite;pointer-events:none}.game-over-title{position:relative;font-family:var(--font-display);font-size:clamp(2.5rem,12vw,7.5rem);line-height:1;-webkit-text-stroke:.092em #000;paint-order:stroke fill;text-shadow:.1em .1em 0 #000;text-align:center}.game-over-title.is-win{color:var(--accent)}.game-over-title.is-lose{color:#fff}.game-over-subtitle{position:relative;background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px #000;padding:10px 26px;transform:rotate(-2deg);font-family:var(--font-label);font-size:clamp(1rem,3.4vw,2rem);letter-spacing:.1em;text-align:center}.game-over-restart{all:unset;position:relative;box-sizing:border-box;cursor:pointer;background:var(--menu-purple);color:#fff;border:6px solid #000;box-shadow:10px 10px #000;padding:14px 40px;font-family:var(--font-display);font-size:clamp(1.5rem,5.5vw,2.75rem);letter-spacing:.05em;-webkit-text-stroke:.056em #000;paint-order:stroke fill;transition:box-shadow .1s ease,transform .1s ease}.game-over-restart:hover{box-shadow:14px 14px #000}.game-over-restart:active{box-shadow:3px 3px #000;transform:translate(7px,7px)}.game-over-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(10px,2.5vw,16px)}.settings-overlay{z-index:50}.settings-panel{position:relative;display:flex;flex-direction:column;gap:clamp(14px,3vh,22px);width:min(90vw,420px);background:var(--menu-bg);border:6px solid #000;box-shadow:12px 12px #000;padding:clamp(18px,4vw,28px);animation:game-over-pop .35s cubic-bezier(.2,1.6,.4,1) both}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-title{font-family:var(--font-display);font-size:clamp(1.25rem,4.5vw,1.75rem);color:#fff;letter-spacing:.05em;-webkit-text-stroke:.05em #000;paint-order:stroke fill}.settings-close-button{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--menu-dark-chip);color:var(--text);border:4px solid #000;box-shadow:3px 3px #000;font-family:var(--font-label);font-size:1rem;transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.settings-close-button:hover{background:var(--menu-dark-chip-hover)}.settings-close-button:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-row-label{font-family:var(--font-label);font-size:clamp(.85rem,2.8vw,1.0625rem);letter-spacing:.06em;color:var(--menu-muted)}.settings-toggle-group{display:flex;gap:4px}.settings-toggle{all:unset;box-sizing:border-box;cursor:pointer;background:var(--menu-dark-chip);color:var(--menu-faint);border:3px solid #000;padding:6px 16px;font-family:var(--font-label);font-size:clamp(.7rem,2vw,.9375rem);letter-spacing:.06em;transition:background .1s ease,color .1s ease}.settings-toggle:hover{color:#fff}.settings-toggle.is-selected{background:var(--menu-purple);color:#fff}.settings-slider{flex:1 1 auto;max-width:55%;accent-color:var(--menu-purple);cursor:pointer}.settings-slider:disabled{opacity:.4;cursor:not-allowed}.keyboard{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.4vw,8px);width:100%;margin-top:auto;padding-bottom:6px}.keyboard-row{display:flex;gap:clamp(4px,1.2vw,8px);justify-content:center}.key{all:unset;box-sizing:border-box;min-width:clamp(28px,7vw,64px);height:clamp(38px,9vw,56px);padding:0 clamp(4px,1.5vw,12px);display:flex;align-items:center;justify-content:center;border:5px solid #000;box-shadow:5px 5px #000;background:#fff;color:var(--menu-bg);font-family:var(--font-label);font-size:clamp(.75rem,2.6vw,1.75rem);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:box-shadow 80ms ease,transform 80ms ease}.key:hover{box-shadow:8px 8px #000;transform:translateY(-2px)}.key:active{box-shadow:1px 1px #000;transform:translateY(2px)}.key.key-wide{min-width:clamp(48px,11vw,112px);font-size:clamp(.65rem,2vw,1.375rem);background:var(--menu-dark-chip);color:#fff}.key.key-correct{background:var(--color-correct);color:#fff}.key.key-present{background:var(--color-present);color:var(--menu-bg)}.key.key-absent{background:var(--color-absent);color:var(--menu-faint)}.leaderboard-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;background:var(--menu-bg)}.leaderboard-content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,18px) 20px env(safe-area-inset-bottom,14px);gap:10px;overflow-y:auto}.leaderboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.leaderboard-logo{height:clamp(48px,9vw,112px);width:auto;filter:drop-shadow(9px 9px 0 rgba(0,0,0,.9));animation:leaderboard-logo-bob 4s ease-in-out infinite}@keyframes leaderboard-logo-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(-1deg)}}.leaderboard-header-right{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.leaderboard-title-row{margin-top:6px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.leaderboard-title{font-family:var(--font-display);font-size:clamp(1.75rem,6.5vw,3.75rem);line-height:1;color:#fff;-webkit-text-stroke:.15em #000;paint-order:stroke fill;text-shadow:.15em .15em 0 var(--menu-purple);transform:rotate(-1deg)}.leaderboard-tabs{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.leaderboard-tab{all:unset;box-sizing:border-box;cursor:pointer;background:var(--menu-dark-chip);color:var(--menu-muted);border:5px solid #000;box-shadow:6px 6px #000;padding:8px 22px;font-family:var(--font-label);font-size:clamp(.75rem,2.4vw,1.5rem);letter-spacing:.1em;transition:box-shadow .1s ease,background .1s ease,color .1s ease}.leaderboard-tab:hover:not(.is-active){background:var(--menu-dark-chip-hover);color:#fff;box-shadow:9px 9px #000}.leaderboard-tab.is-active{background:var(--menu-purple);color:#fff}.leaderboard-tab:disabled{opacity:.45;cursor:default}.leaderboard-body{margin-top:8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.leaderboard-list-column{min-height:0;display:flex;flex-direction:column;gap:8px}.leaderboard-list-head{display:grid;grid-template-columns:clamp(36px,9vw,74px) 1fr clamp(48px,11vw,108px) clamp(40px,9vw,108px) clamp(56px,13vw,118px);gap:clamp(6px,1.6vw,12px);padding:0 14px;font-family:var(--font-label);font-size:clamp(.7rem,1.8vw,1.25rem);letter-spacing:.14em;color:var(--menu-muted)}.leaderboard-rows{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:grid;grid-template-columns:clamp(36px,9vw,74px) 1fr clamp(48px,11vw,108px) clamp(40px,9vw,108px) clamp(56px,13vw,118px);gap:clamp(6px,1.6vw,12px);align-items:center;padding:6px 14px;border:5px solid #000;background:#1a0f2e;color:#e7e0f5;box-shadow:5px 5px #000000b3}.leaderboard-rank{font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.6875rem);color:var(--menu-muted)}.leaderboard-player{display:flex;align-items:center;gap:clamp(6px,1.6vw,12px);font-family:var(--font-label);font-size:clamp(.8rem,2vw,1.375rem);letter-spacing:.05em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-avatar{flex-shrink:0;width:clamp(24px,5vw,38px);height:clamp(24px,5vw,38px);border:4px solid #000;background:#3a2360;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:clamp(.7rem,1.8vw,1.25rem);color:var(--menu-bg)}.leaderboard-streak-cell,.leaderboard-avg-cell{font-family:var(--font-label);font-size:clamp(.8rem,2vw,1.625rem)}.leaderboard-points-cell{font-family:var(--font-display);font-size:clamp(.8rem,2vw,1.625rem)}.leaderboard-you-row{flex:none;border:6px solid #000;background:var(--menu-purple);color:#fff;box-shadow:9px 9px #000;transform:rotate(-.6deg)}.leaderboard-you-row .leaderboard-rank{color:#fff;-webkit-text-stroke:.15em #000;paint-order:stroke fill}.leaderboard-you-row .leaderboard-avatar{background:#fff}.leaderboard-stats-panel{min-height:0;display:flex;flex-direction:column;gap:14px}.leaderboard-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.leaderboard-stat-card{background:#fff;color:var(--menu-bg);border:5px solid #000;box-shadow:7px 7px #000;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.leaderboard-stat-card.is-accent{background:var(--menu-purple);color:var(--menu-bg)}.leaderboard-stat-card.is-dark{background:#000;color:#c4b5fd}.leaderboard-stat-label{font-family:var(--font-label);font-size:clamp(.65rem,1.7vw,1.1875rem);letter-spacing:.14em;color:var(--menu-purple)}.leaderboard-stat-card.is-accent .leaderboard-stat-label{color:#1a0f2e}.leaderboard-stat-card.is-dark .leaderboard-stat-label{color:#c4b5fd}.leaderboard-stat-value{font-family:var(--font-display);font-size:clamp(1.5rem,4.5vw,2.75rem);line-height:1;color:inherit}.leaderboard-stat-card.is-accent .leaderboard-stat-value{color:#fff;-webkit-text-stroke:.09em #000;paint-order:stroke fill}.leaderboard-stat-card.is-dark .leaderboard-stat-value{color:#fff}.leaderboard-distribution{flex:1;min-height:140px;overflow:hidden;background:var(--game-tile-empty);border:5px solid #000;box-shadow:8px 8px #000;padding:12px 18px;display:flex;flex-direction:column;gap:8px}.leaderboard-distribution-label{font-family:var(--font-label);font-size:clamp(.8rem,2vw,1.5rem);letter-spacing:.14em;color:var(--menu-muted)}.leaderboard-dist-rows{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.leaderboard-dist-row{display:flex;align-items:center;gap:10px}.leaderboard-dist-n{width:22px;flex-shrink:0;font-family:var(--font-display);font-size:clamp(.85rem,2vw,1.375rem);color:#fff;-webkit-text-stroke:.18em #000;paint-order:stroke fill}.leaderboard-dist-track{flex:1;height:clamp(16px,3vw,26px);border:4px solid #000;background:#0b0713;display:flex;align-items:stretch}.leaderboard-dist-fill{background:#c4b5fd;border-right:4px solid #000;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-family:var(--font-label);font-size:clamp(.6rem,1.5vw,1.0625rem);color:var(--menu-bg);white-space:nowrap}.leaderboard-dist-fill.is-max{background:var(--menu-purple);color:#fff}.leaderboard-share-button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px #000;padding:12px 0;font-family:var(--font-display);font-size:clamp(1.25rem,4vw,2.125rem);letter-spacing:.04em;transition:box-shadow .1s ease}.leaderboard-share-button:hover{box-shadow:13px 13px #000}.leaderboard-share-button:active{box-shadow:3px 3px #000}.leaderboard-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-label);font-size:clamp(.7rem,1.8vw,1.375rem);letter-spacing:.14em;color:var(--menu-faint)}@media (min-width: 900px){.leaderboard-body{display:grid;grid-template-columns:1fr minmax(300px,428px);align-items:stretch}}.anleitung-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;background:var(--menu-bg)}.anleitung-content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,18px) 20px env(safe-area-inset-bottom,14px);gap:10px;overflow-y:auto}.anleitung-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.anleitung-logo{height:clamp(44px,8vw,104px);width:auto;filter:drop-shadow(9px 9px 0 rgba(0,0,0,.9));animation:leaderboard-logo-bob 4s ease-in-out infinite}.anleitung-header-right{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end}.anleitung-studio-badge{background:#fff;border:5px solid #000;box-shadow:6px 6px #000;padding:6px;transform:rotate(2deg);display:flex}.anleitung-studio-badge img{height:clamp(28px,5vw,52px);width:auto;display:block}.anleitung-title-row{margin-top:6px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.anleitung-tabs{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.anleitung-body{margin-top:8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.anleitung-panel{min-height:0;overflow:hidden;background:var(--game-tile-empty);border:6px solid #000;box-shadow:10px 10px #000;padding:clamp(16px,3vw,26px) clamp(18px,3.5vw,30px);display:flex;flex-direction:column;gap:16px;animation:anleitung-panel-in .38s cubic-bezier(.2,1.5,.4,1) both}@keyframes anleitung-panel-in{0%{transform:translateY(26px) rotate(-1.5deg);opacity:0}60%{transform:translateY(-4px) rotate(.5deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:1}}.anleitung-step-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.anleitung-step-badge{background:var(--menu-purple);border:5px solid #000;box-shadow:6px 6px #000;padding:2px 16px;font-family:var(--font-display);font-size:clamp(1.25rem,3.5vw,1.875rem);color:#fff;-webkit-text-stroke:.13em #000;paint-order:stroke fill;transform:rotate(-2deg)}.anleitung-step-title{font-family:var(--font-display);font-size:clamp(1.5rem,4.5vw,2.375rem);line-height:1;color:#fff;-webkit-text-stroke:.158em #000;paint-order:stroke fill}.anleitung-step-text{margin:0;max-width:640px;font-size:clamp(.9rem,2.4vw,1.3125rem);font-weight:700;line-height:1.35;color:#d9d0ee}.anleitung-demo-rows{display:flex;flex-direction:column;gap:10px}.anleitung-demo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.anleitung-demo-tiles{display:flex;gap:clamp(4px,1.2vw,8px)}.anleitung-demo-tile{width:clamp(36px,8vw,64px);height:clamp(36px,8vw,64px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.1rem,3.5vw,1.875rem);border:5px solid #000}.anleitung-demo-note{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.4375rem);letter-spacing:.06em}.anleitung-panel-footer{margin-top:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.anleitung-nav-button{all:unset;box-sizing:border-box;cursor:pointer;border:5px solid #000;box-shadow:6px 6px #000;padding:10px 24px;font-family:var(--font-label);font-size:clamp(.85rem,2.4vw,1.625rem);letter-spacing:.1em;transition:box-shadow .1s ease,background .1s ease,color .1s ease}.anleitung-nav-button.is-prev{background:var(--menu-dark-chip);color:#c4b5fd}.anleitung-nav-button.is-prev:hover{background:var(--menu-dark-chip-hover);color:#fff;box-shadow:9px 9px #000}.anleitung-nav-button.is-next{background:#fff;color:var(--menu-bg)}.anleitung-nav-button.is-next:hover{box-shadow:9px 9px #000}.anleitung-nav-button:active{box-shadow:2px 2px #000}.anleitung-hint{margin-left:auto;font-family:var(--font-label);font-size:clamp(.65rem,1.8vw,1.25rem);letter-spacing:.16em;color:var(--menu-faint)}.anleitung-sidebar{min-height:0;display:flex;flex-direction:column;gap:14px}.anleitung-legend-card{background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px #000;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.anleitung-legend-title{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.375rem);letter-spacing:.14em;color:var(--menu-purple)}.anleitung-legend-row{display:flex;align-items:center;gap:12px}.anleitung-legend-swatch{flex-shrink:0;width:clamp(28px,6vw,44px);height:clamp(28px,6vw,44px);border:5px solid #000}.anleitung-legend-text{font-size:clamp(.75rem,1.9vw,1.0625rem);font-weight:800;line-height:1.2}.anleitung-tips-card{flex:1;min-height:120px;overflow:hidden;background:#000;border:6px solid #000;box-shadow:9px 9px 0 var(--menu-purple);padding:14px 18px;display:flex;flex-direction:column;gap:8px}.anleitung-tips-title{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.375rem);letter-spacing:.14em;color:#c4b5fd}.anleitung-tip-row{display:flex;gap:10px;align-items:flex-start}.anleitung-tip-arrow{font-family:var(--font-display);font-size:clamp(.7rem,1.6vw,1.125rem);color:var(--menu-purple)}.anleitung-tip-text{font-size:clamp(.7rem,1.7vw,1rem);font-weight:700;line-height:1.25;color:#e0d8f2}@media (min-width: 900px){.anleitung-body{display:grid;grid-template-columns:1fr 400px;align-items:stretch}}.modi-screen{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden;background:var(--menu-bg)}.modi-content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top,20px) clamp(16px,3vw,44px) env(safe-area-inset-bottom,16px);gap:14px;overflow-y:auto}.modi-puzzle-chip{margin-left:auto}.modi-modes-grid{margin-top:4px;flex:1;min-height:280px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.modi-mode-card{all:unset;box-sizing:border-box;cursor:pointer;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(16px,2.4vw,24px) clamp(18px,2.6vw,28px);border:6px solid #000;background:#1a0f2e;box-shadow:8px 8px #000000bf;transition:box-shadow .12s ease,transform .12s ease,background .12s ease;animation:game-over-pop .4s cubic-bezier(.2,1.5,.4,1) both}.modi-mode-card:nth-child(2){animation-delay:80ms}.modi-mode-card:hover{box-shadow:12px 12px #000;transform:translateY(-3px)}.modi-mode-card:active{box-shadow:3px 3px #000;transform:translateY(0)}.modi-mode-card.is-selected{background:var(--menu-purple);box-shadow:12px 12px #000;transform:rotate(-.6deg)}.modi-mode-top{display:flex;align-items:center;gap:14px}.modi-mode-kicker{background:#241736;color:#c4b5fd;border:5px solid #000;box-shadow:6px 6px #000;padding:2px 16px;transform:rotate(-2deg);font-family:var(--font-label);font-size:clamp(.7rem,1.8vw,1.375rem);letter-spacing:.14em}.modi-mode-card.is-selected .modi-mode-kicker{background:#fff;color:var(--menu-bg)}.modi-mode-selected-badge{background:#000;color:#fff;border:4px solid #000;padding:2px 12px;font-family:var(--font-label);font-size:clamp(.65rem,1.6vw,1.25rem);letter-spacing:.1em}.modi-mode-title{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,4.75rem);line-height:.95;color:#a78bfa;-webkit-text-stroke:.12em #000;paint-order:stroke fill;text-shadow:6px 6px 0 rgba(0,0,0,.85)}.modi-mode-card.is-selected .modi-mode-title{color:#fff}.modi-mode-text{margin:0;font-size:clamp(.8rem,1.8vw,1.25rem);font-weight:700;line-height:1.3;color:#a99fbe}.modi-mode-card.is-selected .modi-mode-text{color:#efe8ff}.modi-mode-tiles{display:flex;gap:8px}.modi-mode-tile{width:clamp(34px,5vw,58px);height:clamp(34px,5vw,58px);display:flex;align-items:center;justify-content:center;border:5px solid #000;box-shadow:5px 5px #000;font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.875rem);background:#2c1c4a;color:#8b7db8}.modi-mode-tile:nth-child(odd){background:#0b0713}.modi-mode-card.is-selected .modi-mode-tile{background:#fff;color:var(--menu-bg)}.modi-mode-card.is-selected .modi-mode-tile:nth-child(odd){background:#c4b5fd}.modi-mode-stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modi-mode-stat{min-width:0;border:5px solid #000;background:var(--menu-bg);box-shadow:5px 5px #000;padding:6px 10px;display:flex;flex-direction:column}.modi-mode-card.is-selected .modi-mode-stat{background:#000}.modi-mode-stat-label{font-family:var(--font-label);font-size:clamp(.55rem,1.3vw,.875rem);letter-spacing:.12em;color:var(--menu-faint)}.modi-mode-card.is-selected .modi-mode-stat-label{color:#c4b5fd}.modi-mode-stat-value{font-family:var(--font-display);font-size:clamp(.95rem,2vw,1.375rem);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modi-bottom-row{flex:none;display:grid;grid-template-columns:1fr minmax(260px,420px);gap:18px;align-items:stretch}.modi-code-panel{background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:10px 10px #000;padding:12px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.modi-code-info{display:flex;flex-direction:column;gap:2px;flex:none}.modi-code-title{font-family:var(--font-label);font-size:clamp(.75rem,1.8vw,1.25rem);letter-spacing:.14em;color:var(--menu-purple)}.modi-code-subtitle{font-size:clamp(.65rem,1.4vw,.875rem);font-weight:800;color:#5b5470}.modi-code-input{all:unset;box-sizing:border-box;flex:1;min-width:120px;background:#f3f0fa;color:var(--menu-bg);border:5px solid #000;box-shadow:4px 4px #00000059;padding:10px 14px;font-family:var(--font-display);font-size:clamp(.95rem,2.4vw,1.5rem);letter-spacing:.1em;text-transform:uppercase;text-align:center}.modi-code-input::placeholder{color:#5b5470;text-transform:none;letter-spacing:normal;font-family:var(--font-label)}.modi-join-button{all:unset;box-sizing:border-box;flex:none;cursor:pointer;background:var(--menu-purple);color:#fff;border:6px solid #000;box-shadow:7px 7px #000;padding:10px 22px;font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.75rem);-webkit-text-stroke:.05em #000;paint-order:stroke fill;transition:box-shadow .1s ease}.modi-join-button:hover{box-shadow:10px 10px #000}.modi-join-button:active{box-shadow:2px 2px #000}.modi-error{flex-basis:100%;min-height:0;font-size:clamp(.7rem,1.6vw,.9375rem);font-weight:700;color:var(--color-present)}.modi-actions{display:flex;flex-direction:column;gap:10px}.modi-start-button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:var(--menu-purple);color:#fff;border:6px solid #000;box-shadow:9px 9px #000;padding:12px 0;font-family:var(--font-display);font-size:clamp(1.5rem,3.6vw,2.25rem);letter-spacing:.04em;-webkit-text-stroke:.05em #000;paint-order:stroke fill;transition:box-shadow .1s ease}.modi-start-button:not(:disabled):hover{box-shadow:13px 13px #000}.modi-start-button:not(:disabled):active{box-shadow:3px 3px #000}.modi-start-button:disabled{opacity:.5;cursor:default}.modi-secondary-row{display:flex;gap:10px}.modi-secondary-button{all:unset;box-sizing:border-box;flex:1;cursor:pointer;text-align:center;background:#241736;color:#c4b5fd;border:5px solid #000;box-shadow:6px 6px #000;padding:9px 0;font-family:var(--font-label);font-size:clamp(.85rem,1.8vw,1.25rem);letter-spacing:.08em;transition:box-shadow .1s ease,background .1s ease,color .1s ease}.modi-secondary-button:not(:disabled):hover{background:#3a2360;color:#fff;box-shadow:9px 9px #000}.modi-secondary-button:not(:disabled):active{box-shadow:2px 2px #000}.modi-secondary-button:disabled{opacity:.45;cursor:default}.modi-footer{flex:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-label);font-size:clamp(.65rem,1.6vw,1.125rem);letter-spacing:.12em;color:#6d5f8c}@media (max-width: 900px){.modi-modes-grid,.modi-bottom-row{grid-template-columns:1fr}}.lobby-mode-chip{background:#c4b5fd;color:var(--menu-bg);border:5px solid #000;box-shadow:6px 6px #000;padding:4px 16px;transform:rotate(1.5deg);font-family:var(--font-label);font-size:clamp(.75rem,2.2vw,1.5rem);letter-spacing:.1em;white-space:nowrap}.lobby-countdown{margin-left:auto;font-family:var(--font-label);font-size:clamp(.8rem,2.4vw,1.625rem);letter-spacing:.12em;color:var(--menu-muted);white-space:nowrap}.lobby-body{margin-top:8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:18px}.lobby-players-column{min-height:0;display:flex;flex-direction:column;gap:12px}.lobby-players-head{display:flex;align-items:baseline;gap:12px;padding-left:4px}.lobby-players-head-count{font-family:var(--font-label);font-size:clamp(.8rem,2.2vw,1.5rem);letter-spacing:.14em;color:var(--menu-faint)}.lobby-slots{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(64px,1fr);gap:12px}.lobby-slot{min-height:0;overflow:hidden;display:flex;align-items:center;gap:14px;padding:0 18px;border:5px solid #000;background:#1a0f2e;box-shadow:6px 6px #000000bf;animation:game-over-pop .35s cubic-bezier(.2,1.6,.4,1) both}.lobby-slot.is-empty{border-style:dashed;background:#140d22;box-shadow:5px 5px #00000080;animation:lobby-slot-pulse 2.2s ease-in-out infinite}@keyframes lobby-slot-pulse{0%,to{border-color:#3a2360}50%{border-color:var(--menu-purple)}}.lobby-slot-avatar{flex-shrink:0;width:clamp(36px,8vw,56px);height:clamp(36px,8vw,56px);border:5px solid #000;background:#241736;color:var(--menu-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-size:clamp(.9rem,3vw,1.625rem)}.lobby-slot-avatar img{width:100%;height:100%;object-fit:cover;display:block}.lobby-slot-info{min-width:0;display:flex;flex-direction:column;gap:2px}.lobby-slot-name{font-family:var(--font-label);font-size:clamp(.85rem,2.6vw,1.75rem);letter-spacing:.05em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-slot-meta{font-size:clamp(.65rem,1.8vw,.9375rem);font-weight:800;color:var(--menu-faint)}.lobby-slot-tag{margin-left:auto;flex-shrink:0;background:#000;color:var(--menu-faint);border:4px solid #000;padding:2px 12px;font-family:var(--font-label);font-size:clamp(.6rem,1.7vw,1.1875rem);letter-spacing:.08em}.lobby-slot-tag.is-ready{background:#c4b5fd;color:var(--menu-bg)}.lobby-actions{flex:none;display:flex;gap:12px}.lobby-ready-button,.lobby-start-button{all:unset;box-sizing:border-box;flex:1;cursor:pointer;text-align:center;border:6px solid #000;box-shadow:9px 9px #000;padding:12px 0;font-family:var(--font-display);font-size:clamp(1.25rem,4.5vw,2.125rem);letter-spacing:.04em;transition:box-shadow .1s ease}.lobby-ready-button{background:#241736;color:#c4b5fd}.lobby-ready-button.is-ready{background:#fff;color:var(--menu-bg)}.lobby-start-button{background:var(--menu-purple);color:#fff;-webkit-text-stroke:.056em #000;paint-order:stroke fill}.lobby-start-button:disabled{opacity:.5;cursor:default}.lobby-ready-button:hover,.lobby-start-button:not(:disabled):hover{box-shadow:13px 13px #000}.lobby-ready-button:active,.lobby-start-button:not(:disabled):active{box-shadow:3px 3px #000}.lobby-sidebar{min-height:0;display:flex;flex-direction:column;gap:14px}.lobby-invite-card{flex:none;background:#fff;color:var(--menu-bg);border:6px solid #000;box-shadow:9px 9px #000;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.lobby-invite-title{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.375rem);letter-spacing:.14em;color:var(--menu-purple)}.lobby-code-tiles{display:flex;gap:6px}.lobby-code-tile{flex:1;height:clamp(30px,6vw,44px);border:5px solid #000;background:var(--menu-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(.9rem,2.8vw,1.5rem)}.lobby-code-tile.is-dash{background:var(--menu-bg)}.lobby-copy-button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:var(--menu-purple);color:#fff;border:5px solid #000;box-shadow:6px 6px #000;padding:7px 0;font-family:var(--font-label);font-size:clamp(.75rem,2.2vw,1.4375rem);letter-spacing:.1em;transition:box-shadow .1s ease}.lobby-copy-button:hover{box-shadow:9px 9px #000}.lobby-channel-card{flex:none;background:var(--game-tile-empty);border:6px solid #000;box-shadow:9px 9px #000;padding:10px 16px;display:flex;flex-direction:column;gap:8px}.lobby-channel-title{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.25rem);letter-spacing:.14em;color:var(--menu-muted)}.lobby-channel-list{display:flex;flex-direction:column;gap:8px}.lobby-channel-row{display:flex;align-items:center;gap:10px}.lobby-channel-avatar{flex-shrink:0;width:32px;height:32px;overflow:hidden;border:4px solid #000;background:var(--menu-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-label);font-size:.9rem}.lobby-channel-avatar img{width:100%;height:100%;object-fit:cover}.lobby-channel-name{flex:1;min-width:0;font-size:clamp(.7rem,1.8vw,1rem);font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-channel-invite{all:unset;box-sizing:border-box;flex:none;cursor:pointer;background:var(--menu-purple);color:#fff;border:4px solid #000;box-shadow:3px 3px #000;padding:4px 12px;font-family:var(--font-label);font-size:clamp(.6rem,1.5vw,.875rem);letter-spacing:.06em;transition:box-shadow .1s ease,background .1s ease}.lobby-channel-invite:hover{box-shadow:5px 5px #000}.lobby-channel-invite:active{box-shadow:1px 1px #000}.lobby-channel-invite.is-sent{background:#241736;color:#c4b5fd;cursor:default}.lobby-rules-card{flex:none;background:var(--game-tile-empty);border:6px solid #000;box-shadow:9px 9px #000;padding:9px 16px;display:flex;flex-direction:column;gap:4px}.lobby-rules-title{font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.375rem);letter-spacing:.14em;color:#c4b5fd}.lobby-rule-row{display:flex;align-items:center;gap:10px}.lobby-rule-key{font-size:clamp(.6rem,1.6vw,.875rem);font-weight:800;letter-spacing:.06em;color:var(--menu-faint);white-space:nowrap}.lobby-rule-line{flex:1;height:3px;background:var(--game-tile-filled)}.lobby-rule-value{font-family:var(--font-label);font-size:clamp(.7rem,1.9vw,1.1875rem);letter-spacing:.06em;color:#fff;white-space:nowrap}.lobby-rule-value-slot{flex-shrink:0;display:flex}.lobby-rule-toggle-group{display:flex;gap:4px}.lobby-rule-toggle{all:unset;box-sizing:border-box;cursor:pointer;background:#120b1f;color:var(--menu-faint);border:3px solid #000;padding:2px 10px;font-family:var(--font-label);font-size:clamp(.6rem,1.6vw,.9375rem);letter-spacing:.06em;transition:background .1s ease,color .1s ease}.lobby-rule-toggle:hover{color:#fff}.lobby-rule-toggle.is-selected{background:var(--menu-purple);color:#fff}.lobby-chat-card{flex:1 1 auto;min-height:172px;overflow:hidden;background:#000;border:6px solid #000;box-shadow:9px 9px 0 var(--menu-purple);padding:10px 16px;display:flex;flex-direction:column;gap:6px}.lobby-chat-title{flex:none;font-family:var(--font-label);font-size:clamp(.75rem,2vw,1.375rem);letter-spacing:.14em;color:#c4b5fd}.lobby-chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.lobby-chat-message{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.lobby-chat-author{font-family:var(--font-label);font-size:clamp(.7rem,1.8vw,1.125rem);letter-spacing:.06em;color:var(--menu-muted);flex-shrink:0}.lobby-chat-text{font-size:clamp(.7rem,1.7vw,.9375rem);font-weight:700;color:#ded6ef;line-height:1.2}.lobby-chat-form{flex:none;display:flex;gap:6px;margin-top:4px}.lobby-chat-input{all:unset;box-sizing:border-box;flex:1;min-width:0;background:#1a0f2e;color:#fff;border:4px solid #3a2360;padding:6px 10px;font-size:clamp(.75rem,2vw,.9375rem);font-weight:700}.lobby-chat-send{all:unset;box-sizing:border-box;cursor:pointer;flex-shrink:0;background:var(--menu-purple);color:#fff;border:4px solid #000;padding:6px 14px;font-family:var(--font-label);font-size:clamp(.7rem,1.8vw,1rem);letter-spacing:.08em}.mp-opponents-panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:6px;margin-top:6px}.mp-opponent-row{display:flex;align-items:center;gap:10px;background:var(--game-tile-empty);border:4px solid #000;box-shadow:4px 4px #000;padding:6px 12px}.mp-opponent-name{font-family:var(--font-label);font-size:clamp(.7rem,2vw,1rem);letter-spacing:.06em;color:#fff;flex-shrink:0;min-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-opponent-attempts{flex:1;display:flex;gap:4px}.mp-opponent-pip{flex:1;height:10px;border:2px solid #000;background:var(--game-tile-filled)}.mp-opponent-pip.is-used{background:var(--menu-purple)}.mp-opponent-status{flex-shrink:0;font-family:var(--font-label);font-size:clamp(.65rem,1.8vw,.9375rem);color:var(--menu-muted)}.mp-opponent-status.is-solved{color:var(--color-correct)}.mp-results-list{display:flex;flex-direction:column;gap:8px;width:min(420px,90vw)}.mp-results-row{display:flex;align-items:center;gap:12px;border:5px solid #000;background:#1a0f2e;color:#fff;box-shadow:5px 5px #000000b3;padding:8px 16px}.mp-results-row.is-winner{background:var(--menu-purple);box-shadow:7px 7px #000}.mp-results-rank{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.5rem);width:28px;flex-shrink:0}.mp-results-name{flex:1;font-family:var(--font-label);font-size:clamp(.8rem,2.2vw,1.25rem);letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-results-waiting{font-family:var(--font-label);font-size:clamp(.8rem,2.2vw,1.1875rem);letter-spacing:.08em;color:var(--menu-faint)}.mp-results-detail{flex-shrink:0;font-family:var(--font-label);font-size:clamp(.7rem,2vw,1.0625rem);color:var(--menu-muted)}@media (min-width: 900px){.lobby-body{display:grid;grid-template-columns:1fr 430px;align-items:stretch}}