@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--ink:#090d16;--panel:#151d2b;--soft:#202b3d;--line:#344358;--white:#f3f6fa;--sub:#adbed0;--lime:#d5fc5e;--pink:#ff8fa7;--cyan:#81e8f0;--shadow:0 16px 55px #04080faa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;background:radial-gradient(circle at 10% -10%,#1a3b3c,transparent 42%),radial-gradient(circle at 90% 12%,#182949,transparent 40%),var(--ink);color:var(--white);font-family:'Zen Kaku Gothic New',system-ui,sans-serif;font-weight:600}
button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button,.btn{transition:background .15s,transform .15s}button:active{transform:scale(.985)}.app{max-width:1380px;margin:auto;padding:18px clamp(14px,3vw,40px) 38px}
.top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.05em}.brandmark{display:grid;place-items:center;font-size:25px;color:#0a1020;background:var(--lime);border-radius:13px;width:49px;height:49px;transform:rotate(-8deg);box-shadow:5px 5px 0 #385660}.brand small{display:block;font-size:10px;letter-spacing:.19em;color:var(--cyan)}.brand strong{font-size:clamp(16px,2.5vw,21px)}.topactions,.actions,.chips,.teams,.stagebar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.button{border:1px solid var(--line);border-radius:13px;background:#2b384c;padding:11px 15px;font-size:14px;font-weight:900;min-height:44px}.button.primary{color:#101920;background:var(--lime);border-color:var(--lime)}.button.secondary{color:var(--cyan);background:#1a3846;border-color:#416f78}.button.danger{background:#442331;border-color:#814254;color:#ffd0dc}.button.small{min-height:36px;padding:7px 10px;font-size:12px}.button.outline{background:transparent}.button:hover{filter:brightness(1.11)}
.headline{background:linear-gradient(118deg,#202e42 15%,#1f453b 90%);border:1px solid #4d7063;border-radius:23px;box-shadow:var(--shadow);padding:26px clamp(17px,3vw,36px);position:relative;overflow:hidden}.headline:after{content:"";width:260px;height:260px;position:absolute;top:-160px;right:-70px;border:3px solid #74b58f55;border-radius:50%;pointer-events:none}.eyebrow{font-size:12px;color:var(--lime);font-weight:900;letter-spacing:.15em}.headline h1{margin:8px 0;font-weight:900;font-size:clamp(30px,5.5vw,66px);line-height:1.1;letter-spacing:-.065em}.headline h1 span{color:var(--lime)}.headline p{color:#c8dfde;font-size:13px;margin:5px 0}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,370px);gap:16px;margin-top:18px}.column{min-width:0;display:flex;flex-direction:column;gap:16px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:clamp(15px,2.2vw,24px);box-shadow:0 12px 30px #0003}.panel h2{font-size:18px;margin:0 0 13px;letter-spacing:-.03em}.kicker{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.modegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.modebtn{border:1px solid #3d4e65;border-radius:14px;background:#202e40;padding:13px 8px;text-align:center;min-height:79px;font-size:13px;font-weight:900;line-height:1.45}.modebtn .emoji{font-size:25px;display:block;margin-bottom:4px}.modebtn.active{border-color:var(--lime);background:#345146;color:var(--white);box-shadow:inset 0 0 0 1px var(--lime)}.gameframe{min-height:260px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.gametitle{font-size:clamp(28px,4vw,49px);font-weight:900;line-height:1.28;letter-spacing:-.04em;margin:2px 0}.gameprompt{font-size:clamp(21px,3vw,32px);font-weight:900;line-height:1.63;white-space:pre-wrap;overflow-wrap:anywhere}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.option{background:#254252;border:1px solid #568c92;border-radius:14px;padding:15px;font-weight:900;font-size:19px;overflow-wrap:anywhere}.option b{color:var(--lime);margin-right:8px}.criterion{font-size:12px;line-height:1.65;color:#bdced7;background:#1b3041;padding:10px 13px;border-radius:10px;border-left:3px solid var(--cyan)}.fine{font-size:12px;color:var(--sub);line-height:1.75}.segment{height:1px;background:var(--line);margin:13px 0}.scorecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scorecard{min-width:0;background:#202b3c;border:1px solid #405169;border-radius:14px;padding:13px;text-align:center}.scorecard.leader{background:linear-gradient(150deg,#334935,#202b3c);border-color:#99ba60}.scorecard input{border:0;outline:none;color:var(--white);background:transparent;min-width:0;width:100%;text-align:center;font-weight:900;font-size:14px}.scorecard strong{display:block;color:var(--lime);font-weight:900;font-size:clamp(32px,5vw,48px);line-height:1.1;margin:7px 0}.scorecard small{color:var(--sub);font-size:11px}.awardrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.award{border:1px solid #547062;background:#2b413e;border-radius:9px;padding:10px 3px;font-size:12px;font-weight:900}.award:hover{background:#42675a}.courtroles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.courtrole{border:1px solid #4f6871;background:#233844;border-radius:12px;padding:12px 7px;text-align:center}.courtrole strong{display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.courtrole small{color:var(--sub);font-size:10px}.evidence{background:#43302b;border:1px solid #9d6e54;border-radius:13px;padding:14px;line-height:1.7}.evidence strong{color:#ffd2a2}.chatpanel{min-height:330px;display:flex;flex-direction:column}.chatlog{display:flex;flex-direction:column;gap:9px;height:255px;overflow-y:auto;padding:5px 4px 12px;scrollbar-width:thin}.bubble{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 13px;border-radius:13px;max-width:96%}.bubble.ai{background:#293b41;border:1px solid #416570;align-self:flex-start}.bubble.host{background:#344225;border:1px solid #697940;align-self:flex-end}.chatinput{width:100%;min-height:76px;resize:vertical;border:1px solid #517081;background:#172432;color:var(--white);padding:13px;border-radius:12px;outline:none;font-size:15px}.chatinput::placeholder{color:#8da5b3}.quickrow{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.quick{background:#253a49;border:1px solid #456477;border-radius:20px;font-size:12px;font-weight:900;padding:7px 10px}.chatbottom{display:flex;gap:7px;margin-top:7px}.chatbottom .button.primary{flex:1}.connection{color:var(--sub);font-size:11px;margin-top:7px}.timer{font-size:clamp(40px,6vw,66px);font-variant-numeric:tabular-nums;color:var(--lime);font-weight:900;line-height:1.1}.timer.urgent{color:var(--pink)}.history{display:grid;gap:7px}.historyrow{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--sub);font-size:12px;line-height:1.5;border-bottom:1px solid var(--line);padding:7px 0}.historyrow b{color:var(--white);font-weight:800}.footer{color:#74869d;font-size:11px;text-align:center;margin-top:18px}.audience{position:fixed;inset:0;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,4vw,55px);background:radial-gradient(circle at 50% 0%,#21534d,transparent 60%),#080d16}.audience.on{display:flex}.audience .label{color:var(--lime);font-size:clamp(14px,2vw,25px);font-weight:900;letter-spacing:.15em}.audience h2{font-size:clamp(30px,6vw,76px);letter-spacing:-.06em;line-height:1.25;text-align:center;margin:12px 0}.audience .question{font-size:clamp(28px,5.2vw,65px);font-weight:900;line-height:1.5;text-align:center;max-width:1100px;white-space:pre-wrap;overflow-wrap:anywhere}.audience .option{font-size:clamp(22px,3vw,38px)}.audience .options{max-width:1050px}.audience .close{position:absolute;top:18px;right:18px}.audience .scores{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:30px}.audience .scores span{border:1px solid #527b7a;background:#1d3445;border-radius:14px;padding:10px 19px;font-size:clamp(13px,2vw,24px);font-weight:900}.news-overlay{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;background:#09050aee}.news-overlay.on{display:flex}.newscard{max-width:1000px;padding:45px;border:3px solid #ff6977;border-radius:25px;background:linear-gradient(160deg,#4f1826,#171621);box-shadow:0 0 80px #ff567755}.newscard h2{color:#ffafbc;font-size:clamp(17px,3vw,29px)}.newscard p{font-size:clamp(29px,5vw,65px);font-weight:900;line-height:1.55}.hidden{display:none!important}
@media(max-width:950px){.main{grid-template-columns:1fr}.modegrid{grid-template-columns:repeat(4,minmax(0,1fr))}.chatlog{height:230px}.headline{padding:24px 21px}.top{align-items:flex-start}.topactions{justify-content:flex-end}}
@media(max-width:540px){.app{padding:12px 12px 25px}.brand small{font-size:8px}.brand strong{font-size:15px}.brandmark{width:40px;height:40px;font-size:21px}.topactions .button{padding:7px;font-size:11px;min-height:33px}.headline{border-radius:16px}.modegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modebtn{min-height:62px}.modebtn .emoji{font-size:22px}.panel{border-radius:15px;padding:14px}.scorecard{padding:10px 5px}.scorecard input{font-size:12px}.scorecard small{font-size:10px}.courtroles{grid-template-columns:1fr 1fr 1fr;gap:5px}.courtrole{padding:9px 3px}.courtrole strong{font-size:12px}.audience .scores{gap:6px}.audience .scores span{padding:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}