:root{color-scheme:dark;--bg: #060607;--bg-soft: #0f0a0b;--surface: rgba(20, 16, 17, .9);--surface-2: rgba(26, 18, 20, .96);--text: #f8f8f8;--text-muted: #c6c1c1;--line: rgba(255, 255, 255, .13);--primary: #ff3347;--primary-strong: #ff1f35;--primary-soft: rgba(255, 51, 71, .18);--success: #40d67a;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 18% -8%,rgba(255,51,71,.34),transparent 35%),radial-gradient(circle at 95% 16%,rgba(255,51,71,.2),transparent 35%),repeating-linear-gradient(120deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 8px,transparent 8px,transparent 24px),linear-gradient(160deg,var(--bg) 0%,var(--bg-soft) 100%)}.app-shell{width:min(1120px,100%);margin:0 auto;padding:clamp(1rem,4vw,2.25rem) clamp(1rem,4.5vw,2.75rem) 3.5rem;display:grid;gap:1.1rem}.brand-bar{display:flex;align-items:center;gap:1rem;padding:.8rem .25rem}.brand-badge{width:clamp(3.1rem,8vw,4.4rem);height:clamp(3.1rem,8vw,4.4rem);border-radius:1.05rem;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 24% 20%,#ff5a6a,#c30f1f 70%);display:grid;place-items:center;font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700;box-shadow:0 0 28px #ff2a4673}.brand-kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--text-muted)}.brand-title{margin:.2rem 0 0;font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.45rem,6vw,3rem);line-height:1;letter-spacing:.03em}.hero{border:1px solid var(--line);border-radius:1.4rem;padding:clamp(1.1rem,4vw,1.6rem);background:linear-gradient(145deg,#1e1315f0,#110e0ff2);display:grid;gap:1rem}.hero-chip{margin:0;display:inline-flex;border-radius:999px;border:1px solid rgba(255,255,255,.2);padding:.35rem .8rem;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:#ffe7ea;background:#ff334729}.hero h2{margin:.8rem 0 0;font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.35rem,5vw,2.2rem);line-height:1.2}.hero p{margin:.7rem 0 0;color:var(--text-muted);max-width:58ch;line-height:1.45}.hero-metrics{display:flex;flex-wrap:wrap;gap:.6rem}.hero-metrics span{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.38rem .7rem;font-size:.8rem;background:#ffffff05}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.panel{border:1px solid var(--line);border-radius:1.2rem;background:var(--surface);padding:clamp(1rem,3vw,1.35rem);display:grid;gap:1rem}.panel h3{margin:0;font-size:1.1rem;letter-spacing:.03em;font-family:Unbounded,IBM Plex Sans,sans-serif}.panel-copy{margin:0;color:var(--text-muted);font-size:.94rem}.control-block{display:grid;gap:.5rem}.control-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.control-header label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.control-header strong{font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:1.2rem}input[type=range]{width:100%;accent-color:var(--primary)}.mode-toggle{border:1px solid var(--line);border-radius:.9rem;padding:.8rem;background:#ffffff03}.mode-toggle p{margin:0 0 .7rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.mode-toggle small{display:block;margin-top:.6rem;color:var(--text-muted);line-height:1.35}.pill-row{display:inline-flex;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.25rem;background:#ffffff05}.pill-btn{border:none;border-radius:999px;padding:.5rem .9rem;font-family:inherit;font-size:.88rem;color:#f7f4f4;background:transparent;cursor:pointer}.pill-btn.active{background:var(--primary-soft);color:#ffeef0;border:1px solid rgba(255,67,86,.55)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}.pack-card{position:relative;border:1px solid var(--line);border-radius:.95rem;background:linear-gradient(160deg,#1e1316e6,#120f10e6);color:inherit;text-align:left;padding:.75rem;cursor:pointer;display:grid;gap:.45rem;min-height:172px;transition:transform .18s ease,border-color .18s ease}.pack-card:hover{transform:translateY(-2px);border-color:#ffffff4d}.pack-card.selected{border-color:#ff4860e6;box-shadow:0 0 0 1px #ff2a478c,0 10px 30px #ff12303d}.pack-top{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.pack-tag{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;color:var(--text-muted)}.pack-check{border:1px solid var(--line);border-radius:999px;font-size:.62rem;padding:.18rem .45rem;color:var(--text-muted)}.pack-check.selected{border-color:#ff4257b3;color:#ffd4da;background:#ff2f4429}.pack-card h4{margin:0;font-size:.96rem}.pack-card p{margin:0;font-size:.78rem;line-height:1.35;color:var(--text-muted)}.pack-card small{color:#b5aeaf;font-size:.72rem}.pack-palette{display:flex;gap:.3rem;margin-top:auto}.pack-palette span{width:24px;height:4px;border-radius:999px;display:inline-block}button{border:none;cursor:pointer;font-family:inherit}.cta-row{display:flex;flex-wrap:wrap;gap:.55rem}.cta-row.centered{justify-content:center}.primary-btn,.secondary-btn{border-radius:999px;padding:.74rem 1.1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.primary-btn{background:linear-gradient(90deg,var(--primary),var(--primary-strong));color:#fff}.primary-btn:disabled{opacity:.4;pointer-events:none}.secondary-btn{background:transparent;color:#f1ecec;border:1px solid var(--line)}.reveal-panel{background:var(--surface-2)}.progress-row{display:flex;justify-content:space-between;align-items:center}.progress-row label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--text-muted)}.progress-row strong{font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:.95rem}progress{width:100%;height:7px;border-radius:999px;overflow:hidden;border:none}progress::-webkit-progress-bar{background:#ffffff14}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--primary),#ff7382)}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--primary),#ff7382)}.reveal-card,.debate-card{border:1px solid var(--line);border-radius:1.05rem;padding:clamp(1rem,4vw,1.55rem);background:linear-gradient(175deg,#1b1315f5,#110e0ff2);display:grid;gap:.85rem;text-align:center}.pass-label{margin:0;color:#ffdce1;font-size:.92rem}.reveal-card h3,.debate-card h3{margin:0;font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.12rem,4vw,1.5rem);line-height:1.25}.word-display{margin-top:.25rem;font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.38rem,8vw,2.8rem);letter-spacing:.03em}.role-note{margin:0;color:#ffc9cf;font-size:.9rem}.debate-card>p{margin:0;color:var(--text-muted)}.debate-metadata{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.debate-metadata span{padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.timer-box{font-family:Unbounded,IBM Plex Sans,sans-serif;font-size:clamp(1.8rem,9vw,3.5rem);line-height:1;padding:.5rem}.alert-banner{border-radius:.75rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;padding:.6rem .75rem;text-align:left;font-size:.84rem;color:#e3dddd}@media (max-width: 740px){.app-shell{padding:.8rem .8rem 2.2rem}.brand-title{font-size:clamp(1.35rem,9vw,2rem)}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-row{display:grid}.primary-btn,.secondary-btn{width:100%}}