*{box-sizing:border-box;margin:0}:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e9ef;--muted: #8b93a5;--accent: #4f8cff;--accent-hover: #3a76e8;--you: #4f8cff;--stranger: #ff6b6b}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.55rem 1.2rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}.start-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.logo{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;color:var(--accent)}.logo.small{font-size:1.25rem}.tagline{color:var(--muted);font-size:1.1rem}.online{color:var(--muted);font-variant-numeric:tabular-nums}.start-screen .primary{font-size:1.15rem;padding:.8rem 2.5rem}.notice{color:#ffb454;max-width:32rem}.disclaimer{color:var(--muted);font-size:.85rem;max-width:28rem}.chat-screen{height:100%;display:flex;flex-direction:column}.chat-screen header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.chat-screen header .status{flex:1;color:var(--muted)}.opponent-strip{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;flex-wrap:wrap}.opponent-label{font-weight:700;text-transform:capitalize}.axis-chip{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;color:var(--muted);font-size:.8rem}.chat-screen main{flex:1;display:flex;min-height:0}.debate-banner{padding:.5rem 1rem .7rem;border-bottom:1px solid var(--border);background:var(--panel)}.debate-banner-top{display:flex;align-items:center;gap:.75rem}.round-chip{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.phase-label{flex:1;font-size:.85rem;color:var(--muted)}.debate-banner.phase-floor .phase-label{color:var(--accent)}.phase-timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.debate-question{margin-top:.35rem;font-size:1.05rem;font-weight:600}.debate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:20}.vote-panel{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:42rem;width:100%;display:flex;flex-direction:column;gap:1rem;text-align:center;max-height:90vh;overflow-y:auto}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;text-align:left}.question-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.8rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;font:inherit;color:inherit;text-align:left}.question-card:hover:not(:disabled){border-color:var(--accent)}.question-card.selected{border-color:var(--accent);outline:2px solid var(--accent)}.question-card:disabled{opacity:.65;cursor:default}.question-card p{margin:0;font-size:.92rem}.video-panel{position:relative;flex:1.4;background:#000;display:flex;flex-direction:column}.video-tile{position:relative;flex:1;min-height:0;border-bottom:1px solid var(--border)}.video-tile:last-child{position:absolute;right:1rem;bottom:1rem;width:22%;min-width:160px;aspect-ratio:4 / 3;flex:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-tile.mirrored video{transform:scaleX(-1)}.video-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem}.chat-column{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--border);min-width:320px}.transcript-panel{border:1px solid var(--border);border-radius:10px;background:#0000002e;padding:.75rem;max-height:14rem;overflow:hidden}.transcript-panel h3{margin:0 0 .5rem;font-size:.85rem}.debug-badge{color:var(--muted);font-size:.65rem;text-transform:uppercase}.transcript-lines{max-height:10rem;overflow-y:auto;font-size:.8rem}.transcript-lines p{margin:.35rem 0}.live-score{display:grid;grid-template-columns:minmax(5rem,auto) minmax(8rem,18rem) minmax(5rem,auto);align-items:center;justify-content:center;gap:1rem;padding:.45rem 1rem;border-bottom:1px solid var(--border)}.live-score>div{display:flex;gap:.5rem;align-items:baseline}.live-score>div:last-child{flex-direction:row-reverse}.live-score svg{width:100%;height:2.5rem}.live-score line{stroke:var(--border);stroke-width:1}.live-score polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.question-verdict{display:flex;justify-content:center;gap:.75rem;padding:.45rem 1rem;font-size:.78rem;border-bottom:1px solid var(--border)}.question-verdict>span{max-width:40rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-toasts{position:fixed;top:5.5rem;right:1rem;z-index:30;display:flex;flex-direction:column;gap:.5rem;max-width:20rem;pointer-events:none}.moment-toast{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;font-size:.8rem;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;animation:moment-in .16s ease-out}.moment-toast .muted{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.moment-praise{border-left-color:#4fc57a}.moment-caution{border-left-color:#e0b64f}.moment-warn{border-left-color:#f08c4a}.moment-flag{border-left-color:#ff5252;background:#2a1519}@keyframes moment-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.message-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message{line-height:1.45;overflow-wrap:anywhere}.message .sender{font-weight:700}.message.you .sender{color:var(--you)}.message.stranger .sender{color:var(--stranger)}.message.system,.message.typing{color:var(--muted);font-style:italic}.composer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.composer input{flex:1;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}.composer input:focus{outline:none;border-color:var(--accent)}.controls{display:flex;gap:.5rem;padding:0 1rem .9rem}.controls .primary{flex:1}@media(max-width:800px){.chat-screen main{flex-direction:column}.video-panel{flex:none;height:40vh}.chat-column{border-left:none;min-width:0}}.muted{color:var(--muted)}.small{font-size:.85rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.form-error{color:#ff6b6b}.auth-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.auth-form{display:flex;flex-direction:column;gap:.9rem;width:min(22rem,90vw);margin-top:1rem}.auth-form label{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.9rem}.auth-form input,.wizard-body select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}.auth-form input:focus{outline:none;border-color:var(--accent)}.form-alt{color:var(--muted);text-align:center;font-size:.9rem}.wizard-screen{height:100%;display:flex;flex-direction:column}.wizard-header,.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.wizard-progress{color:var(--muted);font-variant-numeric:tabular-nums}.wizard-body{flex:1;overflow-y:auto;width:min(38rem,92vw);margin:0 auto;padding:1.5rem 0}.wizard-body h2{margin-bottom:.35rem}.slider-row{margin:1.4rem 0;display:flex;flex-direction:column;gap:.5rem}.slider-line{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.slider-line input[type=range]{flex:1;accent-color:var(--accent)}.statement{margin:1.4rem 0}.statement p{margin-bottom:.5rem}.likert{display:flex;gap:.4rem}.likert label{flex:1;text-align:center;padding:.45rem 0;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--muted)}.likert label.selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.likert input{position:absolute;opacity:0;pointer-events:none}.wizard-footer{display:flex;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-top:1px solid var(--border)}.wizard-footer .primary{min-width:8rem}.lobby-screen{height:100%;display:flex;flex-direction:column}.lobby-user{display:flex;align-items:center;gap:.75rem}.lobby-user .handle{font-weight:600}.elo-badge{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.lobby-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.primary.big{font-size:1.2rem;padding:.9rem 2.8rem}.page-shell{width:min(58rem,92vw);margin:0 auto;padding:1.25rem 0 4rem;min-height:100%}.page-shell nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.report-hero{text-align:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.final-score{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem auto;max-width:36rem}.final-score div,.career-grid div{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px}.final-score b{font-size:2.4rem;color:var(--accent)}.final-score span,.career-grid span{color:var(--muted);font-size:.85rem}.report-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin:1rem 0}.report-chart{width:100%;height:12rem;overflow:visible}.report-chart line{stroke:var(--border);stroke-width:1}.report-chart polyline{fill:none;stroke:var(--accent);stroke-width:2.5;vector-effect:non-scaling-stroke}.question-result{border-top:1px solid var(--border);padding:1rem 0}.question-result>span{color:var(--muted);font-size:.75rem;text-transform:uppercase}.question-result blockquote{border-left:3px solid var(--accent);margin:.8rem 0 0;padding:.5rem 1rem;color:var(--muted)}.showcase-match{padding:.75rem 0;border-top:1px solid var(--border)}.showcase-match:first-of-type{border-top:0}.showcase-match details p{margin:.4rem 0;font-size:.85rem}.profile-form{display:grid;gap:.85rem}.profile-form label{display:grid;gap:.35rem;color:var(--muted);text-transform:capitalize}.profile-form input,.profile-form select,.profile-form textarea{width:100%;padding:.7rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.profile-form textarea{min-height:7rem;resize:vertical}.moderation-form{margin-top:1rem}.moderation-form form{display:grid;gap:.75rem;margin-top:.75rem}.moderation-form label{display:grid;gap:.3rem;color:var(--muted)}.moderation-form select,.moderation-form textarea{width:100%;padding:.65rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.moderation-form textarea{min-height:6rem;resize:vertical}.page-nav-links{display:flex;align-items:center;gap:1rem}.country-flag{display:inline-block;margin-right:.35em;font-family:system-ui,sans-serif}.page-state{min-height:55vh;display:grid;place-content:center;gap:1rem;text-align:center}.empty-state{padding:1.25rem;text-align:center;border:1px dashed var(--border)}:root{--bg: #171816;--bg-raised: #20211f;--panel: #292a27;--panel-soft: #32322e;--border: #706b60;--border-bright: #a69d89;--text: #eee7d8;--muted: #b4ac9c;--accent: #b65a50;--accent-hover: #ca6b5f;--bronze: #b38a54;--bronze-dark: #765936;--parchment: #d8c9ab;--marble: #c8c4ba;--you: #d2a564;--stranger: #c76b60;--danger: #9d403d;--ink: #211f1a;--display: Georgia, "Times New Roman", Times, serif;--body: "Times New Roman", Times, serif;--pixel-shadow: 3px 3px 0 rgba(0,0,0,.42)}body{font-family:var(--body);font-size:17px;line-height:1.5;background-color:var(--bg);background-image:linear-gradient(#141513e6,#141513e6),url(/stone-grain.webp);background-size:auto,384px 384px;letter-spacing:.008em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:4px 4px}h1,h2,h3,.logo,.eyebrow,.round-chip{font-family:var(--display)}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;font-weight:600;letter-spacing:-.025em}h2{font-size:clamp(1.35rem,3vw,2rem);font-weight:600}h3{font-weight:600}button,.button-link{border:2px solid var(--border);border-radius:2px;background:linear-gradient(#34342f,#292925);box-shadow:var(--pixel-shadow);font-family:var(--display);letter-spacing:.035em;transition:transform 80ms ease,background-color .12s ease,border-color .12s ease}button:hover:not(:disabled),.button-link:hover{border-color:var(--bronze);text-decoration:none}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0000006b}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--parchment);outline-offset:3px}button.primary{color:#fff8e9;border-color:#d08a76;background:linear-gradient(#b85b51,#883d3a);text-shadow:1px 1px #552523}button.primary:hover:not(:disabled){background:linear-gradient(#c96a5e,#984640)}a{color:#d0a76a;text-underline-offset:.18em}a:hover{color:#e0c18e}.logo{color:var(--parchment);font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-shadow:2px 2px 0 #000}.logo:first-letter{color:var(--accent)}.logo.small{font-size:1.05rem}.tagline{font-family:var(--display);font-size:1.2rem}.auth-screen,.start-screen,.lobby-screen,.wizard-screen,.page-shell{position:relative}.auth-screen:before,.start-screen:before,.lobby-screen:before,.wizard-screen:before{content:"";position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(179,138,84,.35);box-shadow:inset 0 0 0 4px #0000001f;pointer-events:none}.auth-form,.consent-card,.vote-panel{background:linear-gradient(145deg,#33332ff7,#232421f7);border:2px solid var(--border);border-top-color:var(--border-bright);border-radius:3px;padding:1.5rem;box-shadow:7px 7px #00000047}.auth-form{width:min(25rem,90vw)}.auth-form input,.wizard-body select,.profile-form input,.profile-form select,.profile-form textarea,.moderation-form select,.moderation-form textarea,.composer input{border:2px solid #615d54;border-radius:2px;background:#1e1f1d;box-shadow:inset 2px 2px #00000040;font-family:var(--body)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(179,138,84,.45);outline-offset:1px;border-color:var(--bronze)!important}.lobby-header,.wizard-header,.chat-screen>header,.page-shell nav{background:#20211ef0;border-bottom:2px solid var(--border);box-shadow:0 3px #0000003d}.lobby-header{padding:1rem 1.5rem}.lobby-main{max-width:48rem;margin:auto}.lobby-main:before{content:"POLICON · FORUM";color:var(--bronze);font-family:var(--display);font-size:.72rem;letter-spacing:.24em}.elo-badge,.axis-chip,.round-chip{border:1px solid var(--bronze-dark);border-radius:2px;background:#25241f;color:var(--parchment)}.wizard-body{width:min(58rem,92vw)}.wizard-body section,.report-card{background:linear-gradient(145deg,#2f2f2bf5,#232421f5);border:2px solid var(--border);border-top-color:var(--border-bright);border-radius:3px;padding:clamp(1rem,3vw,1.6rem);box-shadow:var(--pixel-shadow)}.wizard-footer{background:#1c1d1bf5;border-top:2px solid var(--border)}.statement{border-color:#5d5951}.likert label{border:2px solid #5f5b52;border-radius:2px;background:#242522}.likert label.selected{color:#fff4df;border-color:var(--bronze);background:#7c493c;outline:1px solid #c79962}input[type=range]{accent-color:var(--accent)}.page-shell{width:min(64rem,92vw)}.page-shell nav{margin:0 -1rem 2.5rem;padding:.8rem 1rem}.report-card{margin:1.25rem 0}.career-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.career-grid div,.final-score div{border:2px solid #655f55;border-radius:2px;background:linear-gradient(#33332f,#282925);box-shadow:2px 2px #00000040}.career-grid b,.final-score b{color:#d3a96c;font-family:var(--display)}.leaderboard{border:2px solid var(--border);border-radius:2px;box-shadow:var(--pixel-shadow)}.leaderboard>div:nth-child(2n){background:#ffffff06}.leaderboard em{color:#d3a96c}.report-chart polyline,.live-score polyline{stroke:var(--bronze)}.eyebrow{color:var(--bronze);letter-spacing:.2em}.chat-screen{background:#181916}.opponent-strip,.debate-banner,.live-score,.question-verdict{background:#242522;border-bottom:2px solid #545148}.debate-banner{box-shadow:inset 4px 0 0 var(--accent)}.phase-timer,.debate-banner.phase-floor .phase-label{color:#d8ad70}.video-panel{background:#0c0d0c;border-right:2px solid var(--border)}.video-tile:last-child{border:2px solid var(--border-bright);border-radius:2px;box-shadow:var(--pixel-shadow)}.video-placeholder{background:radial-gradient(circle at center,#292a27,#111210 70%);font-family:var(--display)}.chat-column{border-left:0;background:#20211e}.message-list{background:linear-gradient(#1f201df0,#1b1c1af0),url(/stone-grain.webp);background-size:auto,384px}.message{border-left:2px solid transparent;padding-left:.5rem}.message.you{border-left-color:var(--bronze)}.message.stranger{border-left-color:var(--accent)}.composer,.controls{background:#242522}.moment-toast{border-radius:2px;border-width:2px;box-shadow:var(--pixel-shadow)}.moment-praise{border-left-color:var(--bronze)}.moment-flag{background:#391e1e}.debate-overlay{background:#0a0a09db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.question-card{border:2px solid #656057;border-radius:2px;background:#272825;box-shadow:2px 2px #00000040}.question-card.selected{border-color:var(--bronze);outline:2px solid #7f493f;outline-offset:2px}.final-score{max-width:42rem}.notice{color:#e0b674}.form-error{color:#e2786d}@media(max-width:700px){body{font-size:16px}.auth-screen:before,.start-screen:before,.lobby-screen:before,.wizard-screen:before{top:.4rem;right:.4rem;bottom:.4rem;left:.4rem}.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-header{padding:.75rem}.page-shell nav{margin:0 0 1.5rem}.leaderboard>div{align-items:center;flex-wrap:wrap}.leaderboard>div span{width:100%;padding-left:2rem}.video-tile:last-child{min-width:110px;width:30%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stats-grid,.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stats-grid div{display:flex;flex-direction:column;gap:.4rem}.career-grid{grid-template-columns:repeat(4,1fr);margin:1rem 0}.career-grid b{font-size:1.6rem}.history-row,.leaderboard>div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border-top:1px solid var(--border);text-decoration:none}.leaderboard{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.leaderboard strong{flex:1}.leaderboard em{color:var(--accent);font-style:normal;font-weight:700}.button-link{display:inline-flex;align-items:center;padding:.45rem .75rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;text-decoration:none}@media(max-width:600px){.career-grid{grid-template-columns:repeat(2,1fr)}.final-score,.stats-grid{grid-template-columns:1fr}.lobby-user .handle{display:none}}.consent-card{width:min(36rem,92vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.consent-card li{margin:.7rem 0;color:var(--muted)}