@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root,[data-theme=dark]{--bg-0:#0b0c0f;--bg-1:#121418;--bg-2:#181b21;--bg-3:#22262e;--bg-4:#2d323c;--line-1:#22262e;--line-2:#2d323c;--line-3:#3a4150;--text-1:#f4f5f7;--text-2:#b7bcc7;--text-3:#7c8390;--text-4:#535964;--coral:#f04e5e;--coral-dim:#b83a48;--coral-bg:rgba(240,78,94,0.12);--coral-line:rgba(240,78,94,0.35);--lime:#c8ff3d;--lime-dim:#8db526;--lime-bg:rgba(200,255,61,0.12);--green:#2e9e6a;--green-bg:rgba(46,158,106,0.14);--amber:#f5a524;--amber-bg:rgba(245,165,36,0.14);--red:#e24b4b;--red-bg:rgba(226,75,75,0.14);--sky:#60b8f0;--sky-bg:rgba(96,184,240,0.14);--f-sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;--f-display:"Bricolage Grotesque","Space Grotesk",sans-serif;--r-1:4px;--r-2:6px;--r-3:10px;--r-4:14px;--ease:cubic-bezier(0.22,1,0.36,1)}[data-theme=light]{--bg-0:#f5f7fa;--bg-1:#ffffff;--bg-2:#f0f2f6;--bg-3:#e4e7ee;--bg-4:#d6dae3;--line-1:#e4e7ee;--line-2:#cfd4de;--line-3:#b6bcc9;--text-1:#15171c;--text-2:#383c46;--text-3:#5d6373;--text-4:#8b91a0;--lime:#6a8a18;--lime-dim:#4d6510;--sky:#1f7fc4;--amber:#b87a14;--coral-bg:rgba(240,78,94,0.12);--coral-line:rgba(240,78,94,0.45);--lime-bg:rgba(141,181,38,0.18);--green-bg:rgba(46,158,106,0.16);--amber-bg:rgba(245,165,36,0.20);--red-bg:rgba(226,75,75,0.12);--sky-bg:rgba(96,184,240,0.18)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-0);color:var(--text-1);font-family:var(--f-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--lime-bg)}50%{box-shadow:0 0 0 6px rgba(200,255,61,.04)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-lime{0%{background:rgba(200,255,61,.12)}to{background:transparent}}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes cell-pulse{0%,to{box-shadow:0 0 0 0 rgba(200,255,61,.7);transform:scale(1)}50%{box-shadow:0 0 0 7px rgba(200,255,61,0);transform:scale(1.06)}}@keyframes confetti-fall{0%{transform:translate3d(0,-20vh,0) rotate(0deg);opacity:1}to{transform:translate3d(var(--cx,0),110vh,0) rotate(var(--cr,2turn));opacity:.9}}@keyframes celebration-pop{0%{opacity:0;transform:scale(.8)}55%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes live-dot-pulse{0%,to{box-shadow:0 0 0 0 rgba(200,255,61,.55)}50%{box-shadow:0 0 0 10px rgba(200,255,61,0)}}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .18s var(--ease)}.app:has(.rail-collapsed){grid-template-columns:60px 1fr}.rail{background:var(--bg-1);border-right:1px solid var(--line-1);display:flex;flex-direction:column;overflow:hidden;position:relative}.rail-brand{padding:18px 20px 16px;border-bottom:1px solid var(--line-1);position:relative}.rail-brand,.rail-brand-link{display:flex;align-items:center;gap:10px}.rail-brand-link{flex:1 1;min-width:0;text-decoration:none;color:inherit;cursor:pointer}.rail-brand-mark{flex-shrink:0}.rail-brand-text{min-width:0;overflow:hidden}.rail-collapse-btn{flex-shrink:0}.rail-collapsed-toggle{display:flex;justify-content:center;padding:10px 0 4px}.rail-collapsed .rail-brand{padding:14px 0 12px;justify-content:center}.rail-collapsed .rail-brand-link{justify-content:center;flex:0 0 auto;gap:0}.rail-collapsed .rail-list{padding:8px 6px;display:flex;flex-direction:column;gap:4px;align-items:center}.rail-collapsed .rail-footer{padding:12px 0;justify-content:center}.rail-section-add{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;color:var(--text-3);text-decoration:none;font-size:14px;line-height:1;transition:background .12s var(--ease),color .12s var(--ease)}.rail-section-add:hover{background:var(--bg-2);color:var(--text-1)}.rail-game-icon{position:relative;width:40px;height:40px;border-radius:var(--r-2);display:grid;place-items:center;background:var(--bg-2);color:var(--text-2);font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:-.02em;text-decoration:none;border:1px solid transparent;transition:background .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.rail-game-icon:hover{background:var(--bg-3);color:var(--text-1)}.rail-game-icon.active{background:var(--coral-bg);color:var(--coral);border-color:var(--coral-line)}.rail-game-live-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 2px var(--bg-1);animation:pulse 1.6s ease-in-out infinite}.rail-brand-mark{width:28px;height:28px;border-radius:7px;background:var(--coral);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--f-display);font-size:16px;letter-spacing:-.03em}.rail-brand-wordmark{font-family:var(--f-display);font-weight:700;font-size:15px;letter-spacing:-.01em}.rail-brand-sub{color:var(--text-3);font-family:var(--f-mono);letter-spacing:.08em;margin-top:-2px}.rail-brand-sub,.rail-section{font-size:10px;text-transform:uppercase}.rail-section{padding:14px 14px 6px;font-weight:600;letter-spacing:.12em;color:var(--text-4);display:flex;align-items:center;justify-content:space-between}.rail-list{padding:0 8px;overflow-y:auto;flex:1 1}.rail-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-2);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;margin-bottom:1px;transition:background .12s var(--ease),color .12s var(--ease)}.rail-item:hover{background:var(--bg-2);color:var(--text-1)}.rail-item.active{background:var(--bg-3);color:var(--text-1)}.rail-item .dot{width:6px;height:6px;border-radius:50%;background:var(--text-4);flex-shrink:0}.rail-item.status-live .dot{background:var(--lime);animation:pulse 1.6s ease-in-out infinite}.rail-item.status-upcoming .dot{background:var(--sky)}.rail-item.status-paused .dot{background:var(--sky);animation:pulse-sky 2.4s ease-in-out infinite}@keyframes pulse-sky{0%,to{box-shadow:0 0 0 0 rgba(96,184,240,.55)}50%{box-shadow:0 0 0 5px rgba(96,184,240,0)}}.rail-item.status-done .dot{background:var(--text-3)}.rail-item .label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item .meta{font-family:var(--f-mono);font-size:10px;color:var(--text-4)}.rail-footer{padding:12px 14px;border-top:1px solid var(--line-1);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--coral),#ff8a63);display:grid;place-items:center;font-weight:700;font-size:11px;color:#fff;flex-shrink:0}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-0)}.topbar{display:flex;align-items:center;gap:20px;padding:0 28px;height:60px;border-bottom:1px solid var(--line-1);flex-shrink:0}.topbar-title .crumb{font-size:10px;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-4)}.topbar-title .name{font-size:17px;font-weight:600;letter-spacing:-.01em}.topbar-tabs{display:flex;gap:2px;margin-left:12px;height:100%;align-items:stretch}.topbar-tab{padding:0 16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-3);border-bottom:2px solid transparent;cursor:pointer;transition:color .12s var(--ease);text-decoration:none}.topbar-tab:hover{color:var(--text-2)}.topbar-tab.active{color:var(--text-1);border-bottom-color:var(--coral)}.topbar-right{margin-left:auto}.topbar-right,.topbar-timer{display:flex;align-items:center;gap:10px}.topbar-timer{padding:6px 12px 6px 10px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2)}.topbar-timer.live{border-color:var(--lime-dim);background:rgba(200,255,61,.04)}.topbar-timer .pill-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:pulse 1.6s ease-in-out infinite}.topbar-timer .time{font-family:var(--f-mono);font-weight:600;font-size:13px;letter-spacing:.04em}.topbar-timer .lbl{font-size:10px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-family:var(--f-mono)}.canvas{flex:1 1;overflow-y:auto;padding:28px}.canvas-wide{padding:0}.page-header{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-header h1{font-family:var(--f-display);font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1.05}.page-header .sub{color:var(--text-3);margin-top:4px;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-2);font-size:13px;font-weight:600;background:var(--bg-2);border:1px solid var(--line-2);color:var(--text-1);cursor:pointer;transition:all .12s var(--ease);white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--line-3)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.primary:hover{background:#d44453}.btn.primary:disabled,.btn.primary[disabled]{background:var(--bg-2);border-color:var(--line-2);color:var(--text-4);opacity:1}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2)}.btn.danger{color:var(--red)}.btn.danger:hover{background:var(--red-bg);border-color:var(--red-bg);color:var(--red)}.btn.lime{background:var(--lime);border-color:var(--lime);color:#0b0c0f}.btn.sm{padding:6px 10px;font-size:12px}.btn.lg{padding:12px 18px;font-size:14px}.btn.icon-only{padding:6px;width:30px;height:30px;justify-content:center}.btn.sm.icon-only{width:28px;height:28px}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-2);color:var(--text-3);cursor:pointer;transition:all .12s var(--ease)}.icon-btn:hover{background:var(--bg-3);color:var(--text-1)}.card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-3)}.card-head{padding:16px 18px;border-bottom:1px solid var(--line-1);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head h3{font-size:14px;font-weight:600}.card-head .sub{font-size:11px;color:var(--text-3);font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.card-body{padding:18px}.card-body.dense{padding:0}.kicker{font-weight:700;letter-spacing:.14em;color:var(--text-3)}.chip,.kicker{font-size:10px;text-transform:uppercase;font-family:var(--f-mono)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--r-1);font-weight:600;letter-spacing:.1em;background:var(--bg-3);color:var(--text-2);border:1px solid transparent;white-space:nowrap}.chip.coral{background:var(--coral-bg);color:var(--coral);border-color:var(--coral-line)}.chip.lime{background:var(--lime-bg);color:var(--lime)}.chip.green{background:var(--green-bg);color:var(--green)}.chip.amber{background:var(--amber-bg);color:var(--amber)}.chip.red{background:var(--red-bg);color:var(--red)}.chip.sky{background:var(--sky-bg);color:var(--sky)}.chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.chip.lime .dot{animation:pulse 1.6s ease-in-out infinite}.chip.type-A{background:var(--amber-bg);color:var(--amber)}.chip.type-Bt{background:var(--sky-bg);color:var(--sky)}.chip.type-Br{background:var(--lime-bg);color:var(--lime)}.chip.type-C{background:var(--coral-bg);color:var(--coral)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-family:var(--f-mono)}.field-hint{font-size:12px;color:var(--text-3)}.input,.select,.textarea{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-2);padding:10px 12px;font-size:13px;color:var(--text-1);outline:none;transition:border-color .12s var(--ease);width:100%;box-sizing:border-box}.input,.select{height:40px}.input:focus,.select:focus,.textarea:focus{border-color:var(--coral);background:var(--bg-3)}.textarea{min-height:80px;resize:vertical;height:auto}.input-group{display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-2);overflow:hidden}.input-group:focus-within{border-color:var(--coral)}.input-group .prefix{padding:0 12px;display:flex;align-items:center;color:var(--text-3);font-family:var(--f-mono);font-size:12px;border-right:1px solid var(--line-1);background:var(--bg-1)}.input-group input{flex:1 1;padding:10px 12px;background:transparent;border:none;outline:none;font-size:13px;color:var(--text-1)}.seg{display:inline-flex;padding:3px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-2);gap:2px}.seg-btn{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-3);border-radius:4px;cursor:pointer;transition:all .12s var(--ease);display:flex;align-items:center;gap:6px;white-space:nowrap}.seg-btn.active,.seg-btn:hover{color:var(--text-1)}.seg-btn.active{background:var(--bg-3)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);font-family:var(--f-mono);background:var(--bg-1)}.tbl td,.tbl th{border-bottom:1px solid var(--line-1)}.tbl td{padding:12px 14px;vertical-align:middle}.tbl tbody tr{transition:background .12s var(--ease)}.tbl tbody tr:hover{background:var(--bg-3)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{font-family:var(--f-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb{display:flex;flex-direction:column}.lb-row{display:grid;grid-template-columns:48px 1fr 80px 180px 120px 100px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line-1);grid-gap:14px;gap:14px;transition:background .2s var(--ease)}.lb-row:hover{background:var(--bg-3)}.lb-row.just-finished{animation:flash-lime 2.4s var(--ease) 1}.lb-rank{font-family:var(--f-display);font-size:28px;font-weight:700;color:var(--text-3);letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-rank.top-1{color:var(--coral)}.lb-rank.top-2{color:var(--amber)}.lb-rank.top-3{color:var(--lime)}.lb-team-name{font-size:15px;font-weight:600}.lb-team-code{font-family:var(--f-mono);font-size:11px;color:var(--text-3);letter-spacing:.08em;margin-top:2px}.lb-progress-bar{height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:6px}.lb-progress-fill{height:100%;background:var(--coral);border-radius:999px;transition:width .5s var(--ease)}.lb-progress-fill.done{background:var(--lime)}.lb-progress-label{font-size:11px;color:var(--text-3);font-family:var(--f-mono);letter-spacing:.04em}.lb-time{font-family:var(--f-mono);font-weight:600;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-time.done{color:var(--lime)}.lb-penalty{font-family:var(--f-mono);font-size:12px;color:var(--text-3)}.lb-penalty.bad{color:var(--amber)}.feed-item{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line-1);align-items:center;animation:feed-in .4s var(--ease)}.feed-time{font-family:var(--f-mono);font-size:11px;color:var(--text-4);letter-spacing:.04em;min-width:56px}.feed-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feed-dot.ok{background:var(--green)}.feed-dot.bad{background:var(--red)}.feed-dot.dup{background:var(--text-4)}.feed-text{flex:1 1;font-size:13px;min-width:0}.feed-text .b{font-weight:600}.feed-text .team{font-family:var(--f-mono);color:var(--coral)}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.stat-tile{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-3);padding:18px 20px}.stat-tile .l{font-size:10px;color:var(--text-4);letter-spacing:.12em;text-transform:uppercase;font-family:var(--f-mono);margin-bottom:6px}.stat-tile .v{font-family:var(--f-display);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-tile .d{font-size:12px;color:var(--text-3);margin-top:6px}.stat-tile .d .up{color:var(--lime)}.mono{font-family:var(--f-mono)}.muted{color:var(--text-3)}.row{align-items:center}.row,.stack{display:flex;gap:10px}.stack{flex-direction:column}.grow{flex:1 1}.divider{height:1px;background:var(--line-1);margin:16px 0}.player-page{min-height:100dvh;background:var(--bg-0);flex-direction:column;padding:0 0 60px}.player-header,.player-page{display:flex;align-items:center}.player-header{width:100%;padding:16px 20px;gap:10px;border-bottom:1px solid var(--line-1);background:var(--bg-1);flex-shrink:0}.player-brand-mark{width:32px;height:32px;border-radius:8px;background:var(--coral);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--f-display);font-size:18px;letter-spacing:-.03em}.player-brand-name{font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:-.01em}.player-brand-sub{font-size:11px;color:var(--text-3);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:-2px}.player-body{width:100%;max-width:480px;padding:24px 20px 0;display:flex;flex-direction:column;gap:16px}.cp-info{padding:22px 20px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-4)}.cp-position{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-family:var(--f-mono);margin-bottom:6px}.cp-name{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-bottom:10px}.cp-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-1);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:var(--f-mono)}.cp-type-badge.A{background:var(--amber-bg);color:var(--amber)}.cp-type-badge.Bt{background:var(--sky-bg);color:var(--sky)}.cp-type-badge.Br{background:var(--lime-bg);color:var(--lime)}.cp-type-badge.C{background:var(--coral-bg);color:var(--coral)}.form-card{padding:22px 20px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-4);gap:22px}.bilabel,.form-card{display:flex;flex-direction:column}.bilabel{gap:2px;margin-bottom:10px}.bilabel-fi{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.bilabel-en,.bilabel-fi{font-family:var(--f-mono)}.bilabel-en{font-size:10px;color:var(--text-4);letter-spacing:.08em}.team-code-input{font-family:var(--f-mono);font-size:30px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase;padding:18px 16px;border:2px solid var(--line-2);border-radius:var(--r-3);width:100%;background:var(--bg-3);color:var(--text-1);outline:none;transition:border-color .15s var(--ease)}.team-code-input:focus{border-color:var(--coral)}.team-code-input::placeholder{color:var(--text-4);letter-spacing:.1em}.judge-warning{margin-top:8px;padding:12px 14px;background:var(--amber-bg);border:1px solid rgba(245,165,36,.4);border-radius:var(--r-2);font-size:13px;color:var(--amber);line-height:1.5}.judge-warning strong{font-weight:700;font-family:var(--f-mono)}.question-block{margin-bottom:14px}.question-fi{font-size:19px;font-weight:600;margin-bottom:4px}.question-en,.question-fi{line-height:1.35;white-space:pre-line}.question-en{font-size:14px;color:var(--text-3)}.option-list{display:flex;flex-direction:column;gap:10px}.option-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:2px solid var(--line-2);border-radius:var(--r-3);cursor:pointer;background:var(--bg-3);transition:border-color .15s var(--ease),background .15s var(--ease);min-height:64px}.option-card:hover{border-color:var(--line-3)}.option-card.selected{border-color:var(--coral);background:var(--coral-bg)}.option-card.selected-green{border-color:var(--green);background:var(--green-bg)}.option-card.selected-red{border-color:var(--red);background:var(--red-bg)}.option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-3);display:grid;place-items:center;flex-shrink:0;transition:border-color .15s var(--ease)}.option-card.selected .option-radio,.option-card.selected-green .option-radio,.option-card.selected-red .option-radio{border-color:currentColor}.option-radio-inner{width:10px;height:10px;border-radius:50%;background:transparent;transition:background .15s var(--ease)}.option-card.selected .option-radio-inner{background:var(--coral)}.option-card.selected-green .option-radio-inner{background:var(--green)}.option-card.selected-red .option-radio-inner{background:var(--red)}.option-text{font-size:17px;font-weight:600;flex:1 1}.option-text-en{font-size:13px;color:var(--text-3);margin-top:2px}.answer-input{padding:16px;border:2px solid var(--line-2);border-radius:var(--r-3);width:100%;background:var(--bg-3);color:var(--text-1);font-size:20px;font-weight:600;outline:none;transition:border-color .15s var(--ease)}.answer-input:focus{border-color:var(--coral)}.answer-input::placeholder{color:var(--text-4);font-weight:400;font-size:16px}.finish-message{text-align:center;padding:20px 0 8px}.finish-icon{font-size:48px;margin-bottom:12px}.finish-fi{font-size:20px;font-weight:700;font-family:var(--f-display);margin-bottom:6px}.finish-en{font-size:15px;color:var(--text-3)}.form-error{padding:14px 16px;background:var(--red-bg);border:1px solid rgba(226,75,75,.4);border-radius:var(--r-2);font-size:14px;color:var(--red);line-height:1.5}.submit-btn{width:100%;padding:20px;background:var(--coral);color:#fff;border:none;border-radius:var(--r-3);font-size:18px;font-weight:700;font-family:var(--f-sans);cursor:pointer;transition:background .15s var(--ease),opacity .15s;letter-spacing:.01em;min-height:64px}.submit-btn:hover:not(:disabled){background:var(--coral-dim)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn.loading{opacity:.7;cursor:wait}.success-cards{display:flex;flex-direction:column;gap:12px}.success-card-1{padding:28px 24px;background:var(--green-bg);border:2px solid var(--green);border-radius:var(--r-4);text-align:center;animation:slideup .3s var(--ease)}.success-check{font-size:48px;color:var(--green);font-weight:900;line-height:1;margin-bottom:12px}.success-title-fi{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--green);letter-spacing:-.01em;margin-bottom:4px}.success-title-en{font-size:15px;color:var(--text-3)}.success-card-2{padding:20px 24px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-4);animation:slideup .35s var(--ease)}.success-cp-fi{font-size:17px;font-weight:600;margin-bottom:2px}.success-cp-en{font-size:13px;color:var(--text-3)}.success-cp-name{font-family:var(--f-display);font-size:20px;font-weight:700;margin-top:6px}.wrong-penalty-notice{margin-top:10px;padding:10px 12px;background:var(--amber-bg);border-radius:var(--r-2);font-size:13px;color:var(--amber);font-weight:600}.success-card-3{padding:24px;background:var(--coral-bg);border:2px solid var(--coral-line);border-radius:var(--r-4);text-align:center;animation:slideup .4s var(--ease)}.progress-label-fi{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-family:var(--f-mono);margin-bottom:2px}.progress-label-en{font-size:10px;color:var(--text-4);font-family:var(--f-mono);letter-spacing:.06em;margin-bottom:14px}.progress-count{font-family:var(--f-display);font-size:52px;font-weight:800;letter-spacing:-.03em;color:var(--coral);line-height:1;margin-bottom:8px}.progress-count .total{font-size:32px;color:var(--text-3);font-weight:600}.progress-remaining-fi{font-size:15px;font-weight:600;margin-bottom:2px}.progress-remaining-en{font-size:12px;color:var(--text-3)}.progress-loading{color:var(--text-4);font-size:14px;padding:8px 0}.finish-page{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at top,rgba(200,255,61,.08),transparent 60%),var(--bg-0)}.finish-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.finish-hero{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px 32px;text-align:center}.finish-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:var(--lime);color:#0b0c0f;font-family:var(--f-mono);font-size:14px;font-weight:700;letter-spacing:.28em;box-shadow:0 0 0 4px rgba(200,255,61,.18);animation:celebration-pop .5s cubic-bezier(.2,.9,.2,1) both}.finish-congrats-fi{font-family:var(--f-display);font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);line-height:1.05;margin-top:8px;animation:celebration-pop .6s cubic-bezier(.2,.9,.2,1) .1s both}.finish-congrats-en{font-size:16px;color:var(--text-3);letter-spacing:.02em;animation:celebration-pop .6s cubic-bezier(.2,.9,.2,1) .15s both}.finish-team-name{font-family:var(--f-display);font-size:44px;font-weight:700;letter-spacing:-.03em;color:var(--coral);line-height:1.05;margin-top:12px;max-width:90vw;word-break:break-word;animation:celebration-pop .6s cubic-bezier(.2,.9,.2,1) .2s both}.finish-team-code{font-family:var(--f-mono);font-size:16px;font-weight:700;letter-spacing:.3em;color:var(--coral);animation:celebration-pop .6s cubic-bezier(.2,.9,.2,1) .25s both}.finish-stats{display:flex;gap:32px;margin-top:20px;animation:celebration-pop .6s cubic-bezier(.2,.9,.2,1) .3s both}.finish-stat{text-align:center}.finish-stat-label{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.26em;color:var(--text-4);margin-bottom:4px}.finish-stat-value{font-family:var(--f-mono);font-size:28px;font-weight:700;color:var(--text-1);letter-spacing:.02em}.finish-stat-time{font-size:34px;color:var(--lime);letter-spacing:.04em;white-space:nowrap}.finish-stat-total{font-size:14px;color:var(--text-4);margin-left:4px;font-weight:600}.finish-message-fi{margin-top:20px;font-size:16px;font-weight:600;color:var(--text-2)}.finish-message-en{font-size:13px;color:var(--text-4)}.finish-back-btn{margin-top:24px;max-width:360px;width:100%}.state-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background:var(--bg-0)}.state-icon{font-size:56px;margin-bottom:20px}.state-title-fi{font-family:var(--f-display);font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.state-title-en{font-size:16px;color:var(--text-3);margin-bottom:20px}.state-body{font-size:16px;color:var(--text-2);margin:0 auto 8px}.state-body,.state-body-en{line-height:1.6;max-width:340px}.state-body-en{font-size:13px;color:var(--text-3);margin:0 auto}.state-highlight{font-weight:700}.state-highlight,.state-page.urgent .state-title-fi{color:var(--coral)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.game-card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--r-3);padding:22px;cursor:pointer;transition:all .15s var(--ease)}.game-card:hover{border-color:var(--line-3);transform:translateY(-1px);background:var(--bg-3)}.game-card.live{border-color:var(--lime-dim)}.game-card.paused{border-color:var(--sky);animation:card-pulse-sky 2.4s ease-in-out infinite}@keyframes card-pulse-sky{0%,to{box-shadow:0 0 0 0 rgba(96,184,240,.3)}50%{box-shadow:0 0 0 6px rgba(96,184,240,0)}}.game-card-title{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin-bottom:4px}.game-card-loc{font-size:12px;color:var(--text-3)}.game-card-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px;border-top:1px solid var(--line-1);padding-top:16px;margin-top:16px}.game-card-stat-v{font-family:var(--f-display);font-size:22px;font-weight:700}.game-card-stat-l{font-size:10px;color:var(--text-4);letter-spacing:.08em;text-transform:uppercase;font-family:var(--f-mono);margin-top:2px}.md{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - var(--topbar-h));overflow:hidden}.md-list{border-right:1px solid var(--line-1);overflow:hidden;background:var(--bg-1)}.md-list,.md-list-head{display:flex;flex-direction:column}.md-list-head{padding:20px 16px 14px;border-bottom:1px solid var(--line-1);gap:10px;flex-shrink:0}.md-list-body{overflow-y:auto;flex:1 1}.md-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--line-1);transition:background .12s var(--ease)}.md-item:hover{background:var(--bg-2)}.md-item.active{background:var(--bg-3)}.md-item-num{font-family:var(--f-mono);font-size:11px;color:var(--text-4);min-width:22px;flex-shrink:0}.md-item-body{flex:1 1;min-width:0}.md-item-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-1)}.md-item-meta{display:flex;align-items:center;gap:6px;margin-top:3px}.md-detail{display:flex;flex-direction:column;overflow:hidden}.md-detail-head{padding:20px 24px 16px;border-bottom:1px solid var(--line-1);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0;background:var(--bg-1)}.md-detail-body{overflow-y:auto;flex:1 1;padding:20px 24px 40px}.chip.type-a{background:rgba(240,78,94,.15);color:#f04e5e;border-color:rgba(240,78,94,.3)}.chip.type-bt{background:rgba(96,184,240,.15);color:#60b8f0;border-color:rgba(96,184,240,.3)}.chip.type-br{background:rgba(245,165,36,.15);color:#f5a524;border-color:rgba(245,165,36,.3)}.chip.type-bp{background:rgba(196,141,255,.15);color:#c48dff;border-color:rgba(196,141,255,.3)}.chip.type-c{background:rgba(200,255,61,.12);color:#c8ff3d;border-color:rgba(200,255,61,.3)}.start-header{position:-webkit-sticky;position:sticky;top:0;z-index:5}.header-clock{display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:12px;color:var(--text-2);white-space:nowrap}.header-clock-dot{width:8px;height:8px;border-radius:50%;background:var(--text-4);flex-shrink:0}.header-clock-dot.live{background:var(--lime);animation:pulse 1.6s ease-in-out infinite}.header-clock-dot.warn{background:var(--amber);animation:pulse 1.2s ease-in-out infinite}.header-clock-dot.red{background:var(--red)}.header-clock-dot.sky{background:var(--sky)}.header-clock-time{font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--text-1)}.header-clock-time.warn{color:var(--amber)}.header-clock-time.live{color:var(--lime)}.header-clock-label{font-size:10px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.header-clock-text{font-size:12px;color:var(--text-2)}.header-clock-text.red{color:var(--red);font-weight:700}.start-actions{gap:10px}.start-actions,.start-footer{display:flex;flex-direction:column}.start-footer{margin-top:24px;padding:16px 4px 40px;border-top:1px solid var(--line-1);gap:4px;font-size:12px;color:var(--text-3);font-family:var(--f-mono);letter-spacing:.03em}.start-footer-line strong{color:var(--text-1);font-weight:700}.start-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:feed-in .15s ease}.start-modal-card{width:100%;max-width:460px;max-height:90dvh;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-4);display:flex;flex-direction:column;overflow:hidden;animation:slideup .25s var(--ease)}.start-modal-head{padding:22px 22px 14px;border-bottom:1px solid var(--line-1)}.start-modal-kicker{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--coral);margin-bottom:8px}.start-modal-title{font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--text-1)}.start-modal-body{padding:18px 22px;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:16px}.start-modal-section{display:flex;flex-direction:column;gap:6px}.start-modal-lang{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4)}.start-modal-text{font-size:15px;line-height:1.55;color:var(--text-1);white-space:pre-wrap;word-break:break-word}.start-modal-card>.submit-btn{border-radius:0;margin:0}.scanner-overlay{position:fixed;inset:0;background:#000;z-index:2100;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top,0px),16px) 16px max(env(safe-area-inset-bottom,0px),16px);animation:feed-in .15s ease}.scanner-top{text-align:center;color:#fff;padding:8px 0 16px}.scanner-title-fi{font-family:var(--f-display);font-size:20px;font-weight:700;letter-spacing:-.01em}.scanner-title-en{font-size:13px;color:rgba(255,255,255,.6);margin-top:2px}.scanner-viewport{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--r-3);background:#111}.scanner-viewport #qr-scanner-region{width:100%;height:100%}.scanner-viewport #qr-scanner-region video{width:100%!important;height:100%!important;object-fit:cover;border-radius:var(--r-3)}.scanner-frame{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--coral) 2px,transparent 2px) 0 0 /24px 2px no-repeat,linear-gradient(to bottom,var(--coral) 2px,transparent 2px) 0 0 /2px 24px no-repeat,linear-gradient(to left,var(--coral) 2px,transparent 2px) 100% 0 /24px 2px no-repeat,linear-gradient(to bottom,var(--coral) 2px,transparent 2px) 100% 0 /2px 24px no-repeat,linear-gradient(to right,var(--coral) 2px,transparent 2px) 0 100% /24px 2px no-repeat,linear-gradient(to top,var(--coral) 2px,transparent 2px) 0 calc(100% - 24px) /2px 24px no-repeat,linear-gradient(to left,var(--coral) 2px,transparent 2px) 100% 100% /24px 2px no-repeat,linear-gradient(to top,var(--coral) 2px,transparent 2px) 100% calc(100% - 24px) /2px 24px no-repeat;margin:12px}.scanner-error{margin-top:12px;padding:10px 14px;background:var(--red-bg);border:1px solid rgba(226,75,75,.5);border-radius:var(--r-2);color:var(--red);font-size:13px;text-align:center}.scanner-cancel-btn{margin-top:14px;padding:16px;min-height:56px;border-radius:var(--r-3);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:15px;font-weight:600;font-family:var(--f-mono);letter-spacing:.04em;cursor:pointer}.scanner-cancel-btn:active{background:rgba(255,255,255,.2)}.countdown-line{font-family:var(--f-mono);letter-spacing:.04em}