:root{--green:#0b6b2e;--red:#b3171f;--black:#000;--white:#fff;--ink:#1a1a1a;--muted:#5c5c5c;--line:#d9d9d9;--soft:#f2f2f2;--font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.55}a{color:var(--green)}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:460px}.section{padding:40px 20px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:0 0 14px;letter-spacing:-.02em;font-weight:800}h2{font-size:1.5rem;margin:0 0 12px}h3{margin:0 0 6px}.flag-band{height:8px;background:linear-gradient(90deg,var(--black) 0 33.3%,var(--red) 33.3% 66.6%,var(--green) 66.6%)}.site-header{border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--white);z-index:10}.bar{display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}.brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--black)}.brand span{color:var(--red)}nav{display:flex;gap:18px;flex:1 1;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink);font-weight:500}nav a:hover{color:var(--red)}.btn{display:inline-block;border:2px solid var(--green);background:var(--green);color:var(--white);padding:8px 16px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--green)}.btn.big{padding:12px 22px;font-size:1.05rem}.link{background:none;border:0;color:var(--green);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.hero{background:var(--black);color:var(--white);padding:56px 0;border-bottom:8px solid var(--red)}.hero-grid{display:grid;grid-gap:36px;gap:36px;grid-template-columns:1.2fr 1fr;align-items:center}.hero .kicker{color:#7be39c;font-weight:700;margin:0 0 8px}.hero .lede{font-size:1.15rem;max-width:52ch;color:#e6e6e6}.hero .when{font-weight:700}.hero .btn.ghost{color:var(--white);border-color:var(--white)}.hero .ok{color:#7be39c;font-weight:700}.hero .err{color:#ff9a9a}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.count{color:#cfcfcf}.countdown{display:flex;gap:12px;justify-content:center;min-height:110px}.countdown div{background:#111;border:2px solid var(--green);border-radius:6px;padding:14px 8px;min-width:76px;text-align:center}.countdown b{display:block;font-size:clamp(1.8rem,5vw,3rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.countdown small{color:#bdbdbd}.question{font-size:1.35rem;font-weight:700;border-left:6px solid var(--red);padding-left:16px;max-width:60ch}.plain{list-style:none;padding:0;margin:0}.plain li{padding:10px 0;border-bottom:1px solid var(--line)}.form{grid-gap:14px;gap:14px;margin:18px 0}.form,label{display:grid}label{grid-gap:4px;gap:4px;font-weight:600}input{font:inherit;padding:10px 12px;border:2px solid var(--line);border-radius:4px;width:100%}input:focus{border-color:var(--green);outline:none}.err{color:var(--red);font-weight:600}.ok{color:var(--green);font-weight:700}.note{color:var(--muted);font-size:.9rem;margin:6px 0}.live-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 360px;padding:24px 20px 48px}.live-title{font-size:clamp(1.4rem,3vw,2rem)}.player{aspect-ratio:16/9;background:var(--black);border-radius:6px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.lobby{height:100%;display:grid;place-content:center;text-align:center;color:var(--white);grid-gap:10px;gap:10px;padding:12px}.lobby p{font-size:1.2rem;font-weight:700;margin:0}.lobby .countdown div{min-width:60px;padding:8px 4px}.lobby .countdown b{font-size:1.6rem}.panel{border:2px solid var(--black);border-radius:6px;padding:16px;margin:18px 0}.opt{position:relative;display:flex;justify-content:space-between;width:100%;margin:8px 0;padding:12px 14px;border:2px solid var(--line);border-radius:4px;background:var(--white);font:inherit;cursor:pointer;overflow:hidden;text-align:left}.opt:disabled{cursor:default}.opt .fill{position:absolute;inset:0 auto 0 0;background:#cfe9d8;transition:width .6s}.opt .lbl,.opt .pct{position:relative;font-weight:600}.opt.mine{border-color:var(--green)}.side{border:2px solid var(--black);border-radius:6px;flex-direction:column;min-height:520px;max-height:80vh;padding:12px}.side,.tabs{display:flex}.tabs{gap:6px;margin-bottom:8px}.tabs button{flex:1 1;padding:8px;border:0;border-bottom:3px solid var(--line);background:none;font:inherit;font-weight:700;cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--red)}.chat,.qa{display:flex;flex-direction:column;flex:1 1;min-height:0}.log{flex:1 1;overflow-y:auto;border:1px solid var(--line);border-radius:4px;padding:8px;margin-bottom:8px}.log p{margin:0 0 6px;font-size:.95rem;word-break:break-word}.log b,.qlist b{margin-right:6px;color:var(--green)}.qlist{overflow-y:auto}.row{gap:8px;margin:6px 0}.foot,.row{display:flex}.foot{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.foot a{margin-right:10px}@media (max-width:860px){.hero-grid,.live-grid{grid-template-columns:1fr}.side{min-height:420px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.bar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.menu-btn{display:none;width:44px;height:44px;border:2px solid var(--black);border-radius:4px;background:var(--white);cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-btn span{display:block;width:20px;height:2px;background:var(--black);transition:transform .2s,opacity .2s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:860px){.bar{flex-wrap:nowrap;gap:10px;min-height:56px}.brand{font-size:1.1rem;white-space:nowrap}.bar-actions .btn{padding:6px 12px;white-space:nowrap}.menu-btn{display:inline-flex}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex:none;flex-direction:column;gap:0;background:var(--white);border-bottom:4px solid var(--red);box-shadow:0 12px 24px rgba(0,0,0,.18)}.site-header nav.open{display:flex}.site-header nav a{padding:16px 20px;font-size:1.1rem;border-top:1px solid var(--line)}}@media (max-width:380px){.brand{font-size:1rem}.bar-actions{gap:6px}}