@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/barlow-condensed-800.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('../assets/fonts/barlow-condensed-900.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/dm-sans-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/dm-sans-500.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/dm-sans-600.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/dm-sans-700.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/dm-sans-800.woff2') format('woff2')}
:root{
  color-scheme:dark;--void:#10030b;--panel:#220d1b;--paper:#fcecdf;--muted:#bba7b1;--soft:#957985;
  --danger:#ff4d60;--orange:#ff7849;--peach:#ffd1a1;--gold:#ffcd88;--purple:#b768ff;
  --stroke:rgba(255,208,184,.17);--page-width:520px;
  font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--void);scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--paper);min-height:100dvh;overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
button{touch-action:manipulation}button:active{transform:translateY(1px)}
::selection{background:var(--orange);color:#16060e}
.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 10%,#3a0d27 0%,#160710 65%,#0b0308 100%);pointer-events:none;overflow:hidden}
.ambient__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:saturate(1.2) contrast(1.05);transition:opacity .7s ease}
.ambient__video--electric{opacity:0}
body[data-scene='electric'] .ambient__video--fire{opacity:0}
body[data-scene='electric'] .ambient__video--electric{opacity:.62}
.ambient__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,1,7,.58) 0%,rgba(19,3,12,.42) 29%,rgba(9,1,7,.65) 65%,rgba(9,1,7,.95) 100%)}
.ambient__grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,black 45%,transparent)}
.ambient__grain{position:absolute;inset:-50%;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grainShift .45s steps(2) infinite}
.ambient__glow{position:absolute;filter:blur(90px);border-radius:50%;opacity:.22;animation:glowTravel 13s ease-in-out infinite alternate}
.ambient__glow--one{width:270px;height:420px;top:13%;left:-170px;background:#f71353}
.ambient__glow--two{width:200px;height:260px;top:29%;right:-140px;background:#ff8a37;animation-delay:-7s}
body[data-scene='electric'] .ambient__glow--one{background:#803bff}
body[data-scene='electric'] .ambient__glow--two{background:#e836b9}
@keyframes grainShift{0%{transform:translate(-2%,1%)}100%{transform:translate(1%,-3%)}}
@keyframes glowTravel{from{transform:translateY(-35px) scale(.8)}to{transform:translateY(45px) scale(1.25)}}
.app-shell{max-width:var(--page-width);width:100%;min-height:100dvh;margin:0 auto;padding:0 21px env(safe-area-inset-bottom);position:relative;isolation:isolate}
.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,227,208,.16);gap:8px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--paper);padding:0;min-width:0}
.brand__mark{width:30px;height:29px;border:1px solid rgba(255,200,148,.4);transform:skew(-7deg);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:900;color:var(--gold);box-shadow:inset 0 0 14px rgba(255,90,60,.2)}
.brand__mark span{color:var(--danger);font-size:14px;margin:0 1px}
.brand__type{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:900;font-style:italic;letter-spacing:-.6px;white-space:nowrap}
.brand__dot{color:var(--orange)}
.topbar__right{display:flex;align-items:center;gap:7px}
.topbar__tag{font-size:8px;letter-spacing:1.4px;font-weight:800;color:#d8a69f;margin-right:5px;white-space:nowrap}
.icon-button{background:rgba(255,214,191,.07);border:1px solid rgba(255,214,191,.22);border-radius:50%;width:44px;height:44px;color:var(--paper);display:grid;place-items:center;font-weight:800;font-size:17px;transition:background .2s, border .2s}
.icon-button--active{background:rgba(255,108,75,.24);border-color:var(--orange)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;font-weight:800;letter-spacing:1.2px;color:rgba(255,217,187,.44);border-top:1px solid rgba(255,222,192,.08);padding:19px 0 21px;margin-top:32px;line-height:1.7}
.site-footer span:last-child{text-align:right}
.page-enter{animation:pageRise .35s cubic-bezier(.18,.75,.31,1) both}
@keyframes pageRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heartbeat{50%{opacity:.4;transform:scale(.8)}}
@keyframes slideShimmer{0%{background-position:200% 50%}100%{background-position:-100% 50%}}
@keyframes pulseEdge{0%,100%{box-shadow:0 0 22px rgba(255,70,75,.24),inset 0 1px rgba(255,255,255,.2)}50%{box-shadow:0 0 35px rgba(255,70,75,.42),inset 0 1px rgba(255,255,255,.2)}}
@keyframes ringOut{0%{transform:scale(.48);opacity:0}40%{opacity:.65}100%{transform:scale(1.28);opacity:0}}
@keyframes confettiFloat{0%{transform:rotate(-12deg) translateY(18px);opacity:0}28%{opacity:1}100%{transform:rotate(5deg) translateY(0);opacity:1}}
@keyframes typeStrike{from{opacity:0;transform:translateY(22px) skewY(4deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) skewY(0);filter:blur(0)}}
@keyframes verdictFlash{0%{opacity:0;transform:scale(.7)}25%{opacity:.75}100%{opacity:0;transform:scale(1.2)}}
@keyframes introWipe{from{opacity:0;transform:translateY(35px) skewY(5deg)}to{opacity:1;transform:translateY(0) skewY(0)}}
.cinema-intro{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 24px;background:radial-gradient(circle at 50% 45%,#5a173b 0%,#27091c 43%,#0b020b 100%);overflow:hidden;text-align:center}
.cinema-intro::before,.cinema-intro::after{content:'';position:absolute;inset:-20%;pointer-events:none}
.cinema-intro::before{background:linear-gradient(110deg,transparent 36%,rgba(255,166,116,.13) 47%,transparent 53%,rgba(215,65,163,.11) 61%,transparent 70%);transform:rotate(-12deg)}
.cinema-intro::after{background:repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,202,181,.025) 39px 40px);mask-image:linear-gradient(transparent,#000 50%,transparent)}
.cinema-intro__light{position:absolute;width:70vw;height:70vw;max-width:430px;max-height:430px;border-radius:50%;background:#ff4b71;filter:blur(100px);opacity:.22;animation:verdictFlash 2.4s ease-out both}
.cinema-intro__content{position:relative;z-index:1;width:100%;max-width:500px}
.cinema-intro__label{display:block;color:#ffd29e;letter-spacing:2.2px;font-size:10px;font-weight:900;animation:introWipe .5s ease-out both}
.cinema-intro__title{font:900 clamp(95px,25vw,152px)/.73 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-3px;margin:44px 0 30px;color:#fff2e7;text-shadow:0 0 48px rgba(255,89,91,.4)}
.cinema-intro__title>span{display:block;animation:introWipe .55s cubic-bezier(.2,.8,.2,1) both}
.cinema-intro__title>span:nth-child(2){animation-delay:.2s;color:#ff8e7a}
.cinema-intro__dot{color:#ff456a}
.cinema-intro__content p{font:900 21px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;color:#ffd9c6;animation:introWipe .6s .48s both}
.cinema-intro__actions{position:absolute;bottom:max(38px,env(safe-area-inset-bottom));left:24px;right:24px;z-index:2;display:flex;align-items:center;justify-content:center;gap:20px}
.cinema-intro__play,.cinema-intro__skip{min-height:48px;border:1px solid rgba(255,208,177,.55);border-radius:5px;padding:10px 19px;background:linear-gradient(110deg,#ffb177,#ff5f69);color:#210713;font:900 20px 'Barlow Condensed',Impact,sans-serif;font-style:italic;letter-spacing:1px}
.cinema-intro__play span{margin-left:14px;font-family:'DM Sans',sans-serif;font-style:normal}
.cinema-intro__skip{background:rgba(19,4,16,.55);color:#ffe4d7;font-size:15px}
.kicker,.overline{font-weight:800;color:var(--gold);font-size:10px;letter-spacing:2.35px}
.section-index{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 0 12px;font-weight:800;letter-spacing:1.4px;font-size:9px;color:#cdb1a9}
.section-index span:last-child{color:#bd8a91}
.display-title{font:900 clamp(57px,14vw,82px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.8px;margin:12px 0 13px;transform:skew(-2deg);text-shadow:0 3px 17px rgba(0,0,0,.25)}
.display-title em,.modal-title em{font-style:normal;color:var(--orange);background:linear-gradient(120deg,#ffac70,#ff4c63 75%);color:transparent;background-clip:text}
.primary-cta,.outline-cta{min-height:61px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:7px;padding:0 23px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:1.15px;font-size:22px;font-style:italic;text-align:left;transition:filter .2s ease,transform .14s ease}
.primary-cta{color:#200510;border:1px solid rgba(255,230,184,.6);background:linear-gradient(117deg,#ffab70 0%,#ff6a53 49%,#ff3e65 100%);box-shadow:0 10px 40px rgba(255,60,79,.21),inset 0 1px 0 rgba(255,249,225,.44);position:relative;overflow:hidden}
.primary-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.30) 50%,transparent 70%);background-size:250% 100%;animation:slideShimmer 7s ease-in-out infinite;pointer-events:none}
.primary-cta>*{position:relative}
.primary-cta:hover{filter:brightness(1.12)}
.primary-cta span:last-child,.outline-cta span:last-child{font-family:'DM Sans',sans-serif;font-style:normal;font-size:28px;line-height:1}
.outline-cta{background:rgba(255,194,170,.07);border:1px solid rgba(255,205,171,.32);color:var(--paper);font-size:20px}
.outline-cta:hover{background:rgba(255,194,170,.14)}
.text-button{min-height:44px;padding:4px 0;border:0;background:none;color:var(--gold);font-size:10px;letter-spacing:1.1px;font-weight:900;white-space:nowrap}
.skip-link{display:block;min-height:44px;border:0;background:none;padding:14px 16px 12px;text-align:center;margin:3px auto 0;color:#d9bdc0;font-weight:800;font-size:10px;letter-spacing:1.5px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.22);text-underline-offset:5px}
/* INTRO */
.home{min-height:calc(100dvh - 165px);display:flex;flex-direction:column;padding-top:22px;position:relative}
.home__micro{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#f3c0a9;font-size:9px;font-weight:800;letter-spacing:1.3px}
.live-indicator{display:flex;align-items:center;gap:9px}
.live-indicator i{width:7px;height:7px;background:#ffb366;border-radius:50%;box-shadow:0 0 15px #ff743a;animation:heartbeat 1.4s infinite}
.edition-num{font-size:9px;color:#dd9097}
.hero__typography{position:relative;flex:1;min-height:420px;display:flex;flex-direction:column;justify-content:center;padding:12px 0 35px}
.hero__eyebrow{font-size:9px;font-weight:900;letter-spacing:1.8px;color:var(--gold);display:flex;align-items:center;gap:8px;margin-bottom:21px;white-space:nowrap}
.hot-dot{width:12px;height:12px;display:inline-block;background:#ff5a4c;transform:rotate(45deg);box-shadow:0 0 17px #ff5656}
.hero__headline{font:900 clamp(99px,25.5vw,142px)/.74 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-4.6px;margin:0 0 26px;text-transform:uppercase;text-shadow:0 7px 36px rgba(0,0,0,.5)}
.hero__headline>span{display:block;white-space:nowrap;transform:skew(-3deg)}
.home .hero__headline>span{animation:typeStrike .56s cubic-bezier(.18,.8,.2,1) both}
.home .hero__headline>span:nth-child(2){animation-delay:.09s}
.home .hero__headline>span:nth-child(3){animation-delay:.18s}
.headline-outline{color:transparent;-webkit-text-stroke:1.8px #f6d1c0;text-shadow:none;margin-top:7px}
.headline-hot{background:linear-gradient(99deg,#ffe2a2 0%,#ff9864 35%,#ff4762 77%);color:transparent;background-clip:text;filter:drop-shadow(0 5px 25px rgba(255,89,62,.42));margin-top:7px}
.headline-period{color:#ff5d68;background:none}
.hero__subline{font-weight:800;letter-spacing:4.1px;font-size:clamp(12px,2.9vw,16px);color:#ffb5a4;border-top:1px solid rgba(255,204,167,.3);padding-top:15px}
.hero__subline b{color:#fff0da}
.home__bottom{padding-bottom:10px}
.hero__copy{margin:0 0 22px;font-size:17px;line-height:1.55;color:#ffe3d6;font-weight:600}
.hero__copy em{font-style:normal;color:#ffa778;font-weight:800}
.primary-cta--extra{min-height:70px;font-size:25px}
.micro-disclaimer{font-size:10px;color:#dcb4ad;font-weight:600;margin:12px 0 21px;text-align:center}
.home__crew{border-top:1px solid rgba(255,215,189,.25);padding:20px 0 2px}
.crew-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.player-pill{--player-color:#ff784f;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,223,195,.2);background:rgba(10,2,12,.55);border-radius:30px;padding:5px 10px 5px 5px;color:#ffe7df;font-size:12px;font-weight:700}
.player-pill__avatar{display:grid;place-items:center;width:25px;height:25px;background:color-mix(in srgb,var(--player-color) 22%,transparent);border:1px solid color-mix(in srgb,var(--player-color) 55%,transparent);border-radius:50%;color:var(--player-color);font-size:10px}
/* SETUP */
.setup__header{margin:15px 0 24px}.setup__header p,.finished__heading p{font-size:14px;color:#dec4c2;line-height:1.5;margin:0;max-width:330px}
.glass-panel{background:linear-gradient(130deg,rgba(61,24,42,.74),rgba(19,5,16,.9));border:1px solid var(--stroke);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 55px rgba(0,0,0,.18);border-radius:12px}
.setup__panel{padding:19px 17px 17px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.panel-heading h2{margin:0;font:900 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.6px}
.panel-heading>span{font-size:9px;color:#ca9a98;font-weight:800;letter-spacing:1.2px;text-align:right}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.name-field{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;background:rgba(5,0,7,.35);border:1px solid rgba(255,222,193,.16);border-radius:8px}
.avatar{flex:0 0 33px;width:33px;height:33px;border:1px solid color-mix(in srgb,var(--player-color) 60%,transparent);background:color-mix(in srgb,var(--player-color) 18%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--player-color);font-size:10px;font-weight:900}
.name-field__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.name-field__text small{color:#b59399;font-weight:800;letter-spacing:1px;font-size:8px}
.name-field input{background:none;color:var(--paper);border:0;outline:0;font-size:14px;font-weight:800;min-width:0;width:100%;padding:0}
.name-field input:focus-visible{outline:0;border-bottom:1px solid var(--player-color)}
.name-field__edit{font-size:12px;color:#cd8f91}
.setup__block{margin-top:25px}
.level-stack{display:flex;flex-direction:column;gap:9px}
.level-option{width:100%;min-height:69px;text-align:left;display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid rgba(255,214,186,.17);border-radius:10px;background:rgba(18,3,15,.56);color:var(--paper);transition:border .2s,background .2s,transform .2s}
.level-option.is-selected{border-color:#ff956f;background:linear-gradient(105deg,rgba(255,90,72,.19),rgba(255,66,113,.11) 60%,rgba(24,6,17,.68));box-shadow:inset 3px 0 #ff8e65,0 0 34px rgba(250,54,80,.08)}
.level-option__num{font:900 29px/1 'Barlow Condensed',sans-serif;color:#ad6d79}
.level-option.is-selected .level-option__num{color:var(--gold)}
.level-option__body{flex:1;display:flex;flex-direction:column;gap:4px}
.level-option__body b{font:900 23px/1 'Barlow Condensed',sans-serif;letter-spacing:.8px}
.level-option__body small{color:#cbb0b4;font-size:11px}
.level-option__status{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--gold)}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mode-option{min-height:142px;background:rgba(20,5,18,.66);border:1px solid rgba(255,216,194,.2);border-radius:10px;color:var(--paper);padding:14px 14px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px}
.mode-option.is-selected{border-color:#ff8a74;background:linear-gradient(145deg,rgba(252,76,91,.18),rgba(18,3,16,.82))}
.mode-option__icon{font-size:25px;line-height:1;color:var(--gold)}
.mode-option b{font:900 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.7px}
.mode-option small{color:#c4abb2;font-size:11px;line-height:1.3}
.sticky-action{margin-top:27px}.sticky-action__text{font-size:9px;color:#c89da6;letter-spacing:1px;text-align:center;margin-top:11px;font-weight:800}
/* QUESTIONS */
.question__topline{display:flex;align-items:center;justify-content:space-between;padding-top:24px}
.question__index{font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#dbada9}
.question__index strong{color:#fff1e6;font-size:31px;margin-left:5px}
.question__index span{font-size:15px;color:#a9828d}
.progress-segments{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:15px 0 23px}
.progress-segment{height:3px;background:rgba(255,213,179,.17);border-radius:4px}
.progress-segment.is-done{background:#e2a48c}
.progress-segment.is-now{background:var(--orange);box-shadow:0 0 15px rgba(255,101,73,.8)}
.question__eyebrow{display:flex;align-items:center;gap:10px;color:#ffd5b0;font-size:9px;font-weight:900;letter-spacing:1.3px;margin-bottom:13px}
.question__eyebrow>span:last-child{color:#b78e99}
.heat-glyph{color:#ff936c;font-size:18px;line-height:1}
.question__line{height:1px;background:rgba(255,200,176,.26);flex:1}
.question-card{border-radius:15px;min-height:295px;display:flex;flex-direction:column;justify-content:space-between;padding:21px 20px 18px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 100% 0%,rgba(255,110,88,.24),transparent 46%),
 linear-gradient(145deg,rgba(75,21,44,.96),rgba(35,8,28,.97) 51%,rgba(49,9,31,.98));
 border:1px solid rgba(255,160,125,.42);box-shadow:0 14px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,239,206,.18),0 0 45px rgba(255,73,75,.09)}
.question-card::before{content:'✳';position:absolute;right:-38px;bottom:-110px;font:900 290px/1 'Barlow Condensed',sans-serif;color:rgba(255,143,121,.055);transform:rotate(15deg);pointer-events:none}
.question-card::after{content:'';position:absolute;inset:6px;border:1px solid rgba(255,217,188,.06);border-radius:10px;pointer-events:none}
.question-card__top,.question-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:900;letter-spacing:1.25px;color:#d7a0a6;position:relative;z-index:1}
.question-card__seal{color:var(--gold)}
.question-card__text{position:relative;z-index:1;padding:13px 0 17px}
.question-card__lead{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;letter-spacing:1.3px;font-size:24px;color:#ffb891;display:block;margin-bottom:12px}
.question-card__text{animation:typeStrike .45s .08s cubic-bezier(.18,.8,.2,1) both}
.question-card h1{font:800 clamp(29px,7.5vw,39px)/1.04 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.05px;margin:0;color:#fff0e7;text-wrap:balance}
.question-card__bottom{border-top:1px solid rgba(255,209,177,.22);padding-top:17px;font-size:8px;color:#b58897}
.question-card--small{min-height:248px}.question-card--small h1{font-size:clamp(27px,6.8vw,35px)}
.vote-panel{margin:26px 0 17px}
.vote-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.vote-panel__heading h2{font:900 29px/1 'Barlow Condensed',sans-serif;letter-spacing:.3px;margin:0}
.vote-panel__heading span{font-size:8px;font-weight:900;letter-spacing:1px;color:#b69198;text-align:right}
.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vote-chip{min-height:82px;display:grid;align-items:center;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;text-align:left;color:var(--paper);padding:12px 13px;background:rgba(15,3,14,.62);border:1px solid rgba(255,215,188,.19);border-radius:10px;transition:background .2s,border .2s,box-shadow .2s}
.vote-chip.is-guilty{background:linear-gradient(140deg,rgba(255,86,76,.19),rgba(53,13,30,.77));border-color:color-mix(in srgb,var(--player-color) 75%,#fff);box-shadow:inset 0 1px rgba(255,209,185,.1),0 0 26px rgba(255,73,61,.07)}
.vote-chip:active,.confess-button:active{transform:scale(.97)}
.vote-chip__avatar{grid-row:1/3;display:grid;place-items:center;background:color-mix(in srgb,var(--player-color) 17%,transparent);color:var(--player-color);border:1px solid color-mix(in srgb,var(--player-color) 55%,transparent);height:37px;width:37px;border-radius:50%;font-size:11px;font-weight:900}
.vote-chip__name{align-self:end;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.vote-chip__status{color:#9f8b97;align-self:start;font-size:9px;letter-spacing:.6px;font-weight:900;margin-top:4px}
.vote-chip.is-guilty .vote-chip__status{color:var(--gold)}
.question__actions{display:flex;flex-direction:column;gap:6px}
/* SECRET MODE */
.handoff-card{border-radius:17px;margin-top:17px;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 26px;background:radial-gradient(circle at 50% 46%,rgba(211,53,100,.19),transparent 47%),linear-gradient(140deg,rgba(63,19,46,.92),rgba(14,4,16,.92));border:1px solid rgba(255,191,167,.35);box-shadow:0 18px 90px rgba(0,0,0,.23);position:relative;overflow:hidden}
.handoff-card::after{content:'PRIVATE';position:absolute;font:900 125px 'Barlow Condensed',sans-serif;letter-spacing:10px;color:rgba(255,187,157,.025);transform:rotate(-24deg)}
.handoff-card>*{position:relative;z-index:1}
.handoff-card__stamp{font-size:10px;font-weight:900;color:var(--gold);letter-spacing:1.6px;margin-bottom:31px}
.handoff-card__avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--player-color);color:var(--player-color);background:color-mix(in srgb,var(--player-color) 17%,transparent);font-size:40px;font-family:'Barlow Condensed',sans-serif;font-weight:900;box-shadow:0 0 80px color-mix(in srgb,var(--player-color) 19%,transparent);margin-bottom:27px}
.handoff-card__small{font-size:10px;letter-spacing:1.9px;color:#e1b0ae;font-weight:900}
.handoff-card h1{font:900 clamp(67px,16vw,95px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:6px 0 10px}
.handoff-card h1 span{color:var(--orange)}
.handoff-card p{font-size:13px;color:#ceb3b7;line-height:1.6;margin-bottom:31px}
.handoff-card .primary-cta{max-width:350px;font-size:19px}
.ballot-panel{margin:20px 0 13px;padding:17px 0}
.ballot-panel__caption{display:flex;align-items:center;gap:8px;color:var(--gold);letter-spacing:1.15px;font-size:10px;font-weight:900}
.ballot-panel__caption b{color:var(--paper);margin-left:auto}
.privacy-pulse{width:8px;height:8px;border-radius:50%;background:#ff826a;box-shadow:0 0 13px #ff725e;animation:heartbeat 1.1s infinite}
.ballot-panel p{color:#c5aab0;font-size:12px;line-height:1.5}
.ballot-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}
.confess-button{min-height:152px;padding:20px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;border-radius:11px;color:var(--paper)}
.confess-button--guilty{background:linear-gradient(130deg,#8c263c,#5f152f);border:1px solid rgba(255,139,125,.7);box-shadow:0 9px 28px rgba(255,67,81,.12)}
.confess-button--clean{background:rgba(28,9,28,.74);border:1px solid rgba(255,217,201,.27)}
.confess-button__symbol{font-size:24px;color:var(--gold)}
.confess-button b{font:900 31px/1 'Barlow Condensed',sans-serif}
.confess-button small{font-size:9px;letter-spacing:1px;font-weight:800;color:#eab8ae}
/* REVEAL */
.reveal__theater{text-align:center;position:relative;margin:15px 0 34px;padding:18px 0 5px;overflow:clip}
.reveal__theater::before{content:'';position:absolute;inset:-30px -10px;pointer-events:none;background:radial-gradient(circle at 15% 30%,#ffc38e 0 1px,transparent 2px),radial-gradient(circle at 75% 20%,#f491ec 0 2px,transparent 3px),radial-gradient(circle at 80% 65%,#ffc38e 0 1px,transparent 2px),radial-gradient(circle at 23% 72%,#eea5ef 0 2px,transparent 3px),radial-gradient(circle at 45% 5%,#ffc38e 0 1px,transparent 2px);animation:verdictFlash 1.3s ease-out both}
.reveal__eyebrow{font-size:10px;font-weight:900;letter-spacing:2.3px;color:var(--gold)}
.reveal__number-wrap{position:relative;display:grid;place-items:center;height:242px;margin-top:8px}
.reveal__rings{position:absolute;width:190px;height:190px;border:1px solid rgba(221,124,255,.2);border-radius:50%;box-shadow:0 0 80px rgba(216,61,255,.19),inset 0 0 60px rgba(188,47,230,.1)}
.reveal__rings::before,.reveal__rings::after{content:'';position:absolute;inset:-17px;border:1px solid rgba(219,137,255,.4);border-radius:50%;animation:ringOut 3s ease-out infinite}
.reveal__rings::after{animation-delay:1.5s}
.reveal__number{font:900 194px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-11px;color:#fff5ec;text-shadow:0 0 30px rgba(235,147,255,.47),0 8px 25px rgba(0,0,0,.35);animation:confettiFloat .5s ease-out both;z-index:1}
.reveal__number b{font:inherit}
.reveal__number span{font-size:38px;letter-spacing:-1px;color:#d9a2ea}
.reveal__guilty-label{font:900 21px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:#e5c6df;margin-top:-4px}
.reveal__quip{font:900 clamp(35px,9vw,51px)/.91 'Barlow Condensed',sans-serif;max-width:430px;margin:24px auto 0;color:#fff0e9;text-wrap:balance;text-transform:uppercase}
.reveal__guilty-label,.reveal__quip{animation:typeStrike .5s .25s both}
.reveal__list{margin:0 0 23px}
.verdict-list{border-top:1px solid rgba(255,218,213,.15)}
.verdict-person{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(255,218,213,.14)}
.reveal .verdict-person{animation:pageRise .32s both}
.reveal .verdict-person:nth-child(1){animation-delay:.22s}.reveal .verdict-person:nth-child(2){animation-delay:.3s}.reveal .verdict-person:nth-child(3){animation-delay:.38s}.reveal .verdict-person:nth-child(4){animation-delay:.46s}
.verdict-person__avatar{width:39px;height:39px;border-radius:50%;border:1px solid color-mix(in srgb,var(--player-color) 50%,transparent);background:color-mix(in srgb,var(--player-color) 15%,transparent);color:var(--player-color);display:grid;place-items:center;font-weight:900;font-size:11px}
.verdict-person__name{font-weight:900;flex:1;font-size:15px}
.verdict-person__answer{font-size:10px;color:#a79baa;letter-spacing:.7px;font-weight:900}
.verdict-person--guilty .verdict-person__answer{color:var(--gold)}
.reveal__actions{display:flex;flex-direction:column;gap:11px;margin-top:19px}
.spotlight-reveal{border:1px solid rgba(255,213,184,.32);border-radius:9px;background:rgba(251,131,111,.09);padding:18px;text-align:center;animation:pageRise .25s ease-out}
.spotlight-reveal span{display:block;font-size:9px;letter-spacing:2px;font-weight:900;color:var(--gold)}
.spotlight-reveal b{display:block;font:900 49px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#ffb391}
.spotlight-reveal small{display:block;color:#caaeb7}
/* END / SCORES */
.finished__heading{margin:18px 0 24px}
.winner-card{background:radial-gradient(circle at 50% 20%,rgba(255,217,131,.17),transparent 47%),linear-gradient(130deg,#6c204a,#2e103a);border:1px solid rgba(252,177,137,.54);box-shadow:0 0 80px rgba(190,35,114,.17),inset 0 1px rgba(255,255,255,.16);min-height:204px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 15px}
.winner-card__eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2.4px}
.winner-card__name{font:900 clamp(59px,16vw,100px)/1 'Barlow Condensed',Impact,sans-serif;color:#fff1d7;margin:14px 0 7px;max-width:100%;overflow-wrap:anywhere;text-shadow:0 0 35px rgba(255,192,147,.35)}
.winner-card__score{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ffa89e}
.finished__scores{margin:25px 0 16px}
.score-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,227,203,.15)}
.score-row__rank{color:#bf8299;font:900 24px 'Barlow Condensed',sans-serif;width:26px}
.score-row__avatar{width:39px;height:39px;border-radius:50%;color:var(--player-color);background:color-mix(in srgb,var(--player-color) 17%,transparent);border:1px solid color-mix(in srgb,var(--player-color) 52%,transparent);display:grid;place-items:center;font-size:11px;font-weight:900}
.score-row__person{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.score-row__person b{font-size:14px;overflow:hidden;text-overflow:ellipsis}
.score-row__person small{font-size:8px;font-weight:900;letter-spacing:1px;color:#c39a9e}
.score-row__count{font:900 29px 'Barlow Condensed',sans-serif;color:var(--gold);white-space:nowrap}
.score-row__count small{font:800 8px 'DM Sans',sans-serif;letter-spacing:.6px;color:#c69b9e}
.results-footnote{color:#b98f9b;font-size:11px;text-align:center;margin:16px 0 23px}
.finished>.outline-cta{margin-top:11px}
/* SHEETS, TOAST */
.modal-scrim{position:fixed;inset:0;z-index:30;background:rgba(4,0,8,.74);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;animation:pageRise .2s ease}
.modal-sheet{background:radial-gradient(circle at 10% 0%,rgba(134,42,70,.25),transparent 55%),#260d1d;border:1px solid rgba(255,195,169,.33);border-bottom:0;box-shadow:0 -20px 70px rgba(0,0,0,.5);border-radius:19px 19px 0 0;max-height:88dvh;overflow:auto;padding:32px max(23px,env(safe-area-inset-left)) calc(25px + env(safe-area-inset-bottom));width:100%;max-width:520px;position:relative}
.modal-close{position:absolute;top:15px;right:15px;width:44px;height:44px;background:rgba(255,232,214,.08);border:1px solid rgba(255,232,214,.25);border-radius:50%;color:#ffdfd5;font-weight:800}
.modal-title{font:900 62px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:15px 0 19px}
.rules-list{display:flex;flex-direction:column;margin:20px 0 26px;gap:4px}
.rules-list>div{display:flex;gap:14px;border-bottom:1px solid rgba(255,216,196,.15);padding:7px 0}
.rules-list span{font:900 23px 'Barlow Condensed',sans-serif;color:var(--orange);margin-top:6px}
.rules-list p{font-size:13px;line-height:1.55;color:#ebcfca;margin:7px 0 13px}
.modal-copy{color:#d6b2b5;font-size:14px;line-height:1.5;margin:0 0 23px}
.scoreboard-list{margin:15px 0 24px}
.exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.exit-actions .outline-cta,.exit-actions .primary-cta{min-height:57px;font-size:17px;justify-content:center;padding:12px;text-align:center}
.share-text{background:rgba(0,0,0,.22);padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:10px;white-space:pre-wrap;word-break:break-word;color:#ffe2d1;font-size:13px;line-height:1.6}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:99;width:max-content;max-width:90vw;padding:14px 18px;border:1px solid rgba(255,187,118,.7);border-radius:8px;background:#531833;color:#ffdfb8;font-size:12px;font-weight:900;letter-spacing:.7px;box-shadow:0 13px 40px rgba(0,0,0,.3);text-align:center}
@media (min-width:700px){
  .app-shell{background:linear-gradient(90deg,rgba(10,1,10,.3),transparent 18%,transparent 82%,rgba(10,1,10,.3));border-left:1px solid rgba(255,210,183,.08);border-right:1px solid rgba(255,210,183,.08)}
  .hero__headline{font-size:142px}
}
@media (max-width:390px){
  .app-shell{padding-left:16px;padding-right:16px}
  .topbar__tag{display:none}
  .hero__headline{font-size:clamp(90px,25vw,111px);letter-spacing:-3.8px}
  .hero__eyebrow{font-size:8px;letter-spacing:1.2px}
  .hero__typography{min-height:390px}
  .name-grid{gap:6px}.name-field{padding:7px;gap:6px}.name-field__edit{display:none}
  .vote-chip{padding:9px;column-gap:7px}
  .question-card{min-height:285px}
}
@media (max-height:740px){.home{min-height:630px}.hero__typography{min-height:350px}.home__bottom{padding-bottom:0}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ambient__video{display:none}
  .ambient__grain{display:none}
}

@media (max-width:390px){.question-card--small{min-height:248px}.question-card h1{font-size:clamp(28px,7.2vw,36px)}}