@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--paper:#f5f0e7;--ink:#20231e;--muted:#77766e;--orange:#e97743;--green:#758b62;--line:#ded8cb;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:12px;z-index:9}.skip-link:focus{left:8px}.topbar{height:76px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-1.2px;font-size:20px}.brand>span:last-child{color:var(--orange)}.brand-mark{display:inline-grid;place-items:center;margin-right:8px;border-radius:50%;width:28px;height:28px;background:var(--orange);color:white;font-size:17px}.sound-button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 14px;color:var(--ink);font:500 12px 'DM Mono',monospace;cursor:pointer}.sound-button:hover{background:var(--white)}main{max-width:1000px;margin:auto;padding:42px 28px 0}.stage{position:relative;background:#e9e2d5;min-height:650px;border-radius:8px;overflow:hidden;padding:27px 38px;display:flex;flex-direction:column}.stage-top{z-index:2;display:flex;justify-content:space-between;align-items:center}.eyebrow,.timer,.kicker,.progress{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.4px;font-size:10px}.eyebrow{color:#67675e}.timer{color:var(--orange);font-size:14px}.scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#ebe2cf 0,#f4d9ae 65%,#b8c69a 65%,#9eae7e 100%)}.scene:after{content:'';position:absolute;left:-10%;right:-10%;height:180px;bottom:-108px;background:#8b9e6e;border-radius:50%}.sun{position:absolute;right:16%;top:17%;width:86px;height:86px;border-radius:50%;background:#e9a755;box-shadow:0 0 0 16px #e9a75522}.cloud{position:absolute;width:110px;height:26px;border-radius:30px;background:#f7eee0;opacity:.8}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:42px;height:42px;left:20px;top:-18px}.cloud:after{width:32px;height:32px;left:52px;top:-11px}.cloud-one{top:22%;left:17%}.cloud-two{top:35%;right:12%;transform:scale(.72)}.ladder{position:absolute;z-index:1;bottom:22%;left:52%;width:85px;height:350px;transform:rotate(8deg);border-left:9px solid #986c46;border-right:9px solid #986c46;display:flex;flex-direction:column;justify-content:space-around}.ladder i{height:7px;background:#986c46;width:100%;display:block}.climber{position:absolute;z-index:2;bottom:34%;left:48%;width:38px;height:115px;animation:climb 4s ease-in-out infinite alternate}.climber-two{left:56%;bottom:53%;transform:scale(.75);animation-delay:-2s}.head{position:absolute;left:9px;top:0;width:22px;height:24px;background:#a76643;border-radius:50%}.body{position:absolute;top:25px;left:4px;width:31px;height:47px;border-radius:12px 12px 5px 5px;background:#df7347}.climber-two .body{background:#546b54}.leg{position:absolute;top:68px;width:8px;height:43px;background:#35404a;border-radius:9px;transform-origin:top}.leg-a{left:10px;transform:rotate(18deg)}.leg-b{left:22px;transform:rotate(-20deg)}@keyframes climb{from{translate:0 25px}to{translate:0 -70px}}.intro-copy,.game-copy{z-index:2;position:relative;margin:auto 0 16px;max-width:590px}.kicker{color:#6c7064;margin:0 0 13px}.intro-copy h1,.game-copy h1{font-size:clamp(39px,6.5vw,68px);line-height:1.05;letter-spacing:-3px;margin:0 0 12px;font-weight:700}.intro-copy h1 em{font-family:'Playfair Display',serif;color:var(--orange);font-weight:600}.subtitle,.helper{font-size:15px;color:#64645b;margin:0 0 25px}.primary-button{background:var(--ink);border:0;border-radius:3px;color:white;padding:15px 20px;font:600 13px 'DM Sans',sans-serif;cursor:pointer}.primary-button span{font-size:17px;margin-left:18px}.primary-button:hover{background:#41473b}.game-copy{width:min(560px,100%);margin-top:auto;margin-bottom:auto}.game-copy h1{font-size:clamp(34px,5.2vw,55px);max-width:550px}.answers{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 25px}.answer{border:1px solid #aaa99c;background:#f9f5eb;border-radius:3px;padding:12px 16px;font:500 13px 'DM Sans',sans-serif;color:var(--ink);cursor:pointer;transition:.15s}.answer:hover,.answer:focus-visible{border-color:var(--orange);background:#fff2e8;transform:translateY(-2px)}.progress{display:flex;align-items:center;gap:13px;color:#6b6a60;font-size:9px}.progress-track{width:125px;height:3px;background:#c9c2b4}.progress-track i{display:block;width:0;height:100%;background:var(--orange);transition:width .3s}.subtitle-overlay{position:absolute;z-index:4;top:18%;left:0;right:0;text-align:center;font:700 clamp(20px,3.5vw,32px) 'DM Sans',sans-serif;color:var(--ink);text-shadow:0 2px 0 #fff9;pointer-events:none}.subtitle-overlay span{display:inline-block;animation:wordIn .22s ease-out}@keyframes wordIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.below{max-width:660px;margin:50px auto 80px}.below-lead{font:600 23px 'Playfair Display',serif;margin-bottom:10px}.below>p:not(.below-lead){color:var(--muted);font-size:14px;line-height:1.8}.trust-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;gap:15px;color:var(--muted);font-size:13px;line-height:1.7}.trust-note>span{color:var(--orange);font-size:22px}footer{padding:26px 7vw 38px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px 24px}.footer-brand{font-size:16px}.footer-links{display:flex;gap:22px;color:var(--muted);font:10px 'DM Mono',monospace;align-items:center}.footer-links a,footer .about a{color:inherit}footer .about{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.7;margin:0}@media(max-width:600px){.topbar{padding:0 20px;height:65px}main{padding:18px 12px 0}.stage{min-height:690px;padding:21px 20px}.scene{background:linear-gradient(180deg,#ebe2cf 0,#f4d9ae 58%,#b8c69a 58%,#9eae7e 100%)}.ladder{height:310px;left:58%}.climber{left:52%}.climber-two{left:64%}.intro-copy h1,.game-copy h1{letter-spacing:-1.8px}.intro-copy{margin-bottom:30px}.answers{gap:7px}.answer{padding:11px 12px}.below{padding:0 12px;margin:38px auto 55px}footer{padding:23px 20px 30px;grid-template-columns:1fr}.footer-links{grid-row:2;flex-wrap:wrap}.footer-brand{grid-row:1}footer .about{grid-column:1;grid-row:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

