@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111119;--panel:#191922;--border:#30303c;--muted:#9292a5;--ink:#f7f5fc;--purple:#bc9aff;--lime:#d2f58a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.rail{width:76px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;background:#14141d;z-index:2}.brand{margin-top:30px;background:linear-gradient(140deg,#daafff,#ad75f2);color:#1b102c;border-radius:13px;width:39px;height:42px;font-size:32px;font-weight:800;line-height:42px;text-align:center;font-family:'Space Grotesk';position:relative}.brand span{font-size:19px;position:absolute;right:0;bottom:-4px;color:#ffae7a}.rail-line{height:35px;border-left:1px solid #454050;margin:27px 0}.rail-label{writing-mode:vertical-rl;letter-spacing:4px;font-size:10px;color:#898296}.rail-bottom{writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;margin-top:auto;margin-bottom:28px;color:#6e687f}.shell{max-width:1600px;margin-left:76px;padding:0 42px}header{height:107px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:'Space Grotesk';font-size:24px;font-weight:700;letter-spacing:-1px}.wordmark>span{font-weight:400}.wordmark small{display:block;font:9px 'DM Sans';letter-spacing:3px;color:var(--muted);margin-top:7px}.event{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.event strong{font-family:'Space Grotesk';font-size:18px;color:#eceaf1;letter-spacing:-.7px}.spark{font-size:32px;color:#c7a4ff}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{border:1px solid var(--border);background:transparent;border-radius:50%;width:36px;height:36px;font-size:19px}.sound-button{background:#20202b;border:1px solid #363341;border-radius:8px;padding:10px 14px;font-size:12px;display:flex;gap:10px;align-items:center}nav{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border);height:52px}.nav-item{height:52px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:16px;padding:0 3px;display:flex;align-items:center;gap:9px}.nav-item span{font-size:12px}.nav-item.active{color:#c7a5ff;border-bottom-color:#c7a5ff}.prototype{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.5px;color:#9a9aab}.prototype>span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #b7e5784d}main{padding-top:28px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:27px}.hero{position:relative;border:1px solid #453b5b;border-radius:16px;background:radial-gradient(ellipse at 87% 20%,#44305e80,transparent 65%),linear-gradient(110deg,#242032,#211c30);padding:33px 30px 0;overflow:hidden}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;display:flex;align-items:center;gap:7px}.tiny-star{color:#d3f48a;font-size:16px}.hero-copy{position:relative;z-index:1;width:65%}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(35px,3.4vw,54px);line-height:1.09;font-weight:600;letter-spacing:-2.5px;margin:19px 0 17px}h1 em{font-style:normal;color:#c8a4ff}.star-doodle{display:inline-block;color:#d9f995;font-size:42px;vertical-align:top;margin-left:13px;font-weight:400}.hero p{color:#b7b0c6;font-size:12px;line-height:1.8;margin:0 0 22px}.primary{background:var(--lime);border:0;color:#202820;font-weight:700;font-size:12px;padding:13px 21px;border-radius:8px;display:inline-flex;gap:27px;align-items:center}.primary span{font-size:20px;line-height:12px}.hero-note{font-size:9px;color:#a49ab7;margin-left:12px;white-space:nowrap}.hero-bottom{display:flex;justify-content:space-between;padding:15px 0;margin-top:25px;border-top:1px solid #ffffff14;color:#a49ab7;font-size:9px}.hero-art{position:absolute;width:35%;height:254px;right:8px;top:20px;display:flex;align-items:center;justify-content:center}.sticker{position:relative;width:190px;height:190px;border-radius:24px;background:#fff url('assets/community-stickers.png') no-repeat;background-size:293% auto;background-position:100% 1%;transform:rotate(6deg);box-shadow:0 15px 30px #0b09144d}.orbit{position:absolute;width:230px;height:230px;border:1px dashed #a585d150;border-radius:50%;transform:rotate(-20deg) scaleX(1.15)}.orbit-two{transform:rotate(45deg) scaleX(.9);width:255px;height:180px}.art-tag{position:absolute;background:#d2c1f2;color:#33274c;padding:7px 9px;border-radius:4px;font:8px 'Space Grotesk';font-weight:600;z-index:2;letter-spacing:.5px}.tag-top{top:10px;left:0;transform:rotate(-8deg)}.tag-bottom{bottom:15px;right:0;transform:rotate(-7deg);font-size:7px;background:#f5c899}.art-spark{position:absolute;bottom:6px;left:0;font-size:39px;color:#dbf593}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 17px}.muted{color:var(--muted);font-size:8px;letter-spacing:1.5px}h2{font-size:24px;font-weight:500;letter-spacing:-1px;margin:6px 0 0}.section-heading h2 span{color:var(--purple)}.available{font-size:10px;color:#9690a7}.filters{display:flex;gap:7px;margin-bottom:16px}.filter{border:1px solid var(--border);background:transparent;border-radius:6px;padding:7px 13px;font-size:10px;color:#aaa5b9}.filter.active{background:#c3a0ff1a;border-color:#8e6ab7;color:#d1b2ff}.filter span{margin-left:5px;font-size:9px;opacity:.7}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.game-card{border:1px solid var(--border);background:#1a1a24;border-radius:12px;overflow:hidden;text-align:left;position:relative}.game-card:hover{border-color:var(--card-accent);transform:translateY(-3px)}.card-art{height:99px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,var(--card-glow),transparent 80%)}.card-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,black,transparent)}.card-icon{font-family:'Space Grotesk';font-size:50px;font-weight:600;letter-spacing:-4px;color:var(--card-accent);transform:rotate(-8deg);text-shadow:0 0 30px var(--card-glow);position:relative}.art-code{position:absolute;color:var(--card-accent);opacity:.4;font:10px monospace;left:18px;top:22px;transform:rotate(-8deg)}.art-code.right{left:auto;right:20px;top:65px;transform:rotate(8deg)}.card-content{padding:16px 18px 14px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.category-tag{color:var(--card-accent)}.difficulty{color:#b6b0c3;letter-spacing:0;font-size:9px}.difficulty i{display:inline-block;width:4px;height:4px;background:var(--card-accent);border-radius:50%;margin-right:4px}.game-card h3{font-size:20px;letter-spacing:-.6px;margin:10px 0 6px;font-weight:500}.game-card p{font-size:10px;color:#a29caf;line-height:1.7;margin:0;min-height:34px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0a;margin-top:13px;padding-top:11px;font-size:9px;color:#8f889f}.play-arrow{color:var(--card-accent);font-size:17px}.community-strip{margin-top:22px;padding:18px;border:1px solid var(--border);border-radius:10px;display:flex;gap:14px;align-items:center;background:#1a1922}.strip-symbol{font-size:30px;color:#eac092}.community-strip strong{font-size:11px}.community-strip p{margin:5px 0 0;font-size:9px;color:#9890a8}.text-button{background:transparent;border:0;color:#c5a3f2;font-size:10px;margin-left:auto;white-space:nowrap}.leader-panel{border:1px solid var(--border);border-radius:14px;background:#181820;padding:22px 18px;height:fit-content}.board-title{display:flex;gap:12px;align-items:center}.trophy{font-size:28px;color:#f3cc83}.board-title h2{font-size:21px;margin-top:5px}.board-title .eyebrow{font-size:7px}.board-tabs{display:flex;background:#111119;padding:4px;border-radius:7px;margin:23px 0 16px}.board-tabs button{border:0;background:transparent;color:#8b849b;width:50%;border-radius:5px;padding:8px 0;font-size:10px}.board-tabs .active{background:#32303e;color:#e3d9f1}.demo-label{font-size:6.5px;letter-spacing:1px;color:#8b839b;margin-bottom:10px}.leader-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #ffffff08}.rank{font:11px 'Space Grotesk';width:16px;color:#8e879c}.rank.first{color:#efcc86}.avatar{height:31px;width:31px;border-radius:10px;background:var(--avatar-bg);display:grid;place-items:center;color:var(--avatar-ink);font-size:11px;font-weight:700}.player-info{flex:1;min-width:0}.player-info strong{font-weight:500;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:115px}.player-info small{font-size:8px;color:#898197;display:block;margin-top:3px}.player-score{font:13px 'Space Grotesk';text-align:right}.player-score small{display:block;color:#81778f;font:7px 'DM Sans';margin-top:3px}.leader-footer{text-align:center;font-size:8px;color:#8f859e;padding:15px 0 8px}.your-turn{margin-top:16px;border:1px dashed #554265;background:#bc9aff08;border-radius:9px;text-align:center;padding:18px 12px}.your-turn>span{display:block;font-size:27px;color:var(--purple);margin-bottom:6px}.your-turn strong{font-family:'Space Grotesk';font-size:14px;font-weight:500}.your-turn p{font-size:9px;color:#9c91ad;margin:7px 0 15px}.outline-button{font-size:10px;background:#b99bdd1a;color:#d4b7ff;border:1px solid #64507b;border-radius:6px;padding:10px 24px}.booth-note{display:flex;gap:10px;margin:24px 0}.booth-note>span{font-size:28px;color:#d7b18c}.booth-note strong{font-size:9px;font-weight:500}.booth-note p{font-size:9px;color:#92869f;line-height:1.8;margin:6px 0 0}.music-card{border-top:1px solid var(--border);padding-top:18px;display:flex;gap:12px;align-items:center}.music-card strong{font-size:8px;color:#c3b7d4;font-weight:400}.music-card p{font-size:7px;color:#7f748e;margin:5px 0 0}.equalizer{display:flex;align-items:center;gap:3px;height:27px}.equalizer i{width:3px;background:#ad8ed3;height:10px;border-radius:3px}.equalizer i:nth-child(2){height:22px}.equalizer i:nth-child(3){height:16px}.sound-on .equalizer i{animation:equalize .65s ease-in-out infinite alternate}.sound-on .equalizer i:nth-child(2){animation-delay:.2s}.sound-on .equalizer i:nth-child(3){animation-delay:.4s}footer{padding:25px 0;display:flex;justify-content:space-between;color:#756e82;font-size:8px}footer b{color:#b999d5}.footer-dot{margin:0 8px}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;border:1px solid #bd91ff24;border-radius:50%;width:120px;height:120px;bottom:-150px;left:10%;animation:float 27s linear infinite}.ambient i:nth-child(2){left:40%;width:50px;height:50px;animation-delay:-8s}.ambient i:nth-child(3){left:70%;width:80px;height:80px;animation-delay:-18s}.ambient i:nth-child(4){left:90%;width:160px;height:160px;animation-delay:-4s}.ambient i:nth-child(5){left:25%;width:30px;height:30px;animation-delay:-20s}.no-motion *{animation:none!important;scroll-behavior:auto!important}.hidden{display:none!important}.standalone{min-height:70vh;max-width:850px;padding:30px 0}.standalone>p{color:var(--muted);line-height:1.9;max-width:620px}.standalone .leader-row{max-width:600px;padding:18px}.standalone .player-info strong{max-width:none}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.about-cards article{border:1px solid var(--border);border-radius:12px;padding:25px;background:var(--panel)}.about-cards article>span{font-size:30px;color:var(--purple)}.about-cards p{color:var(--muted);line-height:1.8}dialog{width:min(640px,calc(100% - 24px));max-height:90dvh;border:1px solid #655079;border-radius:18px;background:#1c1928;color:var(--ink);padding:24px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#08080edb;backdrop-filter:blur(9px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-progress{height:4px;background:#34303e;border-radius:4px;margin:20px 0}.quiz-progress span{display:block;height:4px;background:var(--lime);border-radius:4px}.question-count{font-size:10px;color:#b2a4c5;letter-spacing:1px}.question-title{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.question-context{font-size:11px;color:#a89bb7;line-height:1.8}pre{background:#101019;border:1px solid #393044;border-radius:9px;padding:20px;overflow:auto;font:13px/1.85 ui-monospace,SFMono-Regular,monospace;color:#ddc6ff;tab-size:2;white-space:pre-wrap}.answers{display:grid;gap:9px;margin:18px 0}.answer{border:1px solid #4b405a;background:#242030;border-radius:8px;text-align:left;padding:13px;font-size:12px;line-height:1.5;display:flex;gap:13px}.answer>span{color:#ab8dcb}.answer.correct{border-color:#a9cf6b;background:#a9cf6b18}.answer.incorrect{border-color:#e99099;background:#e9909918}.answer:disabled{cursor:default;opacity:.8}.feedback{border-left:3px solid var(--lime);padding:0 0 0 14px;margin:20px 0;font-size:12px;line-height:1.8;color:#cdc0db}.feedback strong{display:block;color:var(--lime)}.quiz-actions{display:flex;justify-content:flex-end;margin-top:20px}.name-form{display:flex;flex-direction:column;gap:14px;margin-top:25px}.name-form label{font-size:12px;color:#b6a6ca}.name-form input{background:#12101b;border:1px solid #605073;border-radius:8px;color:#fff;padding:14px;font:16px 'DM Sans';width:100%}.form-note{font-size:10px;color:#9988ad;line-height:1.8}.result-icon{font-size:70px;color:var(--lime);text-align:center;margin-top:20px}.result-score{text-align:center;font:64px 'Space Grotesk';color:var(--purple)}.result-copy{text-align:center;color:#bba9cd;line-height:1.8;font-size:13px}.result-review{border-top:1px solid #40334d;margin-top:20px;padding-top:15px}.result-review summary{cursor:pointer;color:#c9a8ed;font-size:12px}.result-review p{font-size:11px;color:#ad9bbf;line-height:1.8}.confetti{position:fixed;pointer-events:none;z-index:30;inset:0;overflow:hidden}.confetti i{position:absolute;top:-15px;width:9px;height:14px;background:var(--c);left:var(--x);animation:fall 2s ease-in forwards;animation-delay:var(--d)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d1f18e;color:#232a19;border-radius:9px;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s}#toast.visible{opacity:1}.empty-scores{padding:30px 10px;text-align:center;font-size:11px;line-height:1.8;color:var(--muted)}@keyframes float{to{transform:translate(50px,-120vh) rotate(60deg)}}@keyframes equalize{to{height:5px}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg)}}@media(min-width:1500px){.shell{margin-right:auto;margin-left:100px}}@media(max-width:1150px){.shell{padding:0 25px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.hero{padding:25px 23px 0}.hero-note{display:block;margin:10px 0 0}.hero-art{width:35%;right:3px;top:35px}.sticker{width:150px;height:150px}.orbit{width:175px;height:175px}.orbit-two{width:180px;height:150px}.art-tag{font-size:6px}.tag-bottom{font-size:5px;bottom:25px}.hero-copy{width:67%}.hero h1{font-size:40px}.hero .star-doodle{display:none}.event{display:none}.hero-bottom{font-size:8px}.leader-panel{padding:20px 14px}}@media(max-width:900px){.rail{width:58px}.shell{margin-left:58px}.layout{grid-template-columns:1fr}.leader-panel{display:none}.hero-art{width:38%;right:20px}.sticker{width:190px;height:190px}.hero-copy{width:65%}.hero h1{font-size:48px}.hero-note{display:inline-block;margin-left:12px}.hero-bottom{margin-top:30px}.tag-bottom{font-size:7px;bottom:8px}.tag-top{font-size:8px}.hero{padding-top:32px}.prototype{font-size:7px}.community-strip{margin-top:20px}.game-card p{font-size:12px}.card-content{padding:20px}.card-art{height:120px}}@media(max-width:600px){.rail{display:none}.shell{margin-left:0;padding:0 18px}header{height:88px}.wordmark{font-size:20px}.wordmark small{font-size:7px;letter-spacing:2.5px}.sound-button{padding:9px}.sound-button span{font-size:10px}.header-actions{gap:6px}.header-actions .icon-button{width:31px;height:31px}.prototype{display:none}nav{gap:24px}.nav-item{font-size:14px;gap:5px}.nav-item span{font-size:10px}main{padding-top:19px}.hero{padding:24px 20px 0}.hero-copy{width:100%}.hero h1{font-size:42px;letter-spacing:-2px;margin-bottom:15px}.hero p{max-width:80%;font-size:11px}.hero-art{opacity:.22;right:-55px;top:60px;transform:rotate(-10deg);width:180px;pointer-events:none}.hero-art .art-tag,.hero-art .orbit,.art-spark{display:none}.hero-note{display:block;margin:11px 0 0;font-size:8px}.hero-bottom{font-size:7px;margin-top:20px;gap:8px}.section-heading{margin-top:25px}.section-heading h2{font-size:23px}.available{font-size:8px}.game-grid{gap:11px}.card-content{padding:13px}.card-art{height:88px}.card-icon{font-size:41px}.game-card h3{font-size:18px}.game-card p{font-size:10px;min-height:50px}.card-meta{font-size:7px}.difficulty{font-size:7px}.card-bottom{font-size:8px}.art-code{font-size:7px;left:9px}.art-code.right{right:8px}.filter{padding:7px 11px;font-size:9px}.community-strip{flex-wrap:wrap;padding:16px;gap:10px}.community-strip>div{flex:1}.community-strip p{line-height:1.8}.text-button{padding-left:40px;margin-left:0}footer{gap:15px;font-size:7px;line-height:1.8;align-items:start}footer>span{max-width:50%}footer>span:last-child{text-align:right}.footer-dot{margin:0 3px}.about-cards{grid-template-columns:1fr}.standalone h1{font-size:39px}dialog{padding:20px}.question-title{font-size:21px}.answer{font-size:11px}pre{font-size:11px;padding:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* V2 — the community arcade */
:root{--lime:#d5ff59;--purple:#bb91ff;--border:#393045;--muted:#aaa0b9}body{background:radial-gradient(ellipse at 45% 0,#4f206421,transparent 50%),#100e17}.rail{background:#171120;border-right-color:#453051}.brand{background:linear-gradient(135deg,#f399ed,#9a74ff);box-shadow:0 0 24px #bb76ff30}.rail-label{color:#d0a8f1}.rail-bottom{color:#ac8dbe}.wordmark{letter-spacing:-1.2px}.event .spark{color:var(--lime)}.booth-button{background:#c2a1fa15;border:1px solid #604774;color:#e0c8ff;border-radius:7px;padding:10px 12px;font-size:11px}.sound-button{border-color:#604774}header{height:93px}nav{height:48px}.nav-item{height:48px}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}main{padding-top:24px}.hero{padding:33px 30px 0;border:1px solid #ac6ff8;border-radius:19px;background:radial-gradient(ellipse at 90% 40%,#a34ae399,transparent 58%),linear-gradient(120deg,#322050,#542491 65%,#7135a1);box-shadow:inset 0 0 60px #b37aff0a,0 10px 70px #8b35ee10;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#efd5ff35 .8px,transparent .8px);background-size:13px 13px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero:after{content:'';position:absolute;width:380px;height:380px;border:54px solid #f6b2fc13;border-radius:50%;right:-100px;top:-90px;z-index:-1}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;color:#edd6ff}.hero-copy{width:65%}.hero h1{font-size:clamp(38px,3.6vw,58px);font-weight:700;letter-spacing:-2.7px;line-height:1.06;margin:21px 0 17px}.hero h1 em{color:var(--lime);text-shadow:0 3px 0 #2c2245}.hero .star-doodle{color:#ffbe8a;margin-left:8px}.hero p{color:#e1cdee;font-size:12px;line-height:1.8;max-width:460px}.primary{background:var(--lime);box-shadow:0 4px 0 #829b36,0 6px 24px #c2ff3720;border-radius:8px;font-size:11px;letter-spacing:.7px;padding:14px 22px;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #829b36,0 10px 32px #c2ff3740}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #829b36}.hero-note{display:block;font:8px 'Space Grotesk';letter-spacing:1px;color:#dbcae9;margin:15px 0 0}.hero-bottom{margin-top:25px;border-color:#fff3;color:#dfc9ed;font-size:9px}.hero-art{height:270px;top:28px;right:7px;width:35%}.sticker{width:196px;height:196px;border-radius:25px;box-shadow:8px 12px 0 #210d3a55,0 0 60px #e9a9ff30;animation:sticker-bob 6s ease-in-out infinite}.orbit{border-color:#d9a6ff80;border-style:solid;width:240px;height:240px}.orbit-two{width:270px;height:180px;border-style:dashed}.tag-top{top:0;left:-12px;background:#ffd476;font-size:9px;font-weight:700;box-shadow:3px 3px 0 #2b144b}.tag-bottom{bottom:5px;right:-6px;background:var(--lime);font-size:9px;font-weight:700;box-shadow:3px 3px 0 #2b144b}.art-spark{left:-18px;bottom:15px;color:#ffba8b;font-size:46px}.floating-token{position:absolute;z-index:3;background:#211236;border:1px solid #e5bdff;border-radius:8px;box-shadow:4px 4px 0 #1b0e3270;padding:7px 11px;font:700 16px 'Space Grotesk';color:var(--lime);transform:rotate(12deg)}.token-one{right:-8px;top:45px;animation:token-bob 4s ease-in-out infinite}.token-two{left:-22px;bottom:55px;color:#ffc38e;transform:rotate(-12deg);font-size:18px}.arcade-ticker{display:flex;align-items:center;justify-content:space-between;gap:17px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #654479;border-top:1px solid #654479;background:#22172e;padding:12px 16px;margin:18px 0;color:#d1b8e8;font:700 8px 'Space Grotesk';letter-spacing:1.1px;transform:rotate(-.6deg)}.arcade-ticker span:nth-child(3n+1){color:#d5ff59}.arcade-ticker span:nth-child(3n+2){color:#ffc18b}.quick-play{border:1px solid #6c5935;border-radius:13px;padding:21px 23px;display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:center;background:radial-gradient(ellipse at top left,#db9e2e12,transparent),#1c1821}.quick-intro .eyebrow{color:#ffd083;font-size:8px;letter-spacing:1px}.quick-intro h2{font-size:23px;font-weight:600;line-height:1.15;letter-spacing:-.9px;margin:12px 0}.quick-intro p{color:#a89aac;font-size:9px;line-height:1.6;margin:0}.quick-challenge pre{margin:0 0 10px;padding:12px 14px;font-size:10px;line-height:1.8;border-color:#48364e;background:#110e18;white-space:pre;overflow-x:auto}.code-purple{color:#cc9dff}.code-lime{color:#d5ff59}.code-orange{color:#ffb67c}.teaser-answers{display:flex;gap:7px}.teaser-answers button{background:#33283e;border:1px solid #65506d;border-bottom-width:3px;border-radius:6px;padding:8px 13px;font:600 11px 'Space Grotesk';flex:1;white-space:nowrap}.teaser-answers button:hover{border-color:#e7bb76;color:#ffcf87}.teaser-answers button:disabled{cursor:default;filter:none}.teaser-answers button.correct{border-color:var(--lime);background:#d5ff5920;color:var(--lime)}.teaser-answers button.incorrect{border-color:#ff9baf;background:#ff9baf15;color:#ffb2c1}#teaser-feedback{color:#d8c3e3;font-size:10px;line-height:1.8}#teaser-feedback:not(:empty){margin-top:12px}#teaser-feedback strong{color:var(--lime)}#teaser-reset{font-size:9px;padding:10px 0 0;display:block;margin:0}.section-heading{margin-top:27px}.section-heading h2{font-size:27px;font-weight:600;letter-spacing:-1.2px}.section-heading .eyebrow{color:#ac8fbf}.available{font-size:8px;letter-spacing:1px;color:#c0a5d3}.game-grid{gap:16px}.game-card{--card-accent:#c49cfa;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 12%,#19131f),#19131f);border-color:color-mix(in srgb,var(--card-accent) 45%,#292034);box-shadow:0 4px 0 #09070d;transition:transform .2s,box-shadow .2s,border-color .2s}.game-card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 8px 0 #09070d,0 0 25px color-mix(in srgb,var(--card-accent) 12%,transparent)}.game-card:nth-child(even):hover{transform:translateY(-5px) rotate(.6deg)}.card-art{height:116px;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--card-accent) 23%,transparent),transparent 80%)}.card-art:after{content:'★';position:absolute;right:17px;top:14px;font-size:10px;color:var(--card-accent);opacity:.7}.card-icon{font-size:57px;line-height:1;filter:drop-shadow(4px 5px 0 #08061070);transition:transform .3s}.game-card:hover .card-icon{transform:rotate(5deg) scale(1.12)}.card-icon svg{width:76px;height:76px;overflow:visible}.art-code{opacity:.6}.card-content{padding:17px 18px 13px}.game-card h3{font-weight:600;font-size:22px}.game-card p{color:#c3b4cd;font-size:11px}.category-tag{background:color-mix(in srgb,var(--card-accent) 12%,transparent);border-radius:4px;padding:4px 6px;font-size:7px;letter-spacing:.8px}.card-bottom{border-color:#ffffff15;color:#b6a1c4}.play-arrow{font-size:10px;font-weight:700;letter-spacing:1px;background:color-mix(in srgb,var(--card-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 40%,transparent);padding:6px 9px;border-radius:5px}.community-strip{border-color:#695139;background:linear-gradient(110deg,#3d2c222e,#201724)}.leader-panel{background:linear-gradient(155deg,#281c36,#17131e 50%);border-color:#574062;padding:22px 17px}.board-title h2{font-size:25px;font-weight:600}.trophy{font-size:34px;color:#ffce75;text-shadow:0 0 20px #ffb95150}.board-title .eyebrow{color:#c3a2d6}.board-tabs{margin-top:18px}.podium{display:flex;gap:6px;align-items:end;justify-content:center;padding:18px 0 15px;min-height:166px}.podium:empty{display:none}.podium-player{width:33%;min-width:0;text-align:center;position:relative}.podium-player .podium-avatar{width:36px;height:36px;border:2px solid var(--podium-color);background:#352640;color:#f5eafb;border-radius:12px;display:grid;place-items:center;margin:0 auto 8px;font:600 12px 'Space Grotesk';position:relative;box-shadow:0 0 20px color-mix(in srgb,var(--podium-color) 20%,transparent)}.podium-player.winner .podium-avatar{width:43px;height:43px;background:#ffcd791a;color:#ffcd79}.podium-crown{position:absolute;top:-21px;left:50%;transform:translateX(-50%);color:#ffcf7d;font-size:22px}.podium-name{display:block;color:#e1d1ec;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.podium-step{padding:9px 3px 6px;border-radius:8px 8px 3px 3px;border:1px solid color-mix(in srgb,var(--podium-color) 50%,transparent);background:linear-gradient(color-mix(in srgb,var(--podium-color) 20%,#22162b),#201727);height:51px}.winner .podium-step{height:68px}.third-place .podium-step{height:42px}.podium-step strong{display:block;font:600 17px 'Space Grotesk';color:var(--podium-color)}.podium-step small{font-size:7px;color:#d9c7e4}.leader-row{padding:11px 0}.leader-row.latest-score{background:#d5ff5910;outline:1px solid #d5ff5940;border-radius:8px;padding-left:7px;padding-right:7px}.latest-score .player-info strong{color:var(--lime)}.leader-footer{font-size:8px;color:#b599c5}.your-turn{background:radial-gradient(ellipse at top,#aa69ef20,transparent),#21172d;border-color:#ad74e0;padding:16px 12px}.your-turn>span{color:var(--lime);font-size:32px}.your-turn strong{font-size:16px}.booth-note{margin:20px 0}.booth-note p{color:#b09ac0}.wide-podium{max-width:600px;gap:15px;padding-top:36px;min-height:230px}.wide-podium .podium-name{font-size:12px}.wide-podium .podium-step{height:70px}.wide-podium .winner .podium-step{height:100px}.wide-podium .third-place .podium-step{height:55px}.wide-podium .podium-step strong{font-size:24px}.wide-podium .podium-step small{font-size:10px}.ambient{z-index:0}.shell{position:relative;z-index:1}.ambient i{border-color:#d3a1ff3d;background:radial-gradient(circle at 30% 25%,#efcdff12,transparent 60%);box-shadow:inset -5px -8px 16px #b477ef0b}.ambient i:nth-child(2n){border-color:#d5ff5933}.question-count{display:flex;justify-content:space-between;gap:10px;align-items:center}.round-score{color:var(--lime);font:600 15px 'Space Grotesk'}.streak-meter{display:flex;align-items:center;gap:7px;margin:13px 0 0;font-size:9px;color:#aa91bb;min-height:22px}.streak-dots{display:flex;gap:4px}.streak-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#43324e;border:1px solid #685075}.streak-dots i.lit{background:#ffca73;border-color:#ffca73;box-shadow:0 0 8px #ffca7350}.streak-message{margin-left:5px;color:#ffd18b;font-weight:600}.points-pop{font:700 20px 'Space Grotesk';color:var(--lime);display:inline-block;animation:points-in .35s ease-out}.feedback.incorrect-feedback{border-left-color:#f0a1bf}.feedback.incorrect-feedback strong{color:#f3b0c8}.answer.correct{box-shadow:0 0 20px #d5ff5910}.result-icon{animation:result-pop .5s cubic-bezier(.2,.8,.3,1.3)}.result-score{color:var(--lime);animation:points-in .55s ease-out}.result-badge{display:table;margin:15px auto;color:#ffcd80;background:#ffcd8010;border:1px solid #997143;border-radius:30px;padding:8px 15px;font:600 10px 'Space Grotesk';letter-spacing:1px}.result-spot{color:#d7c2eb;text-align:center;font-size:12px}.result-spot strong{color:var(--lime)}.result-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.result-buttons .outline-button{font-size:11px}.confetti{z-index:30}.booth-mode .rail,.booth-mode nav,.booth-mode .community-strip,.booth-mode footer{display:none}.booth-mode .shell{margin-left:0;max-width:none;padding:0 30px}.booth-mode .layout{grid-template-columns:minmax(0,1fr) 320px}.booth-mode .hero{min-height:355px}.booth-mode .hero h1{font-size:clamp(42px,4.5vw,72px)}.booth-mode .hero-art{top:50px}.booth-mode .hero-bottom{margin-top:32px}.booth-mode .quick-play{padding:27px}.booth-mode .quick-intro h2{font-size:29px}.booth-mode .quick-challenge pre{font-size:13px}.booth-mode .leader-panel{display:block}.booth-mode #booth{background:var(--lime);color:#202718;border-color:var(--lime)}@keyframes sticker-bob{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes token-bob{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-9px) rotate(16deg)}}@keyframes points-in{from{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-pop{from{transform:scale(.5) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 265px}.hero{padding:28px 24px 0}.hero h1{font-size:44px}.hero-art{right:2px;width:33%;top:40px}.sticker{width:156px;height:156px}.orbit{width:190px;height:190px}.orbit-two{width:200px;height:160px}.floating-token{font-size:13px}.tag-top{font-size:7px;left:-12px;top:14px}.tag-bottom{font-size:7px;bottom:25px}.hero p{max-width:85%}.hero .desktop-break{display:none}.quick-play{padding:18px;gap:15px;grid-template-columns:1fr 1.2fr}.quick-intro h2{font-size:21px}.quick-challenge pre{font-size:9px;padding:10px}.teaser-answers button{padding:8px;font-size:10px}.game-card h3{font-size:20px}.card-content{padding:15px}.game-card p{font-size:10px}.play-arrow{font-size:8px}.art-code{font-size:8px}.booth-mode .hero h1{font-size:48px}.booth-mode .quick-play{grid-template-columns:1fr}.booth-mode .quick-intro h2 br{display:none}}@media(max-width:900px){.layout{grid-template-columns:1fr}.hero-art{width:35%;right:20px;top:30px}.sticker{width:190px;height:190px}.hero h1{font-size:50px}.tag-top{font-size:8px;top:0}.tag-bottom{font-size:8px;bottom:10px}.hero p{max-width:95%}.quick-play{grid-template-columns:1fr 1.1fr}.quick-challenge pre{font-size:11px}.card-content{padding:18px}.game-card h3{font-size:23px}.game-card p{font-size:11px}.booth-mode .layout{grid-template-columns:1fr}.booth-mode .leader-panel{display:none}.booth-mode .quick-play{grid-template-columns:1fr 1.1fr}}@media(max-width:600px){header{height:86px}.booth-button{padding:8px;font-size:14px}.booth-button span{display:none}.hero{padding:23px 20px 0}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:43px;max-width:100%;margin-top:20px}.hero p{font-size:11px;max-width:80%;line-height:1.9}.hero-copy{width:100%}.hero-art{right:-61px;top:84px;width:180px;opacity:.3}.hero-art .floating-token{display:none}.sticker{width:170px;height:170px}.hero-note{font-size:7px;letter-spacing:.7px;margin:14px 0 0}.hero-bottom{font-size:7px;margin-top:22px}.arcade-ticker{padding:11px 12px;font-size:7px;gap:18px;margin:16px 0}.quick-play{grid-template-columns:1fr;padding:20px;gap:14px}.quick-intro h2{font-size:25px;margin:10px 0}.quick-intro h2 br{display:none}.quick-challenge pre{font-size:11px}.teaser-answers button{font-size:11px;padding:10px}.quick-intro .eyebrow{font-size:7px}.section-heading h2{font-size:25px}.available{font-size:6px;letter-spacing:.6px}.game-grid{gap:12px}.card-art{height:100px}.card-icon svg{width:61px;height:61px}.card-content{padding:13px}.game-card h3{font-size:19px}.game-card p{font-size:10px;min-height:52px}.category-tag{font-size:6px;padding:4px}.difficulty{font-size:7px}.card-bottom{align-items:center;gap:5px}.card-bottom>span:first-child{font-size:7px;max-width:72px;line-height:1.8}.play-arrow{font-size:7px;padding:6px}.board-title h2{font-size:25px}.header-actions{gap:5px}.sound-button{font-size:11px;padding:8px}.hero .primary{padding:14px 19px}.booth-mode .shell{padding:0 16px}.booth-mode .hero{min-height:0}.booth-mode .hero h1{font-size:43px}.booth-mode .quick-play{grid-template-columns:1fr;padding:20px}.booth-mode .quick-challenge pre{font-size:11px}.booth-mode .hero-art{top:85px}.booth-mode .hero-bottom{margin-top:22px}.booth-mode .quick-intro h2{font-size:25px}.streak-message{font-size:8px}.streak-meter{gap:5px}.result-score{font-size:56px}.question-count{font-size:9px}}
.podium-step small{display:block;line-height:1.3;margin-top:3px}.podium-step strong{line-height:1.15}.podium-step{padding-top:7px}.booth-mode .booth-note,.booth-mode .music-card{display:none}.booth-mode .your-turn{margin-top:10px;padding:12px}.booth-mode .your-turn>span{display:none}
.main-column,.quick-challenge,.quick-intro,.games-section{min-width:0}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.layout,.booth-mode .layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.arcade-ticker{transform:none}.quick-intro h2{line-height:1.2}.quick-intro h2 br{display:block}.hero h1{font-size:40px}.hero .eyebrow{font-size:6px}.hero-bottom{gap:8px}.hero-bottom span{min-width:0}.card-bottom>span:first-child{max-width:62px}.community-strip .text-button{padding-left:40px}}
/* Arcade choreography: enter, type, then deal the answer buttons. */
#quiz[open]{animation:dialog-enter .3s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 65%}#quiz[open]::backdrop{animation:backdrop-enter .25s ease-out both}#quiz[open].dialog-closing{animation:dialog-exit .16s ease-in both;pointer-events:none}#quiz.dialog-closing::backdrop{animation:backdrop-exit .16s ease-in both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-typing{position:relative}.typing-ghost{visibility:hidden;display:block}.typed-visual{position:absolute;inset:0}.typed-visual::after{content:'';display:inline-block;width:2px;height:.9em;vertical-align:-.05em;margin-left:3px;background:var(--lime);animation:cursor-blink .65s step-end infinite}.reveal-controls{height:22px;display:flex;justify-content:flex-end;margin-top:4px}.skip-reveal{border:0;background:transparent;color:#d4b7f2;font-size:10px;padding:3px 0}.skip-reveal[hidden]{display:none}.option-waiting{opacity:0;transform:translateY(20px);pointer-events:none}.option-arriving{animation:option-rise .3s cubic-bezier(.2,.8,.3,1) both}.code-waiting{opacity:0;transform:translateY(8px)}.code-arriving{animation:option-rise .26s ease-out both}#quiz .name-form{animation:option-rise .35s ease-out both}#quiz .answer:not(:disabled):hover{background:#3a2b4b;border-color:#bb91ff;transform:translateX(3px)}.no-motion .option-waiting,.no-motion .code-waiting{opacity:1;transform:none}@keyframes dialog-enter{from{opacity:0;transform:translateY(28px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes backdrop-exit{from{opacity:1}to{opacity:0}}@keyframes option-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.option-waiting,.code-waiting{opacity:1;transform:none}}
.takeaway-card{background:#c79aff0a;border:1px solid #71508d;border-radius:9px;padding:14px 16px;margin-top:14px;animation:option-rise .25s ease-out both}.takeaway-card .eyebrow{color:#d9b9fa;font-size:8px;letter-spacing:1px;line-height:1.8}.takeaway-card p{font-size:12px;line-height:1.7;color:#e5d7f0;margin:7px 0 0}.learning-recap{border:1px solid #564064;border-radius:12px;padding:19px;margin-top:24px;background:#130f1c}.learning-recap>.eyebrow{color:#d3b4ee;font-size:8px}.learning-recap h3{font-size:21px;margin:10px 0}.learning-recap>p{color:#a692b8;font-size:10px;line-height:1.8}.concept-row{border-top:1px solid #493350;padding:13px 0}.concept-row:last-child{padding-bottom:0}.concept-status{display:block;font-size:8px;letter-spacing:.5px;color:#ffca8a;margin-bottom:5px}.concept-status.understood{color:var(--lime)}.concept-row strong{font-size:12px;font-weight:500;color:#e1ccef}.concept-row p{font-size:11px;line-height:1.7;color:#baa4ca;margin:5px 0 0}.practice-label{display:inline-block;color:#d5ff59;font:600 9px 'Space Grotesk';letter-spacing:1px;border:1px solid #d5ff5940;background:#d5ff5910;padding:7px 10px;border-radius:5px;margin:20px 0 5px}
.memory-top{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.memory-top .practice-label{margin:0;color:#8fe7e2;border-color:#8fe7e250;background:#8fe7e210}.memory-timer{display:flex;align-items:baseline;gap:6px;color:#d5ff59}.memory-timer b{font:600 33px 'Space Grotesk';font-variant-numeric:tabular-nums}.memory-timer small{font-size:7px;letter-spacing:1px}.memory-timer.time-low{color:#ffadb3}.memory-stats{display:flex;gap:15px;justify-content:space-between;color:#cdb7dd;font:500 10px 'Space Grotesk';margin:15px 0}.memory-stats span:last-child{color:#d5ff59}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.memory-card{position:relative;aspect-ratio:1;border:0;background:transparent;padding:0;border-radius:11px;perspective:700px;min-width:0}.memory-card:disabled{cursor:default}.memory-card-inner{position:absolute;inset:0;transition:transform .36s cubic-bezier(.2,.8,.3,1);transform-style:preserve-3d}.memory-card.face-up .memory-card-inner{transform:rotateY(180deg)}.memory-back,.memory-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;overflow:hidden}.memory-back{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 0,#734f9b,#2a1c3f);border:1px solid #ad83cf;box-shadow:0 3px 0 #090711}.memory-back>span{font-size:35px;color:#d5ff59;text-shadow:0 0 20px #c8ff6b50}.memory-back small{position:absolute;bottom:7px;right:8px;font:8px 'Space Grotesk';color:#d4b7ea}.memory-front{transform:rotateY(180deg);background:#fff url('assets/community-stickers.png') var(--sticker-position) / 300% 400% no-repeat;border:3px solid #d7c3e8}.memory-card.matched .memory-front{border-color:#d5ff59;box-shadow:0 0 14px #d5ff5920}.memory-card:not(:disabled):hover .memory-back{border-color:#d5ff59;background:radial-gradient(ellipse at 30% 0,#8c5db7,#342348)}.memory-status{min-height:32px;margin:15px 0 0;font-size:11px;color:#bfa8ce;line-height:1.7}.memory-grid+.memory-status+.quiz-actions{margin-top:9px}.board-max{font-size:12px;color:#a58bb8}#memory-leader-heading{margin-top:40px;scroll-margin-top:20px}.board-tabs button{width:33.333%}.filters{flex-wrap:wrap}@media(max-width:600px){.memory-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.memory-back>span{font-size:30px}.memory-front{border-width:2px}.memory-timer b{font-size:28px}.memory-top .practice-label{font-size:7px}.memory-stats{font-size:9px;gap:7px}.memory-grid~.quiz-actions .primary{font-size:9px}.memory-status{font-size:10px}.board-tabs button{font-size:9px}}.no-motion .memory-card-inner{transition:none!important}@media(prefers-reduced-motion:reduce){.memory-card-inner{transition:none!important}}
.quiz-sound{margin-left:auto;flex-shrink:0;border:1px solid #624975;border-radius:6px;padding:7px 9px;background:#ac78d712;color:#d5b9ec;font-size:9px}.modal-top .eyebrow{line-height:1.6}.modal-top .icon-button{flex-shrink:0}.memory-grid~.quiz-actions button[hidden]{display:none}@media(max-width:600px){.modal-top{gap:7px}.modal-top .eyebrow{font-size:7px;letter-spacing:1px}.quiz-sound{font-size:8px;padding:7px}.modal-top .icon-button{width:30px;height:30px}}
.memory-front.kodee-front{background-size:contain;background-position:center;background-color:#f6eeff}.sticker.kodee-art{background-size:contain;background-repeat:no-repeat;background-color:#f1e4ff}.art-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:18px 0 -5px;height:22px;position:relative;z-index:2}.art-controls>span{font:7px 'Space Grotesk';letter-spacing:1px;color:#dcc6ee}.art-controls button{border:1px solid #e0b8ff80;background:#25133688;border-radius:5px;width:23px;height:23px;font-size:10px;color:#eddaff}.sticker.art-switch{animation:art-arrive .45s ease-out,sticker-bob 6s .45s ease-in-out infinite}.hero-bottom{margin-top:18px}@keyframes art-arrive{from{opacity:0;transform:translateY(8px) rotate(-2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(6deg) scale(1)}}@media(max-width:600px){.art-controls{justify-content:flex-start;margin-top:17px}.art-controls>span{font-size:6px}.hero-art{opacity:.28}.hero-bottom{margin-top:16px}}.no-motion .art-switch{animation:none!important}
#quiz.memory-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:20px}.memory-dialog .memory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.memory-dialog .memory-top{margin:12px 0}.memory-dialog .question-title{margin:10px 0}.memory-dialog .question-context{font-size:10px;line-height:1.7}.memory-dialog .memory-stats{margin:12px 0}.memory-dialog .memory-status{min-height:20px;font-size:10px}.memory-dialog .memory-timer b{font-size:29px}@media(min-height:900px) and (min-width:601px){.memory-dialog .memory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#quiz.memory-dialog{width:min(640px,calc(100% - 24px))}}@media(max-width:600px){#quiz.memory-dialog{padding:16px}.memory-dialog .memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.memory-dialog .question-title{font-size:20px}.memory-dialog .memory-top{margin:9px 0}.memory-dialog .question-context{font-size:9px}.memory-dialog .memory-stats{font-size:8px}.memory-dialog .memory-status{font-size:9px;line-height:1.5}.memory-dialog .practice-label{font-size:6px}.memory-dialog .quiz-actions .primary{padding:10px 14px;font-size:9px}}@media(max-width:600px) and (max-height:800px){.memory-dialog .memory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.memory-stats .chances-low{color:#ffb0bf;font-weight:700}
/* Sound is a gameplay channel; the background groove has its own switch. */
.music-toggle{border:1px solid #66516c;border-radius:7px;background:#251d2d;color:#d3bfe1;padding:10px;font-size:10px}.sound-button[aria-pressed="true"],.quiz-sound[aria-pressed="true"]{border-color:#a8cf64;color:#d5ff8a;background:#d5ff5910}.memory-feedback-fx{height:0;text-align:center;position:relative;z-index:3;pointer-events:none;font:700 15px 'Space Grotesk';letter-spacing:1px;opacity:0}.memory-feedback-fx.match-fx{color:#d5ff59;text-shadow:0 2px 10px #151019}.memory-feedback-fx.miss-fx{color:#ffc0d0;font-size:11px}.memory-feedback-fx.fx-playing{animation:match-points .9s ease-out both}.memory-card.card-pop{animation:card-pick .3s ease-out}.memory-card.pair-celebrate{animation:pair-bounce .55s cubic-bezier(.2,.8,.3,1)}.memory-card.pair-celebrate .memory-front{box-shadow:0 0 0 4px #d5ff5940,0 0 32px #d5ff5970;border-color:#d5ff59}.memory-card.matched .memory-front::after{content:'✓';position:absolute;right:3px;top:3px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font:bold 12px 'DM Sans';background:#d5ff59;color:#263119;box-shadow:0 2px 7px #0004}.memory-card.pair-miss{animation:pair-shake .32s ease-in-out}.memory-card.pair-miss .memory-front{border-color:#ff91b4;box-shadow:0 0 0 3px #ff91b426,0 0 20px #ff91b430}.memory-card.pair-miss .memory-front::after{content:'×';position:absolute;right:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#ff91b4;color:#341323;font:bold 16px 'DM Sans';text-align:center;line-height:19px}.header-actions{gap:7px}@keyframes card-pick{0%,100%{transform:scale(1)}45%{transform:scale(.93)}}@keyframes pair-bounce{0%,100%{transform:scale(1)}40%{transform:scale(1.07) rotate(-2deg)}70%{transform:scale(.98) rotate(1deg)}}@keyframes pair-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes match-points{0%{opacity:0;transform:translateY(8px) scale(.8)}20%,65%{opacity:1;transform:translateY(-12px) scale(1)}100%{opacity:0;transform:translateY(-28px) scale(1.05)}}
#arcade-pointer{position:fixed;left:0;top:0;width:0;height:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .15s;will-change:transform}#arcade-pointer.in-dialog{position:absolute}#arcade-pointer.pointer-visible{opacity:1}.pointer-ring,.pointer-aura,.pointer-dot{position:absolute;display:block;border-radius:50%;pointer-events:none}.pointer-ring{width:34px;height:34px;left:-17px;top:-17px;border:1px solid #d5ff59a6;box-shadow:0 0 13px #caff4a1a;transition:width .16s,height .16s,left .16s,top .16s,border-color .16s}.pointer-aura{width:64px;height:64px;left:-32px;top:-32px;background:radial-gradient(circle,#c6a0ff18,transparent 65%)}.pointer-dot{width:4px;height:4px;left:-2px;top:-2px;background:#e2ffad;opacity:.7}.pointer-label{position:absolute;top:29px;left:-26px;width:52px;text-align:center;color:#e5ffab;font:700 7px 'Space Grotesk';letter-spacing:2px;text-shadow:0 1px 5px #000}.pointer-target .pointer-ring{width:48px;height:48px;left:-24px;top:-24px;border-color:#e2c0ff;box-shadow:0 0 20px #d2a1ff25}.pointer-target .pointer-aura{background:radial-gradient(circle,#bd90ff28,transparent 65%)}.pointer-click .pointer-ring{animation:pointer-press .4s ease-out}.pointer-click .pointer-aura{animation:pointer-spark .5s ease-out}@keyframes pointer-press{0%{transform:scale(.65);border-width:3px}100%{transform:scale(1.6);border-width:0;opacity:0}}@keyframes pointer-spark{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}.no-motion #arcade-pointer{display:none}@media(prefers-reduced-motion:reduce),(pointer:coarse),(hover:none){#arcade-pointer{display:none!important}}@media(max-width:600px){.music-toggle{font-size:8px;padding:8px}.header-actions{gap:4px}.sound-button{font-size:10px;padding:8px}.sound-button span{font-size:9px}.header-actions .icon-button{width:27px;height:27px}.booth-button{padding:6px;font-size:12px}.wordmark{font-size:18px}.wordmark small{font-size:6px;letter-spacing:1.8px}}
/* A Kodee sidekick, rather than a replacement mouse pointer. */
#arcade-pointer{--buddy-x:18px;--lean:0deg}.pointer-buddy{position:absolute;left:var(--buddy-x);top:-26px;width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 4px 5px #11051c80);transform:rotate(var(--lean));transition:transform .12s ease-out,filter .15s;animation:buddy-hover 2.2s ease-in-out infinite}.buddy-shadow{position:absolute;left:30px;top:38px;width:42px;height:8px;border-radius:50%;background:#9e64da40;filter:blur(3px)}.pointer-speech{position:absolute;left:40px;top:-43px;white-space:nowrap;background:#d5ff59;color:#29351b;border:2px solid #1c1028;border-radius:9px 9px 9px 2px;padding:5px 8px;box-shadow:2px 3px 0 #11091f60;font:700 8px 'Space Grotesk';letter-spacing:.5px;transform:rotate(-5deg);transition:background .15s}.pointer-target .pointer-speech{background:#e8b5ff;color:#321b47}.pointer-target .pointer-buddy{filter:drop-shadow(0 0 8px #cb84ff65)}.pointer-firework{position:absolute;inset:0}.pointer-firework i{position:absolute;left:0;top:0;color:var(--spark);font-size:13px;font-style:normal;opacity:0;text-shadow:0 0 8px var(--spark)}.pointer-click .pointer-firework i{animation:kodee-spark .55s ease-out both}.pointer-click .pointer-buddy{animation:buddy-cheer .4s cubic-bezier(.2,.8,.3,1.4)}.buddy-oops .pointer-buddy{animation:buddy-oops .4s ease-in-out}.buddy-oops .pointer-speech{background:#ffb4c9;color:#542039}.pointer-comet{position:absolute;left:-13px;top:-3px;width:6px;height:6px;background:#d5ff59;box-shadow:-11px 7px 0 -1px #d5ff5990,-20px 13px 0 -2px #e5b1ff80;border-radius:2px;opacity:0;transform:rotate(-30deg)}.pointer-moving .pointer-comet{animation:comet-fade .38s ease-out}.buddy-left{--buddy-x:-86px}.buddy-left .pointer-speech{left:auto;right:36px;border-radius:9px 9px 2px 9px}.buddy-left .buddy-shadow{left:-74px}.memory-card.cursor-hot::after,.game-card.cursor-hot::after{content:'';position:absolute;inset:-5px;pointer-events:none;z-index:4;--aim:#d5ff59;background:linear-gradient(var(--aim),var(--aim)) left top/13px 2px no-repeat,linear-gradient(var(--aim),var(--aim)) left top/2px 13px no-repeat,linear-gradient(var(--aim),var(--aim)) right top/13px 2px no-repeat,linear-gradient(var(--aim),var(--aim)) right top/2px 13px no-repeat,linear-gradient(var(--aim),var(--aim)) left bottom/13px 2px no-repeat,linear-gradient(var(--aim),var(--aim)) left bottom/2px 13px no-repeat,linear-gradient(var(--aim),var(--aim)) right bottom/13px 2px no-repeat,linear-gradient(var(--aim),var(--aim)) right bottom/2px 13px no-repeat;animation:target-corners .8s ease-in-out infinite alternate}.game-card.cursor-hot::after{inset:4px;--aim:var(--card-accent)}.no-motion .cursor-hot::after{display:none}@media(prefers-reduced-motion:reduce),(pointer:coarse),(hover:none){.cursor-hot::after{display:none!important}}@keyframes kodee-spark{0%{opacity:1;transform:rotate(var(--angle)) translateX(5px) rotate(0) scale(.5)}60%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(40px) rotate(90deg) scale(.8)}}@keyframes buddy-hover{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes buddy-cheer{0%,100%{translate:0 0;scale:1}45%{translate:0 -10px;scale:1.15}}@keyframes buddy-oops{20%,60%{translate:-4px 0;rotate:-6deg}40%,80%{translate:4px 0;rotate:6deg}}@keyframes comet-fade{from{opacity:.8;translate:0 0}to{opacity:0;translate:-9px 6px}}@keyframes target-corners{from{opacity:.55;scale:1}to{opacity:1;scale:1.025}}
/* V3: a pinboard of game portals, not a catalogue of website cards. */
.games-section{position:relative}.games-section:before{content:'';position:absolute;inset:110px 10% 10%;border:2px dashed #9b6ec526;border-radius:40%;transform:rotate(-8deg);pointer-events:none}.games-section .section-heading{align-items:end;margin:33px 0 19px}.games-section .section-heading h2{font-size:37px;font-weight:700;letter-spacing:-1.8px}.games-section .available{max-width:150px;text-align:right;line-height:1.7;color:#ccafd9;font-size:7px}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:minmax(255px,auto);gap:24px 20px;align-items:stretch;padding:9px 3px 22px}.game-card.arcade-tile{grid-column:span 2;min-width:0;min-height:270px;position:relative;text-align:left;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:rotate(var(--tile-tilt));padding:0;color:#241a30;isolation:isolate;transition:transform .25s,filter .25s}.game-card.arcade-tile.featured-tile{grid-column:span 3;min-height:280px}.game-card.arcade-tile:hover,.game-card.arcade-tile:nth-child(even):hover{transform:translateY(-7px) rotate(0deg);box-shadow:none;filter:brightness(1.025);z-index:3}.arcade-tile:focus-visible{outline:3px dashed #edffb3;outline-offset:8px;border-radius:18px}.tile-surface{position:absolute;inset:0;z-index:-1;display:block;background:var(--card-accent);border:2px solid #ffffff70;box-shadow:5px 7px 0 #08050b;filter:drop-shadow(0 7px 0 #09060b);transition:filter .25s}.shape-cut .tile-surface{clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%);border-radius:7px}.shape-blob .tile-surface{border-radius:26% 12% 23% 10% / 16% 25% 12% 30%}.shape-arch .tile-surface{border-radius:65px 65px 15px 15px}.shape-wave .tile-surface{border-radius:13px 44px 13px 44px;clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,82% 94%,72% 100%,62% 94%,52% 100%,42% 94%,32% 100%,22% 94%,12% 100%,0 93%)}.shape-ticket .tile-surface{border-radius:16px;mask:radial-gradient(circle at left 55%,transparent 10px,#000 10.8px) left/51% 100% no-repeat,radial-gradient(circle at right 55%,transparent 10px,#000 10.8px) right/51% 100% no-repeat}.tile-number{position:absolute;top:23px;left:23px;font:700 10px 'Space Grotesk';letter-spacing:1px;opacity:.6}.tile-tag{position:absolute;top:21px;right:20px;font:700 6px 'Space Grotesk';letter-spacing:.8px;padding:5px 7px;border:1px solid #26163370;border-radius:30px;background:#ffffff35;max-width:75%;white-space:nowrap}.tile-illustration{position:absolute;top:49px;right:17px;width:86px;height:86px;display:grid;place-items:center;transform:rotate(8deg);color:#33213e;filter:drop-shadow(3px 5px 0 #2813321a);transition:transform .3s}.tile-illustration>img,.tile-illustration>svg{width:100%;height:100%;object-fit:contain}.arcade-tile:hover .tile-illustration{transform:translateY(-5px) rotate(-7deg) scale(1.08)}.tile-copy{display:block;padding:130px 23px 65px}.tile-kicker{font-size:6px;letter-spacing:.9px;font-weight:700;display:block;margin-bottom:8px;opacity:.7}.tile-title{font:700 25px/1.02 'Space Grotesk';letter-spacing:-1.2px;display:block;max-width:220px}.tile-description{font-size:10px;line-height:1.6;display:block;margin-top:9px;max-width:230px;color:#35233cc9}.tile-foot{position:absolute;left:23px;right:20px;bottom:21px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 8px 'Space Grotesk';color:#382942}.tile-play{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid #2b1b3b;background:#ffffff42;border-radius:50%;font-size:20px;box-shadow:2px 2px 0 #32213b}.featured-tile .tile-illustration{width:130px;height:130px;top:66px;right:24px}.featured-tile .tile-copy{padding-top:89px;padding-bottom:70px;max-width:65%}.featured-tile .tile-title{font-size:37px;max-width:200px;letter-spacing:-1.8px}.featured-tile .tile-description{font-size:11px;margin-top:13px}.featured-tile .tile-foot{font-size:9px}.featured-tile .tile-kicker{font-size:7px}.featured-tile .tile-tag{font-size:8px;top:25px}.tile-duel{display:flex;align-items:center;width:160px;height:140px;position:relative}.tile-duel img{width:80px;height:100px;object-fit:contain}.tile-duel img:first-child{transform:translateY(-12px) rotate(-10deg)}.tile-duel img:last-child{transform:translateY(12px) rotate(12deg)}.tile-duel b{position:absolute;font:700 16px 'Space Grotesk';left:66px;top:56px;rotate:-10deg}.tile-sticker{width:88px;height:88px;background:#fff url('assets/community-stickers.png') 100% 33.333%/300% 400%;border:2px solid #fff;border-radius:14px;box-shadow:3px 4px 0 #5e274428}.tile-reels{font-size:25px;letter-spacing:1px;white-space:nowrap;border:2px solid #342037;border-radius:12px;background:#ffffff50;padding:11px 8px;box-shadow:4px 5px 0 #36213924}.gift-glyph{font-size:38px;line-height:.75;letter-spacing:0;text-align:center}.imposter-glyph{font:bold 30px/1.1 monospace;letter-spacing:-4px}.arcade-tile.cursor-hot::after{inset:10px;--aim:#382342}.community-quest{display:flex;align-items:center;gap:15px;margin:24px 0 12px;padding:20px;border:1px solid #6f5c39;border-radius:28px 9px 28px 9px;background:linear-gradient(100deg,#48332435,#21172f);position:relative}.quest-community-icon{color:#ffd28b;font-size:41px;align-self:start;line-height:1.2}.quest-community-main{min-width:0;flex:1}.community-quest .eyebrow{font-size:6px;color:#d6ba8f;letter-spacing:1px}.community-quest h2{font-size:19px;letter-spacing:-.7px;margin:7px 0 8px}.community-quest p{font-size:9px;color:#baabc5;line-height:1.7;margin:0 0 10px}.community-quest p strong{color:#d5ff59;font:600 16px 'Space Grotesk'}.community-progress-track{height:6px;border-radius:7px;background:#4c3a58;overflow:hidden;max-width:430px}.community-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#b795ff,#d5ff59);border-radius:7px;transition:width .4s}.community-local{display:block;font-size:7px;color:#ae97bc;margin-top:8px}.theme-switches{display:grid;gap:7px;max-width:130px}.theme-switches button{border:1px solid #795f8f;border-radius:20px;background:#382746;color:#e9d3fa;padding:8px 10px;font-size:8px}.theme-switches button:disabled{opacity:.45;cursor:default}.theme-switches button[aria-pressed=true]{border-color:#d5ff59;color:#d5ff59}.theme-sunset{--lime:#ffe391;--purple:#ffb2d2;background:radial-gradient(ellipse at top,#8f3f2a38,transparent 65%),#1a1019}.theme-sunset .hero{background:radial-gradient(ellipse at 90% 40%,#f8824960,transparent 60%),linear-gradient(120deg,#5c2945,#9c425f 65%,#d87552);border-color:#ffc094}.theme-sunset .rail{background:#271823}.theme-sunset .leader-panel{background:linear-gradient(140deg,#472c37,#211820)}.theme-sunset .primary{background:#ffe391}.quest-intro{padding-top:20px}.quest-mascot{display:block;float:right;width:100px;height:100px;object-fit:contain}.quest-intro .question-title{font-size:31px}.kodee-claim{display:flex;align-items:center;gap:12px;margin:18px 0;background:#b795ff15;border:1px solid #80629c;border-radius:24px 24px 24px 5px;padding:9px 16px}.kodee-claim img{width:62px;height:62px}.kodee-claim p{font:500 16px/1.5 'Space Grotesk';color:#e5c7ff;margin:0}.boss-bar{display:flex;align-items:center;gap:16px;margin:19px 0;background:#fa9e7310;border:1px solid #9e6847;padding:16px;border-radius:13px}.boss-bug{font-size:46px;color:#ffb089;text-shadow:3px 4px 0 #7b403c}.boss-bar>div{flex:1}.boss-bar strong{font-size:9px;letter-spacing:2px;color:#ffc795}.boss-bar>span:last-child{font:12px 'Space Grotesk';color:#ffbf9a}.boss-health{display:flex;gap:5px;margin-top:10px}.boss-health i{height:9px;flex:1;border-radius:3px;background:#ffb089}.boss-health i.boss-hit{background:#473044;box-shadow:inset 0 0 0 1px #8f576a}.boss-defeated{color:#d5ff59;animation:boss-crumble .7s ease-in-out both}.duel-scoreboard{display:flex;gap:20px;align-items:center;justify-content:center;padding:20px 10px 10px}.duel-scoreboard>span{flex:1;text-align:center;padding:14px;background:#c3a0ff12;border:1px solid #765a91;border-radius:18px 5px 18px 5px;min-width:0}.duel-scoreboard>span:last-child{background:#d5ff5910;border-color:#899959}.duel-scoreboard small{display:block;color:#cfb6e1;font-size:10px;overflow-wrap:anywhere}.duel-scoreboard strong{display:block;font:600 32px 'Space Grotesk';color:#e9d6ff;margin-top:6px}.duel-scoreboard>span:last-child strong{color:#d5ff59}.duel-scoreboard b{font:700 17px 'Space Grotesk';color:#ffb9da;rotate:-10deg}.handoff{text-align:center;padding:30px 10px}.handoff img{display:block;margin:auto;width:130px;height:130px}.handoff .question-title{font-size:29px;overflow-wrap:anywhere}.handoff .question-context{max-width:400px;margin:15px auto 25px}.result-score small{font-size:20px}.quest-heading:focus{outline:none}.demo-prize-banner{display:block;border:1px solid #aa8150;background:#ffcc8110;border-radius:7px;padding:9px 12px;color:#ffda9b;font:600 8px 'Space Grotesk';letter-spacing:.6px;margin:19px 0}.reel-machine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;background:linear-gradient(150deg,#e6ad4b,#ffde8e);padding:14px;border-radius:25px;border:3px solid #ffecb5;box-shadow:0 5px 0 #755030;margin:20px 0 13px}.reel-window{aspect-ratio:1;background:#f4ecff;border:2px solid #6e4a39;border-radius:14px;overflow:hidden;display:grid;place-items:center;min-width:0}.reel-window img{width:100%;height:100%;object-fit:contain}.reel-sticker{display:block;width:100%;height:100%;background:#fff url('assets/community-stickers.png') center/300% 400% no-repeat}.reel-window.reel-win{border-color:#8fb436;box-shadow:0 0 20px #faffb0;animation:pair-bounce .5s ease-out}.reel-odds{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#bc9cc9}.reel-odds strong{color:#ffdc94;font-size:8px}.demo-host{margin-top:22px;padding-top:14px;border-top:1px solid #5e4566}.demo-host summary{font-size:10px;color:#bfa1d2;cursor:pointer}.draw-orbit{display:flex;justify-content:center;align-items:center;gap:15px;border:1px dashed #a589ca;border-radius:50%;max-width:270px;margin:20px auto;padding:10px 25px;background:#a17ee715}.draw-orbit img{height:100px;width:100px}.draw-orbit>span{font:700 38px 'Space Grotesk';color:#d5ff59}.draw-orbit small{display:block;font:8px 'DM Sans';color:#d0b6df;letter-spacing:1px}.primary:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.booth-mode .community-quest{display:none}@keyframes boss-crumble{0%{transform:rotate(0);filter:none}35%{transform:rotate(-12deg) scale(1.1);filter:drop-shadow(6px 0 #fba2b1)}65%{transform:rotate(9deg) scale(.95);filter:drop-shadow(-5px 0 #9ce7ee)}100%{transform:rotate(-8deg) scale(.85);filter:drop-shadow(2px 3px #333)}}@media(max-width:1200px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 17px}.game-card.arcade-tile{grid-column:span 3;min-height:270px}.featured-tile .tile-title{font-size:30px}.featured-tile .tile-copy{max-width:65%;padding-top:90px}.featured-tile .tile-illustration{width:108px;height:108px;right:13px;top:82px}.tile-duel{width:120px;height:110px}.tile-duel img{width:63px;height:85px}.tile-duel b{font-size:13px;left:48px;top:43px}.tile-title{font-size:27px}.community-quest{gap:10px;padding:18px 14px}.community-quest h2{font-size:17px}.theme-switches{max-width:105px}.theme-switches button{font-size:7px;padding:8px}.quest-community-icon{font-size:32px}.community-quest .eyebrow{font-size:5px}}@media(max-width:900px){.featured-tile .tile-title{font-size:34px}.game-card.arcade-tile{min-height:280px}.community-quest .eyebrow{font-size:6px}}@media(max-width:600px){.games-section .section-heading h2{font-size:32px}.games-section .available{font-size:6px;max-width:110px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:8px 2px 16px;grid-auto-rows:auto}.game-card.arcade-tile{grid-column:span 1;min-height:270px;transform:rotate(calc(var(--tile-tilt)*.65))}.game-card.arcade-tile.featured-tile{grid-column:span 2;min-height:238px}.tile-number{font-size:8px;top:20px;left:17px}.tile-tag{font-size:5px;max-width:75%;right:14px;top:19px;padding:4px 5px}.tile-illustration{width:70px;height:70px;top:52px;right:17px}.tile-copy{padding:128px 17px 68px}.tile-title{font-size:23px;letter-spacing:-1px}.tile-kicker{font-size:5px;letter-spacing:.6px}.tile-description{font-size:9px;line-height:1.65;margin-top:8px}.tile-foot{left:17px;right:14px;bottom:22px;font-size:7px;gap:6px}.tile-foot>span:first-child{max-width:80px;line-height:1.7}.tile-play{width:25px;height:25px;font-size:17px;flex-shrink:0}.tile-sticker{width:70px;height:70px}.tile-reels{font-size:19px;letter-spacing:0;padding:9px 5px}.featured-tile .tile-copy{padding:80px 22px 65px;max-width:64%}.featured-tile .tile-title{font-size:35px;letter-spacing:-1.6px}.featured-tile .tile-description{font-size:10px;margin-top:10px}.featured-tile .tile-illustration{width:115px;height:115px;right:22px;top:62px}.featured-tile .tile-tag{font-size:7px;top:22px;right:20px}.featured-tile .tile-kicker{font-size:6px}.featured-tile .tile-foot{font-size:8px;left:22px;right:23px;bottom:20px}.featured-tile .tile-foot>span:first-child{max-width:210px}.tile-duel{width:125px;height:120px}.tile-duel img{width:67px;height:95px}.tile-duel b{left:49px;top:47px}.community-quest{flex-wrap:wrap;padding:17px;gap:10px}.quest-community-icon{font-size:31px}.quest-community-main{flex:1}.community-quest h2{font-size:19px}.community-quest .eyebrow{font-size:5px}.community-quest p{font-size:8px}.community-local{font-size:6px;line-height:1.7}.theme-switches{display:flex;max-width:none;width:100%;padding-left:40px}.theme-switches button{font-size:8px}.community-progress-track{height:5px}.kodee-claim{padding:9px 12px;gap:8px}.kodee-claim img{width:48px;height:48px}.kodee-claim p{font-size:13px}.quest-mascot{width:75px;height:75px}.quest-intro .question-title{font-size:27px}.duel-scoreboard{gap:10px}.duel-scoreboard>span{padding:12px 7px}.duel-scoreboard small{font-size:9px}.duel-scoreboard strong{font-size:26px}.boss-bar{padding:12px;gap:10px}.boss-bug{font-size:34px}.boss-bar strong{font-size:7px}.boss-bar>span:last-child{font-size:10px}.boss-health{gap:4px}.boss-health i{height:7px}.reel-machine{padding:10px;gap:7px;border-radius:20px}.reel-window{border-radius:9px}.demo-prize-banner{font-size:6px;line-height:1.7}.reel-odds{font-size:7px}.reel-odds strong{font-size:7px}.draw-orbit{max-width:240px}.game-card.arcade-tile:nth-child(3n){margin-top:4px}}@media(max-width:360px){.featured-tile .tile-title{font-size:31px}.featured-tile .tile-illustration{width:95px;height:95px;right:15px}.tile-title{font-size:21px}.tile-description{font-size:8px}}
.game-card.arcade-tile[data-game="prompt"]{grid-column:span 6;min-height:215px}.arcade-tile[data-game="prompt"] .tile-copy{padding:62px 26px 65px;max-width:65%}.arcade-tile[data-game="prompt"] .tile-illustration{right:45px;top:56px;width:110px;height:110px}.game-grid.single-game-grid{grid-template-columns:minmax(0,1fr);max-width:560px}.game-grid.single-game-grid .game-card.arcade-tile{grid-column:span 1;min-height:255px}.single-game-grid .tile-illustration{width:115px;height:115px;right:35px;top:60px}.single-game-grid .tile-copy{padding:85px 25px 70px;max-width:67%}.single-game-grid .tile-title{font-size:34px}.quick-play{margin-top:22px}@media(max-width:600px){.game-card.arcade-tile[data-game="prompt"]{grid-column:span 2;min-height:225px}.arcade-tile[data-game="prompt"] .tile-copy{padding-top:72px;max-width:67%}.arcade-tile[data-game="prompt"] .tile-illustration{width:80px;height:80px;right:20px;top:76px}.single-game-grid .tile-title{font-size:31px}.single-game-grid .tile-illustration{width:95px;height:95px;right:23px;top:68px}}
.boss-defeated{position:relative}.boss-shards{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.boss-shards i{position:absolute;width:9px;height:9px;background:#ffb190;box-shadow:0 0 8px #ffb19070;animation:boss-pixel-burst .85s var(--delay) ease-out both}.boss-shards i:nth-child(3n){background:#d5ff59}.boss-shards i:nth-child(3n+1){background:#c6a0ff}@keyframes boss-pixel-burst{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(180deg) scale(.3)}}
.games-section:before{transform:none}@media(max-width:600px){.game-card.arcade-tile[data-game="safe"]{grid-column:span 2;min-height:225px}.arcade-tile[data-game="safe"] .tile-copy{padding:72px 26px 65px;max-width:67%}.arcade-tile[data-game="safe"] .tile-illustration{width:80px;height:80px;right:20px;top:76px}}
.dialog-pointer-layer{position:absolute;left:0;right:0;top:0;overflow:clip;pointer-events:none;z-index:1000}.dialog-pointer-layer[hidden]{display:none}
/* These illustrations sit on light portals, so use bright surfaces and ink details. */
.arcade-tile .tile-illustration>svg{filter:drop-shadow(1px 0 0 #fff9) drop-shadow(-1px 0 0 #fff9) drop-shadow(0 1px 0 #fff9) drop-shadow(0 -1px 0 #fff9)}
/* One player, many adventures. */
.session-strip{display:flex;align-items:center;gap:13px;padding:0 0 15px}.player-pill{border:1px solid #8d6bad;border-radius:22px;background:#c2a0ff12;color:#dcbef6;font:600 11px 'Space Grotesk';padding:9px 14px;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-strip>span{font-size:9px;color:#a892b9}.session-exit{background:transparent;border:1px solid #715368;color:#f2c3d8;border-radius:6px;font-size:9px;padding:8px 10px;white-space:nowrap}.session-strip .session-exit{margin-left:auto}.session-exit:disabled{opacity:.3;cursor:default}.modal-top .session-exit{font-size:8px;padding:7px}.session-dialog{width:min(740px,calc(100% - 24px));padding:29px;max-height:92dvh;overflow:auto}.session-dialog[open],.idle-dialog[open]{animation:dialog-enter .3s cubic-bezier(.16,1,.3,1) both}.session-dialog-close{position:absolute;top:17px;right:17px;z-index:4}.player-welcome{padding:10px 0}.player-welcome>img{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 5px}.player-welcome>.practice-label{display:table;margin:5px auto 17px}.player-welcome>.question-title{font-size:34px;text-align:center}.player-welcome>.question-context{text-align:center;max-width:430px;margin:12px auto 25px}.nickname-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nickname-options button{background:#a67deb16;border:1px solid #7e5d9f;border-radius:15px 6px 15px 6px;padding:17px 10px;color:#ebd4ff;font:600 12px/1.5 'Space Grotesk';min-height:72px;transition:background .2s,transform .2s}.nickname-options button:nth-child(2){background:#d5ff5910;color:#dcf5b2;border-color:#6b7e4c}.nickname-options button:nth-child(3){background:#ffb68612;color:#ffd2b3;border-color:#8c6350}.nickname-options button.chosen{outline:2px solid #d5ff59;outline-offset:2px}.name-form #shuffle-names{align-self:center;border:0;background:transparent;color:#c9a5ec;font-size:10px;padding:7px}.player-recap{padding-top:22px}.player-recap>.question-title{font-size:32px}.recap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.recap-stats>span{text-align:center;font-size:8px;letter-spacing:1.2px;color:#bca4cc;background:#b495ff0e;border:1px solid #654c79;border-radius:17px 6px 17px 6px;padding:16px 8px}.recap-stats strong{display:block;color:#d5ff59;font:600 35px 'Space Grotesk';margin-bottom:4px;letter-spacing:-1px}.session-highlights{display:grid;gap:8px;max-height:280px;overflow:auto;padding:2px}.session-highlights article{display:flex;align-items:center;gap:12px;border-bottom:1px solid #654b6f50;padding:10px 4px}.session-highlights article>span{color:#dfb8fb;font-size:24px}.session-highlights strong{font:500 14px 'Space Grotesk';color:#e5c8f9}.session-highlights p{margin:5px 0 0;color:#b69bc7;font-size:10px}.idle-dialog{width:min(460px,calc(100% - 30px));border-color:#b59b69;text-align:center;padding:30px}.idle-dialog>img{width:105px;height:105px;object-fit:contain}.idle-dialog .practice-label{display:table;margin:0 auto 15px}.idle-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:13px 0}.idle-dialog>p{color:#c7b2d5;font-size:12px;line-height:1.8}.idle-dialog>.form-note{font-size:9px;color:#a993b8}.idle-countdown{height:6px;background:#49334f;border-radius:6px;overflow:hidden;margin:20px 0 15px}.idle-countdown span{display:block;background:linear-gradient(90deg,#cba5ff,#ffe092);height:100%;width:100%;transition:width .25s linear}.idle-dialog .result-buttons{margin-top:25px}.idle-dialog .primary{font-size:10px}.idle-dialog .outline-button{font-size:10px}.question-clock{border:1px solid #856e44;border-radius:11px;background:#ffc77908;padding:10px 13px;margin:13px 0 7px;position:relative}.question-clock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.clock-caption{font:600 8px 'Space Grotesk';letter-spacing:1.5px;color:#f2cc9c}.clock-seconds{font:700 22px/1 'Space Grotesk';color:#e2ff96;font-variant-numeric:tabular-nums}.clock-track{height:9px;border-radius:9px;background:#48304e;position:relative}.clock-fill{display:block;height:100%;width:100%;border-radius:9px;background:linear-gradient(90deg,#9471f2,#e7a1fa 45%,#ffbc6e 80%,#fff5b4);box-shadow:0 0 13px #ffb56c4d;transition:width .08s linear;position:relative}.clock-fill>i{position:absolute;right:-6px;top:-8px;color:#fff0a1;text-shadow:0 0 14px #ffb565;font-style:normal;font-size:23px;line-height:23px;transform:rotate(10deg)}.clock-fill:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0,transparent 12px,#fff5 12px,#fff5 15px);background-size:40px 100%;border-radius:9px}.clock-running .clock-fill:after{animation:clock-streak .4s linear infinite}.clock-running .clock-fill>i{animation:clock-flame .3s ease-in-out infinite alternate}.clock-rule{display:block;color:#a78db8;font-size:7px;line-height:1.6;margin-top:8px}.clock-urgent{border-color:#ff9a80;background:#ff90750d}.clock-urgent .clock-seconds{color:#ffbd9d}.clock-urgent.clock-running{animation:clock-pulse .6s ease-in-out infinite alternate}.clock-expired .clock-seconds{color:#ff9dbb}.clock-expired .clock-fill{box-shadow:none}.photo-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:21px}.photo-layout canvas{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #09051070;background:#211332}.photo-heading{padding-top:14px}.photo-heading>.question-title{font-size:27px}.photo-controls{display:grid;gap:13px}.photo-controls>label:not(.photo-upload){display:grid;gap:8px;color:#cdb3df;font-size:10px}.photo-controls input[type=range]{width:100%;accent-color:#c2a0ff}.photo-upload{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px dashed #b18bd1;background:#b48de015;border-radius:10px;padding:14px 12px;font:600 12px 'Space Grotesk';color:#dec0f6;cursor:pointer}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.photo-frame-options{display:flex;gap:8px}.photo-frame-options button{flex:1;padding:10px 7px;border:1px solid #80628f;background:#a983d213;color:#dabce9;border-radius:8px;font-size:9px}.photo-frame-options button[aria-pressed=true]{border-color:#d5ff59;color:#d5ff59}.photo-controls .primary{justify-content:center;font-size:10px;padding:12px}.photo-controls>.form-note{font-size:8px;line-height:1.7;margin:0}.photo-controls .text-button{margin:0;padding:5px;font-size:9px}@keyframes clock-streak{to{background-position:40px 0}}@keyframes clock-flame{from{scale:.85;rotate:-10deg}to{scale:1.15;rotate:15deg}}@keyframes clock-pulse{from{box-shadow:0 0 0 #fa987000}to{box-shadow:0 0 18px #ff9c7030}}@media(max-width:600px){.session-strip{gap:8px;padding-bottom:12px;flex-wrap:wrap}.player-pill{font-size:9px;max-width:70%;padding:8px 11px}.session-strip>span{font-size:7px;order:3;width:100%;padding-left:9px}.session-strip .session-exit{font-size:8px;padding:7px}.modal-top .session-exit{font-size:6px;padding:6px}.modal-top .eyebrow{font-size:6px;letter-spacing:.5px}.session-dialog{padding:23px 18px;max-height:94dvh}.session-dialog-close{top:12px;right:12px;width:30px;height:30px}.player-welcome>img{width:83px;height:83px}.player-welcome>.question-title{font-size:28px}.nickname-options{grid-template-columns:1fr;gap:7px}.nickname-options button{min-height:45px;font-size:12px;padding:10px}.player-welcome>.question-context{font-size:10px;margin-bottom:16px}.player-welcome>.practice-label{font-size:8px}.player-welcome .name-form{gap:11px}.recap-stats{gap:8px}.recap-stats strong{font-size:29px}.recap-stats>span{font-size:7px;padding:14px 6px;letter-spacing:.7px}.player-recap>.question-title{font-size:26px}.session-highlights strong{font-size:12px}.session-highlights p{font-size:9px}.photo-layout{grid-template-columns:1fr;gap:17px}.photo-layout canvas{max-width:300px;margin:auto}.photo-heading>.question-title{font-size:25px}.photo-controls{gap:12px}.photo-controls>label:not(.photo-upload){font-size:10px}.photo-upload{font-size:12px}.photo-frame-options button{font-size:10px}.question-clock{padding:9px 11px;margin-top:11px}.clock-seconds{font-size:20px}.clock-rule{font-size:6px}.clock-caption{font-size:7px}.idle-dialog{padding:24px 19px}.idle-dialog h2{font-size:26px}}
/* The photo booth is a destination, with its own souvenir menu. */
.game-card.arcade-tile[data-game="photo-booth"]{grid-column:span 6;min-height:248px}.arcade-tile[data-game="photo-booth"] .tile-copy{padding:64px 30px 75px;max-width:66%}.arcade-tile[data-game="photo-booth"] .tile-title{font-size:40px;max-width:none;letter-spacing:-1.8px}.arcade-tile[data-game="photo-booth"] .tile-description{max-width:390px;font-size:12px}.arcade-tile[data-game="photo-booth"] .tile-illustration{width:165px;height:165px;right:48px;top:44px}.arcade-tile[data-game="photo-booth"] .tile-foot{bottom:28px;left:30px;right:30px;font-size:10px}.photo-tile-art{position:relative;display:block;width:100%;height:100%}.photo-tile-art>img{width:100%;height:100%;object-fit:contain}.photo-tile-art>svg{position:absolute;width:92px;height:85px;bottom:4px;right:-23px;rotate:-9deg;filter:drop-shadow(3px 4px #5b214d30)}.photo-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-camera-button{border:1px solid #d5ff5980;background:#d5ff5912;color:#def6ad;border-radius:10px;padding:13px 9px;font:600 11px 'Space Grotesk'}.photo-source-actions .photo-upload{font-size:10px;padding:13px 7px}.photo-frame-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-frame-options .frame-theme-button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:7px 5px 9px;font-size:8px;border-radius:10px;background:#17111e;border:1px solid #695079;color:#dac3e8;min-width:0}.frame-chip-preview{position:relative;background:var(--frame-bg);border:3px solid var(--frame-secondary);border-bottom:10px solid var(--frame-accent);border-radius:5px;width:47px;height:57px;display:grid;place-items:center;transform:rotate(-5deg);box-shadow:2px 3px 0 #09051066}.frame-chip-preview img{width:39px;height:39px;object-fit:contain;background:#f9f0ff;border-radius:2px}.frame-chip-preview i{position:absolute;right:-8px;top:-7px;color:var(--frame-accent);text-shadow:0 1px #3a214a;font-size:15px;font-style:normal}.photo-frame-options .frame-theme-button[aria-pressed=true]{background:#d5ff590b;border-color:#d5ff59;color:#d5ff59;box-shadow:0 0 0 1px #d5ff5930}.photo-formats{display:flex;gap:8px}.photo-formats button{flex:1;border:1px solid #7b5a8c;background:#22172d;color:#cfb4df;padding:9px;border-radius:7px;font-size:9px}.photo-formats button[aria-pressed=true]{border-color:#c8a0ff;color:#e6c9ff;background:#b695e516}.photo-controls label.photo-checkbox{display:flex;align-items:center;gap:8px;font-size:9px}.photo-checkbox input{accent-color:#d5ff59}.photo-preview{min-width:0;position:sticky;top:0}.photo-preview canvas{max-height:none}.photo-preview-note{display:block;text-align:center;color:#b9a0ca;font-size:8px;line-height:1.7;margin:10px 0}.photo-controls{gap:12px}.photo-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:22px}.camera-panel{border:1px solid #ad8aca;background:#110d18;border-radius:12px;padding:10px;display:grid;gap:9px}.camera-panel[hidden]{display:none}.camera-panel video{width:100%;max-height:240px;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#09060e}.mirror-camera{transform:scaleX(-1)}.camera-panel .form-note{font-size:8px;margin:0;line-height:1.6}.camera-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.camera-actions .primary{font-size:8px;padding:10px}.camera-actions .outline-button{font-size:8px;padding:9px}.camera-actions .text-button{font-size:8px;padding:5px}.session-souvenirs{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.session-souvenirs>span{font-size:9px;line-height:1.6;border:1px solid #8d6c48;border-radius:20px;padding:6px 10px;background:#ffce8510;color:#e6bd8d}@media(max-width:1200px){.arcade-tile[data-game="photo-booth"] .tile-title{font-size:36px}.arcade-tile[data-game="photo-booth"] .tile-illustration{right:40px}}@media(max-width:600px){.game-card.arcade-tile[data-game="photo-booth"]{grid-column:span 2;min-height:247px}.arcade-tile[data-game="photo-booth"] .tile-copy{padding:70px 23px 76px;max-width:66%}.arcade-tile[data-game="photo-booth"] .tile-title{font-size:32px;letter-spacing:-1.3px}.arcade-tile[data-game="photo-booth"] .tile-description{font-size:10px}.arcade-tile[data-game="photo-booth"] .tile-illustration{width:107px;height:107px;right:28px;top:77px}.photo-tile-art>svg{width:62px;height:58px;right:-15px;bottom:2px}.arcade-tile[data-game="photo-booth"] .tile-foot{bottom:25px;left:23px;right:24px;font-size:8px}.arcade-tile[data-game="photo-booth"] .tile-foot>span:first-child{max-width:230px}.photo-layout{grid-template-columns:1fr;gap:16px}.photo-preview{position:relative;top:auto}.photo-preview canvas{max-width:290px;margin:auto}.photo-frame-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.photo-frame-options .frame-theme-button{font-size:9px;padding-bottom:10px}.photo-source-actions .photo-upload{font-size:11px}.photo-camera-button{font-size:11px}.photo-formats button{font-size:10px}.photo-controls label.photo-checkbox{font-size:9px}.session-souvenirs>span{font-size:8px}}
.photo-save-link{display:block;text-align:center;border:1px solid #d5ff5970;border-radius:7px;padding:10px;background:#d5ff5910;color:#e2f9b7;font-size:10px;line-height:1.6}.photo-save-link:focus-visible{outline:2px solid #d5ff59;outline-offset:3px}

.photo-sharing{border-top:2px dashed #bda0d95c;margin-top:18px;padding-top:18px;display:grid;gap:12px;min-width:0}.photo-sharing h3{margin:0;font-size:1.5rem}.photo-sharing label{display:grid;gap:7px}.photo-sharing textarea,.photo-sharing select{width:100%;max-width:100%;box-sizing:border-box;font:inherit;color:#f8efff;background:#21182f;border:1px solid #b89ccc;border-radius:12px;padding:12px}.photo-sharing textarea{resize:vertical;font-size:14px;line-height:1.5}.social-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.social-shortcuts a{border:1px solid #bda0d9;border-radius:10px;padding:10px;color:#f3e9ff;text-decoration:none;font-weight:700;font-size:13px}.social-shortcuts a:hover{background:#623b81}.social-draw-note{padding:12px;border-radius:12px;background:#bda0d912;font-size:13px;line-height:1.5}.social-draw-note summary{cursor:pointer;font-weight:700}.social-draw-note p{margin:10px 0 0}

.games-section{scroll-margin-top:24px}#game-picker-title:focus-visible{outline:2px solid #d5ff59;outline-offset:8px;border-radius:5px}

/* Filled answer tiles draw attention after the question reveal. */
#quiz .answer{--answer-fill:#d5bbff;--answer-edge:#a57ae5;background:var(--answer-fill);color:#241631;border:2px solid var(--answer-edge);border-bottom-width:5px;border-radius:14px;min-height:62px;padding:15px 17px;align-items:center;font-size:15px;font-weight:700;line-height:1.5;box-shadow:0 4px 0 #100b1a33;transition:transform .15s,box-shadow .15s,filter .15s}
#quiz .answer:nth-child(2){--answer-fill:#9ee1ed;--answer-edge:#56aabb}
#quiz .answer:nth-child(3){--answer-fill:#ffe19d;--answer-edge:#cea44e}
#quiz .answer:nth-child(4){--answer-fill:#b9caff;--answer-edge:#7a92d7}
#quiz .answer>span{display:grid;place-items:center;flex:0 0 32px;min-height:32px;border-radius:9px;background:#24163116;color:#241631;font-size:14px;font-weight:800}
#quiz .answer:not(:disabled):hover{background:var(--answer-fill);border-color:var(--answer-edge);filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 7px 0 #100b1a33}
#quiz .answer:focus-visible{outline:3px solid #fff8ed;outline-offset:4px}
#quiz .answer:disabled{opacity:.72}
#quiz .answer.correct{background:#ccf69a;border-color:#77aa42;color:#20351a;opacity:1;box-shadow:0 0 24px #ccf69a33}
#quiz .answer.incorrect{background:#ffc0c7;border-color:#d66b7b;color:#4f1c29;opacity:1}
#quiz .answer.correct::after{content:'✓';margin-left:auto;font-size:23px;font-weight:800}
#quiz .answer.incorrect::after{content:'×';margin-left:auto;font-size:25px;font-weight:800}
@media(max-width:600px){#quiz .answer{min-height:60px;font-size:14px;padding:13px;gap:11px}}
@media(prefers-reduced-motion:reduce){#quiz .answer{transition:none}#quiz .answer:not(:disabled):hover{transform:none}}
body.no-motion #quiz .answer{transition:none}body.no-motion #quiz .answer:not(:disabled):hover{transform:none}

/* A stable frame: content scrolls, close and next/save controls stay in view. */
#quiz[open],#session-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:94dvh;padding:0}
#quiz .modal-top{flex:none;margin:0;padding:14px 20px;background:#1c1928;border-bottom:1px solid #65507955;z-index:3}
#session-dialog .session-dialog-close{position:relative;top:auto;right:auto;align-self:flex-end;flex:none;margin:9px 12px 3px;z-index:3}
#quiz-body,#session-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.dialog-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:18px 24px 24px;scroll-padding:18px}
.dialog-actions{flex:none;background:#211b2e;border-top:1px solid #a78ac34d;padding:12px 20px;box-shadow:0 -7px 22px #100c1826;z-index:3}
.dialog-actions:not(:has(button:not(.hidden):not([hidden]))){display:none}
.dialog-actions .quiz-actions,.dialog-actions .session-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.dialog-actions button{min-height:44px}
.dialog-actions .primary{font-size:12px;padding:12px 17px}
#quiz.memory-dialog{padding:0}
#quiz .answers.answered .answer:not(.correct):not(.incorrect){background:#292334;border-color:#50445f;color:#bfb0ce;opacity:.62;box-shadow:none}
#quiz .answers.answered .answer:not(.correct):not(.incorrect)>span{background:#ffffff0a;color:inherit}
#quiz .answer{transition:background-color .24s ease,border-color .24s ease,color .24s ease,opacity .24s ease,transform .16s ease,box-shadow .2s ease}
#quiz .selected-answer{animation:answer-lock .22s ease-out}
@keyframes answer-lock{0%{transform:scale(1)}45%{transform:scale(.985)}100%{transform:scale(1)}}
button:not(:disabled):not(.memory-card):active,.photo-upload:active{transform:scale(.98)}
.filter,.nav-item,.board-tabs button,.frame-theme-button,.photo-formats button,.nickname-options button{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .16s}
.frame-theme-button[aria-pressed=true],.photo-formats button[aria-pressed=true],.nickname-options .chosen{box-shadow:0 0 0 2px #d5ff5950}
.view:not(.hidden){animation:view-settle .2s ease-out}
@keyframes view-settle{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.dialog-scroll{padding:14px 16px 20px}.dialog-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.dialog-actions .quiz-actions,.dialog-actions .session-actions{gap:8px}.dialog-actions .primary,.dialog-actions .outline-button{font-size:11px;padding:11px 12px;flex:1}#quiz .modal-top{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){#quiz .answer,.filter,.nav-item,.frame-theme-button,.photo-formats button,.nickname-options button{transition:none}.view:not(.hidden),#quiz .selected-answer{animation:none}button:not(:disabled):not(.memory-card):active,.photo-upload:active{transform:none}}
body.no-motion .view:not(.hidden),body.no-motion #quiz .selected-answer{animation:none}body.no-motion #quiz .answer{transition:none}body.no-motion button:active{transform:none}
.feedback{animation:feedback-settle .22s ease-out}@keyframes feedback-settle{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.camera-panel video{max-height:35dvh;object-fit:contain}body.no-motion .feedback{animation:none}
@media(prefers-reduced-motion:reduce){.feedback{animation:none}}

/* Official artwork stays intact: no cropping, recolouring, or effects. */
.brand{display:block;background:none;box-shadow:none;border-radius:0;width:48px;height:48px;line-height:normal}.brand img{display:block;width:48px;height:48px;object-fit:contain}
.official-wordmark{display:block;flex:none;max-width:300px}.official-wordmark picture{display:block}.official-wordmark img{display:block;width:300px;height:auto;object-fit:contain}.official-wordmark small{margin:0 0 0 76px;font-size:8px;letter-spacing:2px}
header{height:auto;min-height:116px;padding:9px 0;gap:14px}
.community-branding{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #a58bb02b;margin-bottom:16px;padding:8px 0 12px;color:#b4a3bf;font-size:11px}
.jetbrains-support{display:flex;align-items:center;gap:18px;color:#d6cadf;text-decoration:none;font-size:10px;min-width:0}.jetbrains-support img{display:block;width:130px;height:auto;object-fit:contain;margin:14px}.jetbrains-support:hover span{text-decoration:underline}.jetbrains-support:focus-visible{outline:2px solid #d5ff59;outline-offset:4px;border-radius:4px}
@media(max-width:1050px){.official-wordmark{max-width:240px}.official-wordmark img{width:240px}.official-wordmark small{margin-left:62px;font-size:7px}.event{font-size:7px}header{gap:8px}}
@media(max-width:600px){header{min-height:94px;padding:8px 0;align-items:center;gap:8px;flex-wrap:wrap}.official-wordmark{display:flex;align-items:center;gap:10px;max-width:none}.official-wordmark img{width:57px;height:57px}.official-wordmark small{margin:0;font-size:7px;max-width:80px;line-height:1.8;letter-spacing:1.3px}.community-branding{margin-bottom:12px;padding:0 0 8px;gap:8px}.community-branding>span{font-size:9px;max-width:75px}.jetbrains-support{gap:0;font-size:9px}.jetbrains-support img{width:104px;margin:12px}.header-actions{margin-left:auto}}

/* Arcade preferences live together, leaving the play surface calm. */
.arcade-settings{width:min(480px,calc(100% - 24px));padding:24px;max-height:92dvh;overflow:auto}.settings-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.settings-heading h2{font:700 28px 'Space Grotesk';margin:12px 0 0;letter-spacing:-1px}.settings-heading .icon-button{flex:none}.arcade-settings>p{font-size:12px;line-height:1.7;color:#c6b4d4}.settings-list{display:grid;gap:10px;margin:22px 0}.settings-list button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:15px;background:#a77bce10;border:1px solid #69517d;border-radius:13px;font-weight:700}.settings-list button small{display:block;color:#b9a4ca;font-size:10px;font-weight:400;margin-top:6px}.settings-list button b{flex:none;min-width:43px;text-align:center;background:#46394f;border-radius:20px;padding:7px;font-size:11px}.settings-list button[aria-pressed=true] b{color:#27331a;background:#d5ff59}.settings-list button:disabled{opacity:.65;cursor:default}.settings-done{width:100%;justify-content:center}.header-actions #open-settings{font-size:12px;min-height:42px;white-space:nowrap}#quiz-settings{margin-left:auto}
.dialog-actions .round-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%}.round-actions button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;min-width:0;border-radius:12px;font-size:12px;padding:10px 7px;line-height:1.3}.round-actions button>span{font-size:20px}.round-actions small{font-size:8px;font-weight:400;line-height:1.5;opacity:.8;max-width:130px}.round-actions .primary{box-shadow:0 3px 0 #809b2c;font-size:12px}.round-learning{border:1px solid #8f6daf50;background:#a879cf0a;border-radius:13px;padding:13px 15px;margin:20px 0;font-size:12px}.round-learning>summary{cursor:pointer;color:#dfc5f7;font-weight:700;line-height:1.5}.round-learning .learning-recap{border:0;padding:0;margin-top:16px}.round-learning .learning-recap h3{font-size:19px}.round-learning .learning-recap .eyebrow{display:none}.answer-shortcuts{text-align:center;font-size:9px;color:#ad99bd;margin:10px 0}.result-badge{letter-spacing:1.5px}.arcade-settings[open]{animation:dialog-enter .2s ease-out}
@media(max-width:600px){.dialog-actions .round-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.round-actions button,.dialog-actions .round-actions .primary{padding:10px 7px;font-size:12px;min-height:54px;display:grid;grid-template-columns:20px auto;gap:5px}.round-actions button>span{font-size:18px}.round-actions small{display:none}.arcade-settings{padding:20px 17px}.settings-heading h2{font-size:25px}.header-actions #open-settings{font-size:11px}.official-wordmark{max-width:190px}.answer-shortcuts{display:none}}
@media(prefers-reduced-motion:reduce){.arcade-settings[open]{animation:none}}body.no-motion .arcade-settings[open]{animation:none}
.header-actions #booth{display:flex;gap:8px;align-items:center;font-size:12px;min-height:42px;white-space:nowrap}.header-actions #booth b{font-size:9px;font-weight:600;color:#bda7cf}.header-actions #booth[aria-pressed=true]{background:#d5ff5915;border-color:#b9d668}.header-actions #booth[aria-pressed=true] b{color:#d5ff59}@media(max-width:600px){.header-actions #booth{font-size:10px;padding:9px;gap:5px}.header-actions #booth b{display:none}.official-wordmark{max-width:170px}}

.mascot-controls{border:1px solid #a486bf5c;border-radius:15px;padding:13px;display:grid;gap:12px;background:#ac7dd50b}.mascot-controls h3{font:700 18px 'Space Grotesk';margin:0}.mascot-poses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mascot-poses button{border:1px solid #6f527f;background:#31233f;border-radius:10px;padding:7px 3px;color:#e9d6f8;min-width:0}.mascot-poses button img,.mascot-poses button>span{display:block;width:100%;height:42px;object-fit:contain;font-size:28px}.mascot-poses small{display:block;font-size:9px;margin-top:4px}.mascot-poses button[aria-pressed=true],.mascot-side button[aria-pressed=true]{border-color:#d5ff59;background:#d5ff5915;box-shadow:0 0 0 1px #d5ff5950}.mascot-side{display:flex;gap:8px}.mascot-side button{flex:1;border-radius:9px;background:#352641;border:1px solid #705781;padding:9px;font-size:10px}.mascot-controls label:not(.photo-checkbox){display:grid;gap:8px;font-size:10px;color:#cdb3df}.mascot-controls .form-note{font-size:10px;line-height:1.6;margin:0}.live-photo-stage{position:relative;overflow:hidden;border-radius:12px}.live-photo-stage video{display:block;width:100%}#camera-mascot{position:absolute;bottom:5%;right:4%;width:24%;pointer-events:none}#camera-mascot.mascot-moving{animation:photo-buddy-bob 2.3s ease-in-out infinite}#capture-countdown{position:absolute;inset:0;display:grid;place-items:center;font:800 84px 'Space Grotesk';color:#d5ff59;text-shadow:0 3px 20px #191029;pointer-events:none}@keyframes photo-buddy-bob{50%{transform:translateY(-5px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){#camera-mascot.mascot-moving{animation:none}}body.no-motion #camera-mascot.mascot-moving{animation:none}
.music-volume-label{display:grid;gap:10px;padding:0 15px 8px;color:#cdb8df;font-size:11px}.music-volume-label>span{display:flex;justify-content:space-between}.music-volume-label output{color:#d5ff59;font-variant-numeric:tabular-nums}.music-volume-label input{width:100%;accent-color:#d5ff59;min-height:25px}

[hidden]{display:none!important}.frame-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.frame-picker-heading h3{font:700 17px 'Space Grotesk';margin:0;max-width:155px}.frame-picker-heading .outline-button{padding:10px;font-size:10px;white-space:nowrap}.frame-chip-preview{border:9px solid var(--frame-accent);border-radius:12px;background:var(--frame-bg);height:76px}.frame-theme-button[data-frame=sunset] .frame-chip-preview{border-radius:35px 35px 10px 10px;border-color:#ff9d85}.frame-theme-button[data-frame=kodee] .frame-chip-preview{border-radius:26px;border-color:#c8a1ff}.frame-theme-button[data-frame=stickers] .frame-chip-preview{border:10px solid #fff8ed;outline:2px solid #28163d;border-radius:3px}.frame-theme-button[data-frame=terminal] .frame-chip-preview{border-radius:0;border-color:#40bfb3;outline:2px solid #9dffb0}.frame-theme-button[data-frame=postcard] .frame-chip-preview{border:9px dashed #bb5639;border-radius:5px;background:#ffe5a8}.frame-theme-button{padding:9px 7px;font-size:10px}.booth-capture-modes{display:flex;gap:8px}.booth-capture-modes button{flex:1;padding:12px 8px;border:1px solid #77588f;border-radius:12px;color:#dfc9ee;background:#31253d;font-weight:700;font-size:12px}.booth-capture-modes button[aria-pressed=true]{border-color:#d5ff59;background:#d5ff5915;color:#e7ffb0}.recorded-clip{padding:12px;border:1px solid #a48bbf;border-radius:15px;background:#271c33}.recorded-clip h3{margin:0 0 10px;font-size:16px}.recorded-clip video{display:block;width:100%;max-height:330px;border-radius:10px}.dialog-actions .photo-station-actions{display:grid;grid-template-columns:64px 46px 1fr 1fr;gap:8px;width:100%}.dialog-actions .photo-station-actions #record-clip{grid-column:1/-1;grid-row:1;background:#ffb6c4;color:#452030}.dialog-actions .photo-station-actions button{padding:11px 7px;font-size:11px;min-width:0}.photo-station-actions.video-mode #photo-back,.photo-station-actions.video-mode #footer-shuffle,.photo-station-actions.video-mode #photo-jump-sharing,.photo-station-actions.video-mode #download-badge{grid-row:2}#record-status{color:#f3d2df;line-height:1.6}
/* One framed preview for both capture actions. */
.booth-countdown{position:absolute;inset:0 0 35px;display:grid;place-items:center;pointer-events:none;font:800 clamp(70px,12vw,140px) 'Space Grotesk';color:#fff;text-shadow:0 4px 0 #28163d,0 0 45px #b56bff}.booth-countdown:empty{display:none}.recording-hud{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:10px 16px;border:1px solid #ffb3c0;border-radius:30px;background:#391021ee;color:#fff;font:700 13px 'Space Grotesk';white-space:nowrap;box-shadow:0 4px 20px #0005}.dialog-actions .photo-station-actions{grid-template-columns:64px 46px 1fr 1fr}.dialog-actions .photo-station-actions #take-photo,.dialog-actions .photo-station-actions #record-clip{grid-column:span 2;grid-row:1;padding:15px 10px;font-size:13px}.dialog-actions .photo-station-actions #take-photo{background:#d5ff59;color:#20172a}.dialog-actions .photo-station-actions #record-clip{background:#ffb6c4;color:#452030}.dialog-actions .photo-station-actions #record-clip.is-recording{background:#df3557;color:#fff;border-color:#ffa7b8;box-shadow:0 0 20px #ff507344}.photo-preview>video[hidden]{display:none}.photo-controls>.photo-upload{font-size:12px}.photo-station-actions button:disabled{opacity:.5;cursor:wait}
.dialog-actions .photo-station-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.booth-shuffle-hero{display:grid;grid-template-columns:60px 1fr;align-items:center;text-align:left;gap:3px 10px;padding:22px 18px;border:2px solid #d5ff59;background:#d5ff59;color:#24113f;border-radius:20px 6px 20px 6px;box-shadow:0 6px 0 #647831;font-family:'Space Grotesk';cursor:pointer;transition:transform .18s,box-shadow .18s}.booth-shuffle-hero>span{grid-row:span 2;font-size:52px;line-height:1}.booth-shuffle-hero strong{font-size:24px;letter-spacing:-1px}.booth-shuffle-hero small{font-size:10px;line-height:1.6}.booth-shuffle-hero:hover{transform:translateY(-2px);box-shadow:0 8px 0 #647831}.booth-shuffle-hero:active{transform:translateY(4px);box-shadow:0 2px 0 #647831}.booth-look-label{font-size:10px;color:#cbb4de;margin:5px 0;text-align:center}.booth-customize{border:1px solid #705786;border-radius:13px;background:#21182b}.booth-customize>summary{padding:16px;cursor:pointer;font:700 15px 'Space Grotesk';color:#f2e8ff}.booth-customize>summary>span{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#bba2d0}.booth-customize-body{display:grid;gap:14px;padding:0 14px 18px}.booth-customize-body h3{font-size:15px}.booth-sticker-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.booth-sticker-options button{display:grid;justify-items:center;gap:5px;background:#33243f;border:1px solid #735488;border-radius:10px;color:#e9d4f5;padding:7px 3px;font-family:'Space Grotesk';cursor:pointer}.booth-sticker-options button[aria-pressed=true]{border-color:#d5ff59;background:#d5ff5915;color:#d5ff59}.booth-sticker-thumb{width:60px;height:65px;background-image:url('assets/community-stickers.png');background-size:300% 400%;background-position:var(--sticker-position);border-radius:7px}.booth-sticker-options small{font-size:8px;line-height:1.4}.booth-customize .mascot-poses{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-preview-note{font-size:10px}.booth-customize summary:focus-visible,.booth-shuffle-hero:focus-visible{outline:3px solid #c7a0ff;outline-offset:4px}.no-motion .booth-shuffle-hero{transition:none}
@media(min-width:601px){.photo-preview canvas{display:block;width:auto;max-width:100%;max-height:max(280px,calc(100dvh - 370px));margin:0 auto;object-fit:contain}.photo-preview{align-self:start}.photo-preview-note{margin:7px 0}}
.photo-heading{padding-top:0}.photo-heading>.practice-label{margin:0 0 5px}.photo-heading>.question-title{margin:5px 0;font-size:25px}.photo-heading>.question-context{margin:8px 0;line-height:1.6}.photo-heading+.photo-layout{margin-top:14px}@media(min-width:601px){.photo-preview canvas{max-height:max(260px,calc(100dvh - 400px))}}
.dialog-actions .photo-station-actions #download-gif{grid-column:1/-1;padding:9px;border-color:#a587c2;color:#e8ccff;background:#30213f;font-size:11px}
.cloud-connection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0 11px;color:#c7b5d4;font-size:9px;line-height:1.5}.cloud-connection .text-button{font-size:10px;white-space:nowrap;color:#d5ff59}.cloud-game-loading{text-align:center;padding:35px 8px;color:#cbb5df}.cloud-game-loading:before{content:'✦';display:block;font-size:42px;color:#d5ff59;animation:cloud-warmup 1.3s ease-in-out infinite}.cloud-round-status{padding:9px 12px;color:#d5ffb4;border:1px solid #d5ff5940;border-radius:9px;font-size:11px;line-height:1.6}.no-motion .cloud-game-loading:before{animation:none}@keyframes cloud-warmup{50%{transform:rotate(35deg) scale(1.15);opacity:.55}}@media(prefers-reduced-motion:reduce){.cloud-game-loading:before{animation:none}}