:root{color-scheme:dark;--bg:oklch(13% .012 70);--bg-2:oklch(16% .014 70);--surface:oklch(20% .015 70);--surface-2:oklch(25% .016 70);--surface-3:oklch(30% .018 70);--text:oklch(93% .012 78);--muted:oklch(72% .016 78);--faint:oklch(55% .018 78);--line:oklch(93% .012 78/.13);--line-strong:oklch(93% .012 78/.26);--brand-accent:oklch(73% .14 50);--brand-accent-soft:oklch(73% .14 50/.14);--accent:oklch(73% .14 50);--accent-soft:oklch(73% .14 50/.14);--danger:oklch(65% .17 27);--radius:8px;--shadow:0 18px 44px oklch(5% .01 70/.28);font-family:Aptos,Segoe UI Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:linear-gradient(90deg, oklch(93% .012 78/.035) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(0deg, oklch(93% .012 78/.026) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(180deg, var(--bg-2), var(--bg) 46%, oklch(11% .013 70));min-height:100%;color:var(--text);text-rendering:optimizelegibility;margin:0;line-height:1.55}body:before{content:"";pointer-events:none;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,oklch(100% 0 0/.018) 0 1px,#0000 1px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}h1,h2,h3,p,blockquote{margin:0}::selection{background:var(--brand-accent);color:oklch(14% .012 70)}.site-header,.site-footer{align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:14px 20px;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:oklch(13% .012 70/.88);position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;font-weight:800;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--brand-accent), oklch(62% .13 35));color:oklch(14% .014 70);border-radius:7px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.25)}.top-nav{color:var(--muted);align-items:center;gap:6px;display:flex}.top-nav a,.lang-switch a,.site-footer a{border-radius:7px;transition:background .18s,color .18s,border-color .18s,transform .18s}.top-nav a{border:1px solid #0000;padding:8px 10px;font-size:14px}.top-nav a:hover,.lang-switch a:hover,.site-footer a:hover{color:var(--text);background:oklch(100% 0 0/.045)}.lang-switch{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.lang-switch a{color:var(--muted);border:1px solid var(--line);padding:5px 7px;font-size:12px;line-height:1.2}.lang-switch .active{color:oklch(15% .014 70);background:var(--accent);border-color:#0000;font-weight:800}.page-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 72px}.hero{align-content:center;gap:24px;min-height:560px;display:grid;position:relative}.split-hero,.challenge-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);align-items:center;gap:36px}.compact-hero{min-height:300px;padding:36px 0 20px}.play-layout{grid-template-columns:minmax(0,.82fr) minmax(420px,.88fr);align-items:start;gap:26px;padding:38px 0 12px;display:grid}.game-active .play-layout{grid-template-columns:minmax(0,760px);justify-content:center;padding-top:16px}.game-active .play-copy{display:none}.play-copy{gap:18px;padding-top:10px;display:grid;position:sticky;top:86px}.eyebrow{width:fit-content;color:var(--accent);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;font-weight:850;line-height:1.2;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}h1{max-width:760px;font-size:4.25rem;font-weight:900;line-height:.95}h2{font-size:2.4rem;font-weight:880;line-height:1}h3{font-size:1.2rem;line-height:1.12}.lead{color:var(--muted);max-width:670px;margin-top:18px;font-size:1.18rem;line-height:1.55}.hero-actions,.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.primary,.ghost,.link-button{border:1px solid var(--line-strong);cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:11px 15px;font-weight:800;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.primary{background:var(--brand-accent);color:oklch(14% .014 70);border-color:#0000}.ghost{color:var(--text);background:oklch(100% 0 0/.035)}.primary:hover,.ghost:hover,.link-button:hover{transform:translateY(-1px)}.primary:active,.ghost:active,.link-button:active,.choice-list button:active{transform:translateY(1px)scale(.99)}.primary:focus-visible,.ghost:focus-visible,.link-button:focus-visible,.choice-list button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-panel,.hero-stats,.game-card,.challenge-card,.seo-copy,.ad-slot,.language-card{background:linear-gradient(180deg, oklch(100% 0 0/.06), transparent 42%), var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.hero-panel{min-height:320px;box-shadow:var(--shadow);align-content:stretch;gap:16px;padding:18px;display:grid}.hero-panel span,.challenge-card span,.hero-panel .panel-label{color:var(--accent);font-size:12px;font-weight:850}.hero-panel strong{font-size:1.7rem;line-height:1.05;display:block}.hero-panel p{color:var(--muted)}.hero-console{overflow:hidden}.console-top{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding-bottom:14px;display:flex}.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.signal-grid span,.hero-stats span{min-width:0;color:var(--muted);border:1px solid var(--line);background:oklch(8% .01 70/.3);border-radius:8px;gap:5px;padding:12px;display:grid}.signal-grid strong,.hero-stats strong{color:var(--text);overflow-wrap:anywhere;font-size:1rem}.round-track{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.round-track li{border:1px solid var(--line);background:var(--surface-2);height:44px;color:var(--faint);border-radius:6px;place-items:center;font-size:11px;font-weight:800;display:grid}.round-track li:nth-child(3n),.round-track li:nth-child(8){background:var(--accent-soft);color:var(--accent);border-color:oklch(73% .14 50/.35)}.hero-stats{gap:8px;padding:14px;display:grid}.safety-note{color:var(--muted);background:oklch(65% .17 27/.08);border:1px solid oklch(65% .17 27/.35);border-radius:8px;padding:10px 12px;font-size:.92rem;line-height:1.45}.section-head{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:18px;margin:58px 0 18px;display:grid}.section-head p{color:var(--muted);max-width:55ch}.challenge-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.challenge-card{grid-column:span 3;align-content:start;gap:10px;min-height:230px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.challenge-card:before{content:"";background:var(--brand-accent);height:3px;position:absolute;inset:0 0 auto}.challenge-card:after{content:"";border:1px solid oklch(100% 0 0/.08);border-radius:8px;width:72px;height:72px;position:absolute;bottom:8px;right:14px;transform:rotate(12deg)}.challenge-card:hover{background:linear-gradient(180deg, var(--accent-soft), transparent 46%), var(--surface);border-color:oklch(73% .14 50/.46);transform:translateY(-2px)}.challenge-card h3{max-width:18rem;font-size:1.2rem}.challenge-card p{color:var(--muted);max-width:34ch}.type-code{color:oklch(93% .012 78/.18);font-size:3rem;font-weight:950;line-height:.9;display:block}.home-featured .challenge-card:first-child,.mbti-board .challenge-card:nth-child(4n+1){grid-column:span 5}.home-featured .challenge-card:nth-child(2),.mbti-board .challenge-card:nth-child(4n+2){grid-column:span 4}.home-featured .challenge-card:nth-child(3),.mbti-board .challenge-card:nth-child(4n+3){grid-column:span 3}.home-featured .challenge-card:nth-child(n+4){grid-column:span 4}.toxic-card{--accent:var(--danger)}.card-stats{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex;position:relative}.card-stats em{color:var(--muted);border:1px solid var(--line);background:oklch(100% 0 0/.025);border-radius:999px;padding:4px 7px;font-size:12px;font-style:normal}.type-grid,.mini-grid,.language-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.type-grid a,.mini-grid a,.language-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:center;gap:6px;min-height:96px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.type-grid a:hover,.mini-grid a:hover,.language-card:hover{background:var(--surface-2);border-color:oklch(73% .14 50/.42);transform:translateY(-1px)}.type-grid strong,.mini-grid strong,.language-card strong{color:var(--text);font-size:1.65rem;line-height:1}.type-grid span,.mini-grid span,.language-card span{color:var(--muted)}.game-shell{width:min(100%,640px);margin:14px auto 34px}.play-layout .game-shell{width:100%;margin:0}.game-card{min-height:500px;box-shadow:var(--shadow);align-content:start;gap:15px;padding:18px;display:grid}.game-active .game-card{min-height:auto}.game-card:has(>[data-action=start]){align-content:center;min-height:360px}.game-card>p{color:var(--muted)}.round-head{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.round-head strong{color:var(--text);text-align:right}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat-grid.toxic{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{border:1px solid var(--line);background:oklch(8% .01 70/.28);border-radius:8px;padding:9px;overflow:hidden}.stat span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.stat strong{margin-top:2px;font-size:1.35rem;line-height:1;display:block}.stat i{background:linear-gradient(90deg, var(--accent), oklch(80% .11 75));border-radius:999px;height:4px;margin-top:8px;display:block}.scene{border:1px solid var(--line);background:linear-gradient(90deg,oklch(100% 0 0/.04) 1px,#0000 1px) 0 0/18px 18px,oklch(8% .01 70/.24);border-radius:8px;padding:15px}.scene p{color:var(--muted)}.choice-feedback,.share-status{color:var(--text);background:var(--accent-soft);border:1px solid oklch(73% .14 50/.32);border-radius:8px;padding:9px 11px;font-size:.94rem}.share-status:empty{display:none}blockquote{color:var(--text);margin:14px 0 0;font-size:1.2rem;font-weight:760;line-height:1.28}.choice-list{gap:9px;display:grid}.choice-list button{text-align:left;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:60px;padding:12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.choice-list button:hover{background:oklch(28% .02 70);border-color:oklch(73% .14 50/.58)}.choice-list b{color:oklch(14% .014 70);background:var(--accent);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.choice-list span{min-width:0}.choice-list button:not(:has(b)){grid-template-columns:1fr}.result-card{text-align:center;align-content:center}.poster-card,.share-poster{background:radial-gradient(circle at 18% 18%, var(--accent-soft), transparent 34%), linear-gradient(180deg, oklch(100% 0 0/.08), transparent 48%), var(--surface)}.death-card{--accent:var(--danger)}.rank{color:var(--accent);background:var(--accent-soft);border:1px solid oklch(73% .14 50/.38);border-radius:999px;justify-content:center;justify-self:center;padding:8px 12px;display:inline-flex}.death-review{gap:8px;width:min(100%,390px);margin:8px auto 0;padding:0;list-style:none;display:grid}.death-review li{border:1px solid var(--line);color:var(--muted);text-align:left;background:oklch(8% .01 70/.25);border-radius:8px;padding:10px 12px}.seo-copy{background:oklch(18% .013 70/.78);gap:14px;margin:30px 0;padding:24px;display:grid}.seo-copy h2{font-size:1.55rem;line-height:1.15}.seo-copy p{color:var(--muted);max-width:72ch}.trust-copy{max-width:900px}.result-panel p{overflow-wrap:anywhere}.faq-list{gap:9px;display:grid}details{border:1px solid var(--line);background:oklch(8% .01 70/.22);border-radius:8px;padding:12px}summary{cursor:pointer;font-weight:760}details p{margin-top:9px}.related{margin-top:42px}.ad-slot{min-height:92px;color:var(--faint);background:oklch(15% .012 70/.7);border-style:dashed;place-items:center;margin:28px 0;display:grid}.ad-slot span{font-size:12px}.site-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:start;padding-top:22px;padding-bottom:30px}.site-footer strong{color:var(--text)}.site-footer p{max-width:680px;margin-top:8px}.site-footer nav{gap:6px;min-width:180px;display:grid}.site-footer nav a{padding:4px 6px}@media (width<=980px){h1{font-size:3.25rem}h2{font-size:2rem}.split-hero,.challenge-hero,.play-layout{grid-template-columns:1fr}.play-copy{position:static}.challenge-card,.home-featured .challenge-card:nth-child(n),.mbti-board .challenge-card:nth-child(n){grid-column:span 6}.type-grid,.mini-grid,.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:10px 14px;display:grid}.top-nav{grid-column:2/3;justify-content:flex-end;width:100%;padding-bottom:2px;overflow-x:auto}.top-nav a{white-space:nowrap;padding:7px 8px;font-size:13px}.lang-switch{flex-wrap:nowrap;grid-column:1/3;justify-content:flex-start;max-width:none;margin-left:0;padding-bottom:2px;overflow-x:auto}.lang-switch a{text-align:center;min-width:30px;padding:5px 6px;font-size:0}.lang-switch a:after{content:attr(data-lang-to);font-size:11px}.page-shell{width:min(100% - 28px,1180px);padding-top:18px;padding-bottom:52px}.hero{min-height:auto;padding:36px 0 24px}.compact-hero{padding-top:32px}.play-layout{padding-top:24px}.play-layout .game-shell{order:initial}h1{font-size:2.55rem;line-height:1}h2{font-size:1.75rem}.lead{font-size:1rem}.section-head{grid-template-columns:1fr;margin-top:42px}.challenge-card,.home-featured .challenge-card:nth-child(n),.mbti-board .challenge-card:nth-child(n){grid-column:span 12}.challenge-card{min-height:206px}.type-code{font-size:2.45rem}.signal-grid,.stat-grid,.stat-grid.toxic{grid-template-columns:repeat(2,minmax(0,1fr))}.round-track{grid-template-columns:repeat(6,minmax(0,1fr))}.round-track li{height:32px}.game-card{gap:10px;min-height:auto;padding:12px}.game-active .site-header{position:static}.game-active .top-nav,.game-active .lang-switch,.game-active .site-footer{display:none}.game-active .page-shell{padding-top:10px}.game-active .play-layout{padding-top:6px}.game-active .stat-grid,.game-active .stat-grid.toxic{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-active .stat{padding:7px}.game-active .stat strong{font-size:1.05rem}.game-active .scene{padding:10px}.game-active blockquote{margin-top:8px;font-size:1.02rem}.choice-list button{grid-template-columns:28px minmax(0,1fr);min-height:58px;padding:10px}.choice-list b{width:28px;height:28px}.site-footer{display:grid}}@media (width<=430px){.brand{gap:8px}.brand-mark{width:30px;height:30px}.lang-switch{max-width:none}.hero-actions,.actions{grid-template-columns:1fr;display:grid}.primary,.ghost,.link-button{width:100%;min-width:0}.type-grid,.mini-grid,.language-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}