.scene.zoomed{animation:sceneZoom 7s ease-in-out forwards;transform-origin:54% 56%}@keyframes sceneZoom{to{transform:scale(1.19)}}


.share-form{display:grid;gap:12px;max-width:420px}.share-form label{display:grid;gap:6px;font-size:12px;font-weight:600}.share-form label span,.form-note{font-weight:400;color:#77766e}.share-form input{width:100%;border:1px solid #aaa99c;border-radius:3px;padding:12px;background:#fffdf8;font:14px 'DM Sans',sans-serif}.share-form .primary-button{justify-self:start}.share-form .answer{justify-self:start}.form-note{font-size:11px;line-height:1.6;margin:0}

/* Night-mode arcade game skin */
:root{--paper:#090b14;--ink:#f5f4ff;--muted:#a4a6bd;--orange:#ffb547;--green:#60dfcb;--line:#292c40;--white:#171a2b}
body{background:#090b14;color:#f5f4ff;background-image:radial-gradient(ellipse at 50% -30%,#272143 0,transparent 56%)}
.topbar,footer{border-color:#292c40;background:#0b0d18}.brand{color:#f5f4ff}.brand>span:last-child{color:#69e6d2}.brand-mark{background:#8d72ff;color:#fff}.sound-button{border-color:#373952;color:#e8e7f4}.sound-button:hover{background:#1a1d30}
main{max-width:1040px}.stage{min-height:700px;background:#101322;border:1px solid #343650;border-radius:18px;box-shadow:0 28px 100px #0008,0 0 45px #8b71ff12;isolation:isolate}.stage:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#65e6d0,#a78bfa,#ffb547);z-index:3}.stage-top{padding:2px 3px}.eyebrow{color:#9ca1be}.timer{font:600 15px 'DM Mono',monospace;color:#71ead6;background:#102a2b;border:1px solid #23615c;border-radius:999px;padding:9px 14px;box-shadow:0 0 18px #63ead633}
.scene{z-index:-1;background:radial-gradient(ellipse at 55% 38%,#272045 0,#111526 55%,#0c1020 100%)}.scene:after{background:#1b263b;opacity:.8}.sun{background:#a184ff;box-shadow:0 0 0 16px #a184ff1f,0 0 60px #a184ff77}.cloud{background:#30334b;opacity:.6}.ladder{border-color:#e9ac5e;filter:drop-shadow(0 0 8px #ffb54755)}.ladder i{background:#e9ac5e}.climber .head{background:#d89a78}.climber .body{background:#9b7bff}.climber-two .body{background:#5ce0ca}.climber .leg{background:#d9d7ec}
.intro-copy h1,.game-copy h1{color:#fbf9ff}.intro-copy h1 em{color:#ffb65c}.kicker{color:#8c91b2}.subtitle,.helper{color:#c0c2d4}.primary-button{color:#10111b;background:linear-gradient(100deg,#68e6d2,#a88cff);border-radius:9px;box-shadow:0 8px 28px #8c72ff33;transition:transform .18s,box-shadow .18s}.primary-button:hover{color:#10111b;background:linear-gradient(100deg,#8af3e5,#c1aaff);box-shadow:0 10px 34px #8c72ff66;transform:translateY(-2px)}
.game-copy{max-width:700px;width:100%;margin:auto auto 12px;padding:28px 30px 22px;background:#121628eF;border:1px solid #353953;border-radius:17px;box-shadow:0 20px 64px #0005;backdrop-filter:none}.game-copy h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;min-height:1.2em}.game-copy .helper{min-height:1.5em}.answers{gap:11px}.answer{color:#e9e9f5;border:1px solid #494d68;background:#1b2035;border-radius:9px;padding:13px 18px;font-weight:600;transition:all .16s}.answer:hover,.answer:focus-visible{color:#fff;background:#272846;border-color:#a58cff;box-shadow:0 0 20px #9679ff27;transform:translateY(-2px)}.progress{margin-top:25px;color:#9297b4}.progress-track{background:#34374d;border-radius:5px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#67e4d3,#a68cff);box-shadow:0 0 10px #75e4da}.back-button{margin-right:auto;border:1px solid #484c67;background:transparent;color:#c7c9dc;border-radius:8px;padding:8px 11px;font:500 11px 'DM Mono',monospace;letter-spacing:.5px;cursor:pointer}.back-button:hover{border-color:#8f78e8;color:white;background:#8f78e81c}.subtitle-overlay{color:#fff;text-shadow:0 2px 16px #000}
.asker-row{display:flex;align-items:center;gap:18px;margin:0 0 16px}.asker-avatar{position:relative;width:92px;flex:0 0 92px;filter:drop-shadow(0 0 15px #9577ff35);animation:avatarFloat 3s ease-in-out infinite}.asker-avatar svg{display:block;width:100%;overflow:visible}.avatar-halo{fill:#222443;stroke:#7562c9;stroke-width:2}.avatar-neck{fill:#cf8d69}.avatar-shirt{fill:#8f78e8}.avatar-ear,.avatar-face{fill:#e6ad8a}.avatar-hair{fill:#272239}.avatar-brow{fill:none;stroke:#302234;stroke-width:3;stroke-linecap:round;transition:.2s}.avatar-eye{fill:#231f34;transform-origin:center;transition:.2s}.avatar-mouth{fill:none;stroke:#774154;stroke-width:3;stroke-linecap:round;transition:.2s}.avatar-blush{fill:none;stroke:#d78082;stroke-width:4;stroke-linecap:round;opacity:.7}.avatar-status{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #474469;background:#17182c;color:#a99bff;border-radius:999px;padding:4px 7px;font:500 7px 'DM Mono',monospace;letter-spacing:.8px}.avatar-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6df0d5;margin-right:4px;box-shadow:0 0 7px #6df0d5}.asker-text .kicker{margin:0 0 6px;color:#b6a7ff}.avatar-caption{margin:0;color:#8389a8;font-size:12px}.asker-avatar.typing .avatar-eye{animation:blink .55s ease-in-out infinite alternate}.asker-avatar.typing .avatar-mouth{d:path('M49 73q11 2 22 0')}.asker-avatar.curious .brow-left{d:path('M41 49q8-9 15-2')}.asker-avatar.curious .brow-right{d:path('M65 47q8 7 15 2')}.asker-avatar.curious .avatar-mouth{d:path('M54 76q6-7 12 0')}.asker-avatar.happy .avatar-mouth,.asker-avatar.sad .avatar-mouth{d:path('M46 69q14 17 28 0')}.asker-avatar.sad .avatar-mouth{d:path('M46 78q14-15 28 0')}.asker-avatar.happy .avatar-halo{stroke:#60dfcb}.asker-avatar.sad .avatar-halo{stroke:#7e668d}.thinking-dots{display:inline-flex;margin-left:3px;gap:2px}.thinking-dots i{font-style:normal;animation:dotPulse 1s infinite;opacity:.2}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}@keyframes dotPulse{50%{opacity:1}}@keyframes avatarFloat{50%{transform:translateY(-4px)}}@keyframes blink{to{transform:scaleY(.15)}}
.below{color:#e7e7f2}.below-lead{color:#fbf9ff}.below>p:not(.below-lead),.trust-note{color:#a4a6bd}.trust-note{border-color:#292c40}.trust-note>span{color:#69e6d2}footer .about,.footer-links{color:#9599b2}.footer-links a,footer .about a{color:#b9abff}.share-form input{background:#0d1020;border-color:#474b66;color:#f5f4ff}.form-note{color:#a4a6bd}.scene.zoomed{animation:sceneZoom 7s ease-in-out forwards;transform-origin:54% 56%}
@media(max-width:600px){.stage{min-height:720px;border-radius:13px;padding:20px 15px}.game-copy{padding:20px 17px 17px;border-radius:13px}.asker-avatar{width:76px;flex-basis:76px}.answers{gap:8px}.answer{padding:11px 12px}.progress{gap:8px}}
@media(prefers-reduced-motion:reduce){.asker-avatar,.thinking-dots i,.scene.zoomed{animation:none!important}.answer,.primary-button{transition:none}}

/* Solid arcade presentation: crisp panels, chunky controls, no glass effect. */
.game-copy{background:#141a2a;border:2px solid #414b6a;border-bottom:5px solid #30364e;border-radius:12px;box-shadow:0 8px 0 #05070c,0 18px 30px #0007;backdrop-filter:none;padding:26px 30px 22px}
.answer{background:#202943;border:2px solid #3b4968;border-radius:7px;box-shadow:0 4px 0 #11182a;color:#f4f6ff}.answer:active{transform:translateY(2px);box-shadow:0 1px 0 #11182a}.answer:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:0 4px 0 #11182a}
.primary-button{border-radius:7px;box-shadow:0 4px 0 #3d3a79,0 8px 18px #05070c}.primary-button:active{transform:translateY(3px);box-shadow:0 1px 0 #3d3a79}.back-button{border-radius:6px}.stage{border-radius:13px}.stage-top{font-weight:600}.timer{box-shadow:none;border-width:2px}.game-copy h1{animation:questionPop .24s ease-out}@keyframes questionPop{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.share-form input{border-radius:6px}.share-form .answer{box-shadow:none}.progress-track{height:6px;border-radius:3px}.progress-track i{border-radius:3px}
@media(max-width:600px){.game-copy{padding:20px 16px 18px}.answer{font-size:12px}}