body{background:#0b0b0b;color:#f2e9e4;font-family:Space Grotesk,IBM Plex Sans,system-ui,sans-serif;margin:0}.app{align-items:stretch;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.app__bg{background:#0b0b0b;inset:0;position:absolute;z-index:0}.app__orb,.app__orb--earth,.app__orb--ink,.app__orb--sun{display:none}.app__grain{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><rect width="120" height="120" fill="%230b0b0b"/><path d="M0 0h120v4H0zM0 24h120v4H0zM0 48h120v4H0zM0 72h120v4H0zM0 96h120v4H0z" fill="%23b1121e" opacity="0.25"/></svg>');inset:0;opacity:.25;position:absolute}.app__main{padding:48px 0 72px;position:relative;width:min(1100px,92vw);z-index:1}.hero{display:flex;flex-direction:column;gap:16px;max-width:720px}.hero h1{font-family:Space Grotesk,IBM Plex Sans,system-ui,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:.08em;margin:0;text-transform:uppercase}.hero p{color:#f8f4edc7;font-size:1.05rem;line-height:1.6;margin:0}.hero__badge{color:#e00024;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}.panel{background:#111;border:2px solid #8b0a18;border-radius:2px;box-shadow:none;margin-top:32px;padding:28px}.panel--entry{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel__block h2{margin-top:0}.panel__error{background:#1a0a0c;border:2px solid #b1121e;border-radius:2px;color:#f2e9e4;font-size:.75rem;letter-spacing:.08em;padding:10px 12px;text-transform:uppercase}.field{color:#f8f4edb3;display:flex;flex-direction:column;font-size:.85rem;gap:6px;margin:16px 0}.field input{background:#0e0e0e;border:2px solid #5e0a12;border-radius:2px;color:#f2e9e4;font-size:.95rem;padding:10px 12px}.btn{background:#0b0b0b;border:2px solid #b1121e;border-radius:2px;color:#f2e9e4;cursor:pointer;font-size:.9rem;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.btn:hover{background:#1a0a0c}.btn--primary{background:#b1121e;border:2px solid #b1121e;color:#0b0b0b}.room__header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.room__code{font-size:2.2rem;font-weight:600;letter-spacing:.1em}.room__status{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chip{background:#0b0b0b;border:2px solid #6b0b14;border-radius:2px;font-size:.75rem;letter-spacing:.12em;padding:6px 12px;text-transform:uppercase}.gauges{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.gauge{background:#101010;border:2px solid #6b0b14;border-radius:2px;padding:12px 14px}.gauge__label{color:#f8f4edbf;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.gauge__bar{background:#0b0b0b;border:1px solid #6b0b14;border-radius:2px;height:8px;overflow:hidden;width:100%}.gauge__fill{background:#b1121e;border-radius:0;height:100%;transition:width .2s linear}.turn{display:grid;gap:18px}.turn__meta h2{margin:0}.turn__meta p{color:#f8f4edcc;margin:0}.choices{display:grid;gap:14px}.choices__group{background:#0e0e0e;border:2px solid #6b0b14;border-radius:2px;display:grid;gap:10px;padding:12px}.choices__title{color:#ffd6a0b3;font-size:.7rem;letter-spacing:.2em}.choice,.choices__title{text-transform:uppercase}.choice{align-items:center;background:#0b0b0b;border:2px solid #5e0a12;border-radius:2px;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr;letter-spacing:.05em;padding:14px;text-align:left}.choice--selected,.choice:hover{background:#1a0a0c;border-color:#e00024}.choice--readonly{cursor:not-allowed;opacity:.45}.choice strong{font-size:1.1rem}.timer{color:#ffd6a0cc;font-size:.9rem}.timer--hero{background:#0b0b0b;border:2px solid #b1121e;color:#e00024;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700;letter-spacing:.2em;margin-bottom:12px;padding:12px 16px;text-align:center}.result{background:#0f0f0f;border:2px solid #6b0b14;border-radius:2px;padding:16px}.evolution__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.evolution__item{background:#0f0f0f;border:2px solid #5e0a12;border-radius:2px;padding:10px}.evolution__label{color:#f2e8e3b3;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.evolution__value{align-items:baseline;display:flex;gap:8px;margin-top:6px}.evolution__number{font-size:1.4rem;font-weight:700}.evolution__suffix{color:#f2e8e3b3;font-size:.75rem}.evolution__delta{border:2px solid #5e0a12;border-radius:2px;font-size:.85rem;padding:2px 6px}.evolution__delta--up{background:#1a0a0c;border-color:#b1121e;color:#f2e9e4}.evolution__delta--down{background:#0a0f1a;border-color:#1f4ba8;color:#f2e9e4}.evolution__delta--flat{background:#0b0b0b;color:#f2e8e399}.evolution__bar{background:#0b0b0b;border:2px solid #5e0a12;height:10px;margin-top:8px;overflow:hidden;position:relative}.evolution__fill{background:#b1121e;transition:width .6s ease}.evolution__fill,.evolution__ghost{height:100%;inset:0 auto 0 0;position:absolute}.evolution__ghost{background:#ffffff14}.result__headline{font-size:1.05rem;margin-bottom:8px}.result__headline span{display:block;font-size:.95rem;letter-spacing:.06em;margin-top:6px;text-transform:uppercase}.result__delta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.delta{background:#1a0a0c;border:2px solid #6b0b14;border-radius:2px;font-size:.8rem;padding:4px 10px}.result__outcome{border-top:1px solid hsla(0,0%,100%,.1);margin-top:16px;padding-top:12px}.end{animation:endFade .6s ease;display:grid;inset:0;place-items:center;position:fixed;z-index:50}.end__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040404e0;inset:0;position:absolute}.end__panel{animation:endRise .8s ease;background:#0b0b0b;border:3px solid #b1121e;padding:36px;position:relative;text-align:center;width:min(760px,92vw);z-index:1}.end__icon{display:grid;height:72px;margin:0 auto 16px;place-items:center;width:72px}.end__icon img{height:100%;width:100%}.end__title{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:.18em;text-transform:uppercase}.end__subtitle{color:#e00024;font-size:.9rem;letter-spacing:.2em;margin-top:10px;text-transform:uppercase}.end__body{color:#f2e8e3d1;font-size:1rem;line-height:1.7;margin-top:18px}.end__meta{color:#f2e8e399;font-size:.7rem;letter-spacing:.2em;margin-top:22px;text-transform:uppercase}@keyframes endFade{0%{opacity:0}to{opacity:1}}@keyframes endRise{0%{opacity:.6;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result__fact{background:#0b0b0b;border:2px solid #6b0b14;border-radius:2px;margin-top:12px;padding:12px}.phase2--overlay{animation:endFade .6s ease;display:grid;inset:0;place-items:center;position:fixed;z-index:48}.phase2__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040404e0;inset:0;position:absolute}.phase2__panel{animation:endRise .8s ease;background:#0b0b0b;border:3px solid #b1121e;padding:32px;position:relative;text-align:center;width:min(700px,92vw);z-index:1}.phase2__icon{color:#e00024;font-size:2.2rem;margin-bottom:6px}.phase2__title{font-size:1.4rem;letter-spacing:.18em;text-transform:uppercase}.phase2__subtitle{color:#f2e8e3b3;font-size:.8rem;letter-spacing:.2em;margin-top:8px;text-transform:uppercase}.phase2__body{color:#f2e8e3d9;font-size:.95rem;line-height:1.6;margin-top:12px}.room__footer{align-items:center;gap:12px;justify-content:space-between;margin-top:20px}.players,.room__footer{display:flex;flex-wrap:wrap}.players{gap:8px}.player{background:#0b0b0b;border:2px solid #5e0a12;border-radius:2px;font-size:.8rem;padding:6px 12px}.player--red{background:#1a0a0c;border:2px solid #b1121e}.player--blue{background:#0a0f1a;border:2px solid #1f4ba8}.player--admin{background:#2a0b10;border-color:#e00024}.player--neutral{background:#0b0b0b;border:2px solid #5e0a12}.room__votes{background:#0b0b0b;border:2px solid #6b0b14;border-radius:2px;display:grid;gap:6px;padding:10px 12px}.room__votes-title{color:#e00024;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.room__votes-grid{display:grid;font-size:.8rem;gap:6px 12px;grid-template-columns:auto 1fr}.room__votes-team{letter-spacing:.12em;text-transform:uppercase}.room__votes-values{color:#f2e9e4}.hint{color:#f8f4ed99;font-size:.85rem}.eyebrow{color:#e00024;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}@media(max-width:720px){.hero h1{font-size:2rem}.room__code{font-size:1.6rem}.panel{padding:20px}}