:root{--bg: #0d1220;--panel: #161d31;--panel-2: #1e2740;--ink: #eef2ff;--muted: #a3aec9;--line: #2b3552;--a: #f0776c;--b: #4fb8d8;--accent: #ffd166;--radius: 18px;--max: 46rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:var(--max);margin:0 auto;padding:1.25rem 1.1rem 4rem}.masthead{text-align:center;padding:1.5rem 0 .5rem}.masthead h1{font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.15;margin:0 0 .4rem;letter-spacing:-.02em}.masthead p{margin:0;color:var(--muted)}.app{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin:1.25rem 0 2rem}.app__bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.app__progress{flex:1;height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.app__progressFill{height:100%;background:var(--accent);transition:width .18s ease}.app__settings{flex:none}.app__hint{margin:1rem 0 0;text-align:center;color:var(--muted);font-size:.85rem}kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:0 .35em;font:inherit;font-size:.85em}.card__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin:0 0 .75rem}.card__player{color:var(--accent);font-weight:600}.card__choices{display:grid;grid-template-columns:1fr;gap:.6rem;align-items:center}.card__or{text-align:center;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.choice{min-height:108px;width:100%;padding:1.1rem 1rem;border:2px solid transparent;border-radius:14px;color:#10131f;font:inherit;font-weight:700;font-size:clamp(1.05rem,4.2vw,1.35rem);cursor:pointer;transition:transform .12s ease,filter .12s ease}.choice--a{background:var(--a)}.choice--b{background:var(--b)}.choice:hover{filter:brightness(1.06)}.choice:active{transform:scale(.985)}.choice:focus-visible,.chip:focus-visible,.primary:focus-visible,.secondary:focus-visible,.linkish:focus-visible,.players__input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (min-width: 40rem){.card__choices{grid-template-columns:1fr auto 1fr}.choice{min-height:150px}}.primary,.secondary{min-height:48px;padding:.7rem 1.2rem;border-radius:999px;border:1px solid var(--line);font:inherit;font-weight:600;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#10131f}.secondary{background:transparent;color:var(--ink)}.primary[disabled]{opacity:.5;cursor:not-allowed}.linkish{background:none;border:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;padding:.5rem .2rem;min-height:44px}.linkish[disabled]{opacity:.4;cursor:not-allowed}.setup__block{border:0;padding:0;margin:0 0 1.1rem}.setup__block legend{padding:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.setup__note{color:var(--muted);font-size:.85rem;margin:.6rem 0 0}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{min-height:44px;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:inherit;font-size:.92rem;cursor:pointer}.chip--on{background:var(--accent);border-color:var(--accent);color:#10131f;font-weight:600}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.45rem}.players__input{min-height:44px;padding:.5rem .7rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:inherit}.players__actions{display:flex;gap:1rem}.results__kicker{color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.results__title{margin:.15rem 0 .4rem;font-size:clamp(1.5rem,5.5vw,2.1rem)}.results__sub{color:var(--muted);margin:0 0 1rem}.results__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.callout{background:var(--panel-2);border-left:3px solid var(--b);border-radius:8px;padding:.7rem .9rem;margin:0 0 .6rem;font-size:.95rem}.callout--warm{border-left-color:var(--accent)}.callout--cool{border-left-color:var(--a)}.traits{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem}.trait__head{display:flex;justify-content:space-between;font-size:.92rem;margin-bottom:.25rem}.trait__pct{color:var(--muted)}.trait__bar,.split__bar{height:10px;background:var(--panel-2);border-radius:999px;overflow:hidden}.trait__fill{height:100%;background:var(--b)}.split__fill{height:100%;background:var(--a)}.splits{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.9rem}.split__labels,.split__counts{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.split__counts{color:var(--muted);font-size:.8rem;margin-top:.2rem}.prose h2{font-size:1.35rem;margin:2.2rem 0 .6rem;letter-spacing:-.01em}.prose h3{font-size:1.05rem;margin:1.4rem 0 .4rem}.prose p,.prose li{color:#cdd6ee}.prose ol,.prose ul{padding-left:1.2rem}.prose li{margin:.35rem 0}.catgrid{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.catgrid li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem}.catgrid strong{display:block;margin-bottom:.2rem}.faq{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}.foot{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}