:root{color-scheme:light;--bg:oklch(97.5% .016 84);--bg-2:oklch(94.5% .024 322);--surface:oklch(99% .006 84/.88);--surface-2:oklch(98% .012 82/.9);--surface-3:oklch(100% .004 84/.94);--text:oklch(19% .045 300);--muted:oklch(40% .038 285);--faint:oklch(55% .032 285);--line:oklch(22% .04 300/.14);--line-strong:oklch(22% .04 300/.34);--glass-hi:oklch(100% .004 84/.9);--glass-border:oklch(24% .04 300/.16);--paper-ink:oklch(22% .04 300);--paper-shadow:oklch(21% .04 300/.86);--brand-accent:oklch(72% .16 255);--brand-accent-soft:oklch(72% .16 255/.18);--accent:var(--brand-accent);--accent-soft:color-mix(in oklch, var(--accent) 16%, transparent);--accent-ink:color-mix(in oklch, var(--accent) 54%, oklch(24% .05 300));--btn-ink:oklch(16% .04 300);--danger:oklch(56% .2 22);--radius:12px;--radius-sm:12px;--shadow:8px 8px 0 var(--paper-shadow), 0 22px 48px oklch(42% .08 300/.14);--page-max:1320px;font-family:Aptos,Segoe UI Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans,Noto Sans JP,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(42rem 30rem at 8% 0%, oklch(92% .08 74/.7), transparent 66%), radial-gradient(38rem 28rem at 88% 4%, oklch(86% .1 255/.56), transparent 62%), radial-gradient(42rem 30rem at 56% 110%, oklch(92% .055 330/.58), transparent 66%), linear-gradient(180deg, var(--bg), var(--bg-2));min-height:100%;color:var(--text);text-rendering:optimizelegibility;background-attachment:fixed;margin:0;line-height:1.55}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(18% .03 300)}.site-header,.site-footer{max-width:var(--page-max);align-items:center;gap:16px;margin:0 auto;padding:14px 20px;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-hi) inset;-webkit-backdrop-filter:blur(16px)saturate(160%);background:oklch(98% .01 300/.66);position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;min-height:44px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,oklch(76% .13 310),oklch(66% .16 280));border:1px solid oklch(100% 0 0/.55);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.55),0 4px 12px oklch(66% .16 280/.35)}.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;align-items:center;min-height:44px;padding:8px 10px;font-size:14px;display:inline-flex}.top-nav a:hover,.lang-switch a:hover,.site-footer a:hover{color:var(--text);background:oklch(30% .05 300/.07)}.lang-switch{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.lang-switch a{min-width:44px;min-height:44px;color:var(--muted);border:1px solid var(--glass-border);background:oklch(100% 0 0/.4);border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:12px;line-height:1.2;display:inline-flex}.lang-switch .active{color:var(--btn-ink);background:var(--accent);border-color:#0000;font-weight:800}.page-shell{width:min(var(--page-max), calc(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:24px}.game-active .play-copy,.game-active .opening-dialogue{display:none}.play-copy{gap:18px;padding-top:10px;display:grid;position:sticky;top:86px}.eyebrow{width:fit-content;color:var(--accent-ink);border:1px solid var(--glass-border);background:oklch(100% 0 0/.45);border-radius:999px;align-items:center;gap:8px;padding:5px 11px;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}.challenge-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:620px;margin-top:18px;display:grid}.challenge-hub a{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:76px;box-shadow:0 1px 0 var(--glass-hi) inset;background:oklch(100% 0 0/.45);gap:4px;padding:12px;display:grid}.challenge-hub a:hover{border-color:color-mix(in oklch, var(--brand-accent) 45%, transparent);background:oklch(100% 0 0/.65)}.challenge-hub strong{font-size:.98rem}.challenge-hub span{color:var(--muted);font-size:.78rem;line-height:1.25}.primary,.ghost,.link-button{border:1px solid var(--glass-border);cursor:pointer;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:800;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.primary{background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 82%, white), var(--accent));color:var(--btn-ink);border:1px solid color-mix(in oklch, var(--accent) 55%, white);box-shadow:0 1px 0 oklch(100% 0 0/.6) inset, 0 8px 20px color-mix(in oklch, var(--accent) 35%, transparent)}.ghost{color:var(--text);box-shadow:0 1px 0 var(--glass-hi) inset;background:oklch(100% 0 0/.5)}.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{-webkit-backdrop-filter:blur(14px)saturate(155%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 1px 0 var(--glass-hi) inset, 0 10px 30px oklch(45% .09 300/.1);background:linear-gradient(oklch(100% 0 0/.62),oklch(100% 0 0/.26) 46%),oklch(98% .008 300/.32)}@supports not (backdrop-filter:blur(1px)){.hero-panel,.hero-stats,.game-card,.challenge-card,.seo-copy,.ad-slot,.language-card,.site-header,.consent-banner{background:oklch(99% .005 300/.92)}}.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-ink);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(--glass-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--glass-hi) inset;background:oklch(100% 0 0/.5);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(--glass-border);height:44px;color:var(--faint);background:oklch(100% 0 0/.42);border-radius:10px;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-ink);border-color:color-mix(in oklch, var(--accent) 38%, transparent)}.hero-stats{gap:8px;padding:14px;display:grid}.play-copy .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.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:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 40%, white));height:3px;position:absolute;inset:0 0 auto}.challenge-card:after{content:"";border:1px solid oklch(30% .05 300/.1);border-radius:12px;width:72px;height:72px;position:absolute;bottom:8px;right:14px;transform:rotate(12deg)}.challenge-card:hover{border-color:color-mix(in oklch, var(--accent) 48%, transparent);background:linear-gradient(180deg, var(--accent-soft), transparent 46%), oklch(100% 0 0/.6);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:color-mix(in oklch, var(--accent) 34%, transparent);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(--glass-border);background:oklch(100% 0 0/.5);border-radius:999px;padding:4px 9px;font-size:12px;font-style:normal}.card-stats em:first-child{color:var(--accent-ink);border-color:color-mix(in oklch, var(--accent) 40%, transparent);background:var(--accent-soft);font-weight:800}.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{border:1px solid var(--glass-border);border-radius:var(--radius);min-height:96px;box-shadow:0 1px 0 var(--glass-hi) inset;background:oklch(100% 0 0/.5);align-content:center;gap:6px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.type-grid a:hover,.mini-grid a:hover,.language-card:hover{border-color:color-mix(in oklch, var(--brand-accent) 42%, transparent);background:oklch(100% 0 0/.72);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)}.root-page{gap:30px;display:grid}.root-hero{min-height:620px}.root-scoreboard{min-height:360px}.root-intro{margin-top:0}.root-section{gap:18px;display:grid}.root-steps,.root-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.root-steps article,.root-columns article{border:1px solid var(--glass-border);border-radius:var(--radius);min-height:220px;box-shadow:0 1px 0 var(--glass-hi) inset, 0 10px 24px oklch(45% .09 300/.08);background:linear-gradient(oklch(100% 0 0/.58),oklch(100% 0 0/.26) 54%),oklch(98% .008 300/.28);padding:18px}.root-steps article{align-content:start;gap:10px;display:grid}.root-steps span{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-ink);border:1px solid color-mix(in oklch, var(--brand-accent) 36%, transparent);border-radius:10px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.root-steps p,.root-columns p{color:var(--muted)}.root-columns article{align-content:start;gap:10px;display:grid}.root-challenges .challenge-card{grid-column:span 3}.game-shell{width:min(100%,640px);margin:14px auto 34px}.play-stage{gap:12px;min-width:0;display:grid}.play-layout .game-shell{width:100%;margin:0}.opening-dialogue{-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--glass-hi) inset;background:linear-gradient(oklch(100% 0 0/.6),oklch(100% 0 0/.25) 46%),oklch(98% .008 300/.3);gap:8px;padding:12px;display:grid}.opening-dialogue p{color:var(--muted);grid-template-columns:minmax(54px,max-content) minmax(0,1fr);align-items:start;gap:10px;line-height:1.35;display:grid}.opening-dialogue span{border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);width:fit-content;max-width:100%;color:var(--accent-ink);background:var(--accent-soft);text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:850;line-height:1.2;display:inline-flex}.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-compact-intro{min-height:320px}.game-loading-compact{align-content:center}.game-loading-compact .eyebrow{margin-bottom:4px}.game-loading-compact p:not(.eyebrow){max-width:42ch}.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(--glass-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--glass-hi) inset;background:oklch(100% 0 0/.5);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), color-mix(in oklch, var(--accent) 45%, white));height:5px;box-shadow:0 0 8px color-mix(in oklch, var(--accent) 45%, transparent);border-radius:999px;margin-top:8px;display:block}.scene{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:linear-gradient(90deg,oklch(30% .05 300/.045) 1px,#0000 1px) 0 0/18px 18px,oklch(100% 0 0/.42);padding:15px}.scene p{color:var(--muted)}.choice-feedback,.share-status{border:1px solid color-mix(in oklch, var(--accent) 34%, transparent);border-radius:var(--radius-sm);color:var(--text);background:var(--accent-soft);padding:9px 12px;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;border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:60px;box-shadow:0 1px 0 var(--glass-hi) inset;cursor:pointer;background:oklch(100% 0 0/.55);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid}@media (hover:hover){.choice-list button:hover{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:oklch(100% 0 0/.8)}}.choice-list b{width:30px;height:30px;color:var(--btn-ink);background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 80%, white), var(--accent));border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.5)}.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 16% 12%, color-mix(in oklch, var(--accent) 26%, transparent), transparent 42%), radial-gradient(circle at 92% 96%, color-mix(in oklch, var(--accent) 14%, transparent), transparent 46%), linear-gradient(180deg, oklch(100% 0 0/.66), oklch(100% 0 0/.3) 48%), oklch(98% .008 300/.35);-webkit-backdrop-filter:blur(14px)saturate(155%);border:1px solid var(--glass-border);box-shadow:0 1px 0 var(--glass-hi) inset, 0 14px 36px color-mix(in oklch, var(--accent) 20%, transparent)}.poster-brand{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:800;display:flex}.poster-title{color:var(--muted);max-width:32ch}.poster-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.poster-meta span{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-height:58px;color:var(--muted);background:oklch(100% 0 0/.55);gap:2px;padding:9px;font-size:.72rem;display:grid}.poster-meta b{color:var(--text);font-size:.95rem;line-height:1.12}.poster-url{color:var(--accent-ink);overflow-wrap:anywhere;font-size:.78rem}.death-card{--accent:var(--danger);animation:.45s dt-shake,1.1s dt-flash}.death-card h2{color:var(--danger);font-size:clamp(1.9rem,7vw,2.6rem)}@keyframes dt-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes dt-flash{0%{box-shadow:inset 0 0 0 3px var(--danger), 0 0 56px color-mix(in oklch, var(--danger) 38%, transparent)}to{box-shadow:0 1px 0 var(--glass-hi) inset, 0 10px 30px oklch(45% .09 300/.1)}}@keyframes dt-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rank{border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;justify-content:center;justify-self:center;padding:9px 16px;font-size:1.05rem;font-weight:850;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(--glass-border);border-radius:var(--radius-sm);color:var(--muted);text-align:left;background:oklch(100% 0 0/.5);padding:10px 12px;animation:.32s backwards dt-rise}.death-review li:nth-child(2){animation-delay:90ms}.death-review li:nth-child(3){animation-delay:.18s}.death-review li:nth-child(4){animation-delay:.27s}.death-review li:nth-child(5){animation-delay:.36s}.death-review li:nth-child(6){animation-delay:.45s}.seo-copy{box-shadow:0 1px 0 var(--glass-hi) inset;background:linear-gradient(oklch(100% 0 0/.42),oklch(100% 0 0/.2) 54%),oklch(98% .008 300/.24);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(--glass-border);border-radius:var(--radius-sm);background:oklch(100% 0 0/.45);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);border-style:dashed;place-items:center;margin:28px 0;display:grid}.ad-slot:not(:has(ins.adsbygoogle[data-ad-status=filled])){background:0 0;border:0;min-height:0;margin:12px 0}ins.adsbygoogle[data-ad-status=unfilled]{display:none}.ad-slot span{font-size:12px}.consent-banner{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);width:min(860px,100% - 32px);max-height:148px;box-shadow:0 1px 0 var(--glass-hi) inset, var(--shadow);background:linear-gradient(oklch(100% 0 0/.7),oklch(100% 0 0/.4) 48%),oklch(98% .008 300/.55);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 auto;padding:14px;display:grid;position:fixed}.consent-banner[hidden],.consent-details[hidden]{display:none}.consent-banner strong{margin-bottom:3px;display:block}.consent-banner p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.consent-details{margin-top:6px}.consent-actions{grid-template-columns:auto auto minmax(96px,1fr);justify-content:flex-end;gap:8px;display:grid}.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}[data-prototype-panel=boss],[data-prototype-panel=social],.prototype-switcher,html[data-mbti-variant=boss] [data-prototype-panel=default],html[data-mbti-variant=social] [data-prototype-panel=default]{display:none}html[data-mbti-variant=boss] [data-prototype-panel=boss],html[data-mbti-variant=social] [data-prototype-panel=social]{display:grid}html[data-mbti-variant=boss] .prototype-switcher,html[data-mbti-variant=social] .prototype-switcher{display:inline-flex}html[data-mbti-variant=boss] body{color:oklch(22% .034 255);background:linear-gradient(90deg,oklch(22% .035 255/.05) 1px,#0000 1px) 0 0/44px 44px,linear-gradient(oklch(22% .035 255/.05) 1px,#0000 1px) 0 0/44px 44px,radial-gradient(34rem 24rem at 76% 10%,oklch(73% .14 258/.28),#0000 68%),linear-gradient(oklch(96% .01 255),oklch(90% .018 260))}html[data-mbti-variant=boss] .site-header{-webkit-backdrop-filter:blur(10px)saturate(120%);background:oklch(97% .01 255/.86);border-color:oklch(24% .045 255/.16)}html[data-mbti-variant=boss] .brand-mark{background:linear-gradient(135deg,oklch(72% .14 255),oklch(52% .13 255));box-shadow:inset 0 1px oklch(100% 0 0/.55),0 4px oklch(32% .06 255/.16)}html[data-mbti-variant=social] body{background:radial-gradient(42rem 30rem at 10% 2%,oklch(92% .08 72/.62),#0000 66%),radial-gradient(38rem 28rem at 86% 8%,oklch(86% .1 255/.56),#0000 62%),linear-gradient(oklch(98% .012 85),oklch(94% .022 315))}.prototype-layout{align-items:stretch;gap:22px;min-height:min(820px,100dvh - 118px);padding:42px 0 44px}.prototype-status{width:fit-content;color:var(--accent-ink);border:1px solid color-mix(in oklch, var(--accent) 34%, transparent);background:color-mix(in oklch, var(--accent) 12%, oklch(100% 0 0/.72));letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 11px;font-size:.72rem;font-weight:900}.variant-boss{color:oklch(21% .04 255);grid-template-columns:minmax(0,.95fr) minmax(420px,.95fr)}.boss-brief,.boss-console,.social-poster,.social-game-stack{min-width:0}.boss-brief{background:linear-gradient(oklch(99% .005 255/.92),oklch(93% .018 255/.76)),linear-gradient(90deg,oklch(65% .12 255/.12),#0000 54%);border:1px solid oklch(28% .05 255/.18);border-radius:10px;align-content:center;gap:18px;padding:28px;display:grid;position:relative;box-shadow:0 16px 42px oklch(25% .06 255/.12),inset 0 1px oklch(100% 0 0/.65)}.boss-brief:after{content:"";pointer-events:none;border:1px solid oklch(34% .06 255/.1);border-radius:6px;position:absolute;inset:12px}.boss-brief .prototype-heading,.social-poster .prototype-heading{letter-spacing:0;max-width:100%;font-size:4rem;line-height:.95}.boss-lead,.boss-risk,.social-lead,.friend-hook,.poster-preview p{color:oklch(38% .035 255)}.boss-lead{max-width:58ch;font-size:1.05rem}.boss-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.boss-hud span,.social-stats span{color:oklch(41% .035 255);background:oklch(100% 0 0/.58);border:1px solid oklch(30% .05 255/.14);border-radius:8px;gap:3px;min-width:0;padding:12px;font-size:.76rem;font-weight:750;display:grid}.boss-hud strong,.social-stats span{color:oklch(20% .04 255);font-variant-numeric:tabular-nums}.risk-strip{color:oklch(42% .15 28);text-transform:uppercase;background:oklch(62% .18 28/.08);border:1px solid oklch(55% .19 28/.22);border-radius:8px;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:.78rem;font-weight:900;display:grid}.risk-strip i{background:linear-gradient(90deg,oklch(58% .2 28),oklch(72% .16 72));border-radius:999px;max-width:100%;height:8px;display:block}.boss-console{align-content:center;gap:10px;display:grid}.variant-boss .game-shell,.variant-social .game-shell{width:100%;margin:0}.variant-boss .game-card{color:oklch(96% .012 255);background:linear-gradient(oklch(20% .035 255/.92),oklch(16% .032 255/.95)),oklch(18% .035 255);border-color:oklch(34% .07 255/.22);border-radius:10px;min-height:360px;box-shadow:0 22px 48px oklch(18% .05 255/.24),inset 0 1px oklch(100% 0 0/.1)}.variant-boss .game-card>p,.variant-boss .scene,.variant-boss .choice-feedback,.variant-boss .death-review,.variant-boss .game-card a{color:oklch(82% .026 255)}.variant-boss .game-card .eyebrow{color:oklch(82% .14 255);background:oklch(70% .15 255/.14);border-color:oklch(70% .15 255/.26)}.variant-boss .primary,.variant-boss .link-button{color:oklch(18% .04 255);background:linear-gradient(oklch(76% .15 255),oklch(65% .17 255));border-color:oklch(82% .13 255/.68);box-shadow:inset 0 1px oklch(100% 0 0/.42),0 12px 24px oklch(62% .17 255/.28)}.variant-boss .ghost{color:oklch(92% .012 255);background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.16)}.variant-boss .stat,.variant-boss .choice-list button{color:oklch(94% .012 255);background:oklch(100% 0 0/.07);border-color:oklch(100% 0 0/.14)}.variant-boss .stat span,.variant-boss .choice-list button span{color:oklch(81% .025 255)}.prototype-start{display:none}.transmission-log{background:oklch(98% .006 255/.72);border:1px solid oklch(28% .05 255/.18);border-radius:10px;gap:8px;padding:14px;display:grid}.transmission-log p,.conflict-card span,.poster-preview span{color:oklch(42% .05 255);text-transform:uppercase;font-size:.78rem;font-weight:900}.transmission-log blockquote,.conflict-card blockquote{color:oklch(21% .04 255);margin:0;font-size:1.2rem;font-weight:850;line-height:1.25}.transmission-log span{color:oklch(46% .04 255)}.variant-social{grid-template-columns:minmax(0,.9fr) minmax(400px,.84fr);align-items:center}.social-poster{background:linear-gradient(135deg,oklch(99% .02 84),oklch(94% .035 330) 58%,oklch(90% .06 255));border:2px solid oklch(22% .04 300);border-radius:8px;gap:16px;padding:30px;display:grid;transform:rotate(-.7deg);box-shadow:12px 12px oklch(21% .04 300/.92),0 24px 48px oklch(42% .08 300/.16)}.social-poster .prototype-heading{color:oklch(22% .045 300)}.social-lead{max-width:48ch;font-size:1.08rem}.conflict-card{background:oklch(100% 0 0/.68);border:1px solid oklch(22% .04 300/.18);border-radius:16px 16px 16px 3px;gap:10px;padding:16px;display:grid}.conflict-card strong{color:oklch(50% .18 28);font-size:.98rem}.social-actions{flex-wrap:wrap;gap:10px;display:flex}.variant-social .primary{color:oklch(16% .04 300);background:oklch(72% .16 255);border-color:oklch(24% .04 300);box-shadow:0 4px oklch(22% .04 300)}.variant-social .ghost{color:oklch(20% .04 300);background:oklch(100% 0 0/.72);border-color:oklch(24% .04 300);box-shadow:0 4px oklch(22% .04 300/.7)}.social-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.social-stats small{color:oklch(44% .04 300);font-size:.72rem}.social-game-stack{gap:12px;display:grid}.variant-social .game-card{background:oklch(100% .004 90/.82);border:2px solid oklch(22% .04 300/.84);border-radius:14px;min-height:326px;box-shadow:8px 8px oklch(22% .04 300/.82)}.poster-preview{background:oklch(100% 0 0/.54);border:1px dashed oklch(24% .04 300/.38);border-radius:12px;gap:6px;padding:16px;display:grid}.poster-preview strong{color:oklch(22% .04 300);font-size:1.2rem}.prototype-switcher{z-index:80;left:50%;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:oklch(96% .01 300/.92);border:1px solid oklch(20% .04 300/.18);border-radius:999px;align-items:center;gap:6px;padding:7px;position:fixed;transform:translate(-50%);box-shadow:0 16px 38px oklch(24% .05 300/.18)}.prototype-switcher a{color:oklch(32% .04 300);border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:7px 12px;font-size:.82rem;font-weight:850;display:inline-flex}html[data-mbti-variant=boss] .prototype-switcher [data-switch-variant=boss],html[data-mbti-variant=social] .prototype-switcher [data-switch-variant=social]{color:oklch(98% .004 300);background:oklch(24% .04 300)}.site-header{-webkit-backdrop-filter:blur(10px);background:oklch(99% .006 84/.84);border-color:oklch(22% .04 300/.1)}.brand-mark{border:2px solid var(--paper-ink);color:oklch(99% .004 84);box-shadow:2px 2px 0 var(--paper-shadow);background:linear-gradient(135deg,oklch(72% .16 255),oklch(72% .15 310))}.primary,.link-button.primary{border:2px solid var(--paper-ink);color:var(--btn-ink);box-shadow:0 4px 0 var(--paper-shadow);background:oklch(72% .16 255)}.ghost,.link-button.ghost{border:2px solid var(--paper-ink);color:var(--text);background:oklch(100% .004 84/.76);box-shadow:0 4px oklch(22% .04 300/.7)}.hero-panel,.hero-stats,.game-card,.challenge-card,.seo-copy,.language-card,.type-grid a,.mini-grid a{border:2px solid color-mix(in oklch, var(--paper-ink) 84%, transparent);-webkit-backdrop-filter:none;background:oklch(100% .004 84/.72);box-shadow:6px 6px oklch(22% .04 300/.7)}.split-hero{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);gap:clamp(22px,4vw,54px);min-height:min(760px,100dvh - 74px)}.split-hero>div:first-child{border:2px solid var(--paper-ink);box-shadow:12px 12px 0 var(--paper-shadow), 0 24px 48px oklch(42% .08 300/.16);background:linear-gradient(135deg,oklch(99% .02 84),oklch(95% .036 330) 58%,oklch(90% .06 255));border-radius:8px;padding:clamp(22px,4vw,42px);position:relative;transform:rotate(-.45deg)}.split-hero .hero-console{transform:rotate(.35deg)}.challenge-hub a,.signal-grid span,.hero-stats span,.stat,.card-stats em,details{box-shadow:none;background:oklch(100% .004 84/.62);border-color:oklch(22% .04 300/.14)}.challenge-card{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 13%, oklch(100% .006 84)), oklch(96% .026 326) 58%, oklch(92% .05 255));border-radius:8px;min-height:250px;box-shadow:7px 7px oklch(22% .04 300/.72)}.challenge-card:before{display:none}.challenge-card:after{background:color-mix(in oklch, var(--accent) 12%, transparent);opacity:.9;border:2px solid oklch(22% .04 300/.12);bottom:14px;right:16px}.challenge-card:hover{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 19%, oklch(100% .006 84)), oklch(96% .03 326) 58%, oklch(91% .06 255));border-color:var(--paper-ink);transform:translateY(-3px)rotate(-.25deg)}.type-code{color:color-mix(in oklch, var(--accent) 46%, oklch(21% .04 300));font-size:clamp(2.75rem,6vw,4rem)}.page-shell.play-page{width:min(var(--page-max), calc(100% - 40px))}.play-page .play-layout{grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(20px,3.5vw,44px);padding-top:46px}.play-page .play-copy{border:2px solid var(--paper-ink);box-shadow:10px 10px 0 var(--paper-shadow), 0 24px 48px oklch(42% .08 300/.14);background:linear-gradient(135deg,oklch(99% .02 84),oklch(95% .036 330) 58%,oklch(90% .06 255));border-radius:8px;align-content:center;gap:16px;padding:clamp(20px,3.2vw,36px);position:sticky;top:90px;transform:rotate(-.35deg)}.play-page .play-copy h1{max-width:820px;font-size:clamp(2.6rem,5.8vw,5.3rem)}.play-page .lead{margin-top:0}.play-page .hero-stats{box-shadow:none;background:0 0;border:0;padding:0}.play-page .hero-stats span,.social-stats span{background:oklch(100% .004 84/.58);border:1px solid oklch(22% .04 300/.12)}.play-page>[data-prototype-panel=default],.play-page .prototype-switcher,html[data-mbti-variant=boss] .play-page .prototype-switcher,html[data-mbti-variant=social] .play-page .prototype-switcher{display:none}.play-page>[data-prototype-panel=social]{display:grid}html[data-mbti-variant=boss] .play-page>[data-prototype-panel=social]{display:none}html[data-mbti-variant=boss] .play-page>[data-prototype-panel=boss]{display:grid}.variant-social{grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);align-items:start;gap:clamp(18px,3vw,32px);min-height:min(780px,100dvh - 92px);padding-top:clamp(46px,5vw,68px)}.social-poster{transform-origin:top;box-shadow:7px 7px 0 var(--paper-shadow), 0 20px 42px oklch(42% .08 300/.14);padding:clamp(22px,3.2vw,38px);transform:none}.social-poster h1{font-size:clamp(2.9rem,5.5vw,5.6rem);line-height:.98}.social-game-stack{align-content:start;align-self:start}.variant-social .game-card,.play-page .play-layout>.game-shell .game-card,.toxic-page .game-card{border:2px solid var(--paper-ink);min-height:auto;box-shadow:7px 7px 0 var(--paper-shadow);background:oklch(100% .004 84/.84);border-radius:14px;align-content:start;gap:14px;padding:clamp(18px,2.4vw,26px)}.variant-social .game-card:has(>[data-action=start]),.play-page .play-layout>.game-shell .game-card:has(>[data-action=start]),.toxic-page .game-card:has(>[data-action=start]){align-content:start;min-height:auto}.game-card-compact-intro>p:not(.eyebrow){max-width:none;color:var(--muted)}.game-teaser{background:oklch(98% .012 326/.72);border:1px solid oklch(22% .04 300/.16);border-radius:14px 14px 14px 4px;gap:8px;padding:14px;display:grid}.game-teaser span{color:oklch(42% .05 255);font-size:.78rem;font-weight:900}.game-teaser strong{color:var(--text);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.25}.game-teaser em{color:oklch(50% .18 28);font-style:normal;font-weight:900}.variant-social .game-card .primary,.play-page .play-layout>.game-shell .game-card .primary{width:100%;margin-top:2px}.poster-preview{background:oklch(100% .004 84/.64);border:2px dashed oklch(24% .04 300/.32)}.seo-copy,.ad-slot{box-shadow:4px 4px oklch(22% .04 300/.28)}@media (width<=980px){h1{font-size:3.25rem}h2{font-size:2rem}.split-hero,.challenge-hero,.play-layout,.variant-boss,.variant-social{grid-template-columns:1fr}.boss-brief .prototype-heading,.social-poster .prototype-heading{font-size:3.25rem}.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))}.root-steps,.root-columns{grid-template-columns:1fr}.root-challenges .challenge-card{grid-column:span 6}}@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;min-height:44px;padding:8px 9px;font-size:13px}.lang-switch{flex-wrap:nowrap;grid-column:1/3;justify-content:flex-end;max-width:none;max-height:44px;margin-left:0;padding-bottom:2px;overflow:hidden}.lang-switch a:not(.active){display:none}.lang-switch a{text-align:center;min-width:44px;min-height:44px;padding:6px 7px;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}html[data-mbti-variant=boss] .page-shell,html[data-mbti-variant=social] .page-shell{padding-top:8px}.hero{min-height:auto;padding:36px 0 24px}.prototype-layout{gap:12px;min-height:auto;padding:18px 0 34px}.boss-brief,.social-poster{padding:16px}.boss-brief{gap:12px}.boss-brief .prototype-heading,.social-poster .prototype-heading{font-size:2rem;line-height:1.02}.boss-lead,.social-lead{font-size:.96rem;line-height:1.42}.boss-risk{display:none}.boss-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.boss-hud span,.social-stats span{padding:8px;font-size:.72rem}.risk-strip{grid-template-columns:1fr auto;gap:6px}.risk-strip i{order:3;grid-column:1/-1}.variant-boss .game-card,.variant-social .game-card{min-height:238px}.transmission-log{padding:12px}.transmission-log blockquote,.conflict-card blockquote{font-size:1.02rem}.social-poster{transform:none;box-shadow:6px 6px oklch(21% .04 300/.88),0 14px 28px oklch(42% .08 300/.14)}.social-actions{grid-template-columns:1fr;display:grid}.social-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-preview{padding:12px}.prototype-switcher{justify-content:center;width:calc(100% - 24px);overflow-x:auto}.prototype-switcher a{white-space:nowrap}.compact-hero{padding-top:32px}.play-layout{gap:14px;padding-top:12px;display:grid}.play-stage{order:-1;gap:10px}.play-copy{order:-2;gap:10px;padding-top:0;display:grid}.play-copy .lead,.play-copy .eyebrow{display:none}.play-copy h1{max-width:none;font-size:1.35rem;line-height:1.08;display:block}.play-copy .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}.play-copy .hero-stats span{padding:8px 6px;font-size:11px}.play-copy .hero-stats strong{font-size:.9rem}.play-copy .safety-note{display:block}.play-layout .game-shell{order:initial}.game-shell{min-height:auto}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-card:has(>[data-action=start]){min-height:260px}.game-active .site-header{min-height:0;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:24px}.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}.consent-banner{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:1fr;gap:8px;width:calc(100% - 20px);padding:10px}.consent-actions{grid-template-columns:auto auto minmax(96px,1fr);display:grid}.consent-actions .primary,.consent-actions .ghost{width:auto;min-width:0;padding-inline:12px}}@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}.challenge-hub{grid-template-columns:1fr}.consent-actions{grid-template-columns:auto auto minmax(96px,1fr)}.primary,.ghost,.link-button{width:100%;min-width:0}.type-grid,.mini-grid,.language-grid{grid-template-columns:1fr}.root-hero{min-height:auto;padding-top:28px}.root-scoreboard,.root-steps article,.root-columns article{min-height:0}.root-challenges .challenge-card{grid-column:span 12}.opening-dialogue p{grid-template-columns:1fr;gap:6px}.choice-list button{gap:12px;min-height:64px;padding:12px 14px}.choice-list button span{font-size:clamp(.92rem,3.8vw,1rem);line-height:1.35}}@media (hover:none){.challenge-card:hover,.type-grid a:hover,.mini-grid a:hover,.language-card:hover,.primary:hover,.ghost:hover,.link-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}