@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}body{margin:0;background:#101512;color:#ecf0df;font-family:Arial,'Microsoft YaHei',sans-serif}main{max-width:1000px;margin:auto;padding:30px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30382e;padding-bottom:25px}.brand{font-weight:800;letter-spacing:3px;font-size:19px;color:inherit;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#8d9b88;margin-top:7px}.live{font-size:12px;color:#c3e894;border:1px solid #46523a;padding:9px 13px;border-radius:30px}.live i{display:inline-block;width:6px;height:6px;background:#c3e894;border-radius:50%;margin-right:8px}.intro{padding:35px 0 23px}.eyebrow{font-size:10px;letter-spacing:3px;color:#adc28e}h1{font-size:clamp(28px,5vw,44px);margin:12px 0;font-weight:600;letter-spacing:-1px}.intro>p:last-child{color:#9ba596;font-size:13px;line-height:1.8}.arena{border:1px solid #3c4637;background:#171e19;border-radius:12px;overflow:hidden}.scoreboard{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.team{display:grid;gap:5px}.team>span{font-size:10px;letter-spacing:2px}.team strong{font-size:36px;font-weight:500}.team small,.match small{font-size:11px;color:#96a18f}.blue{color:#65ceff}.red{color:#ff8d76;text-align:right}.match{text-align:center;display:grid;gap:7px}.match span{font-size:11px;color:#c5d8ac}.match b{font-family:monospace;font-size:24px;font-weight:400}.board{position:relative;margin:0 18px;background:#101713;border:1px solid #354030;border-radius:5px;overflow:hidden}canvas{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#131c15ed;padding:25px}#overlay[hidden]{display:none}#overlay h2{font-size:23px;font-weight:500}#loading{font-size:12px;color:#aab59f;line-height:1.8}.toolbar{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}#status{font-size:11px;color:#c3d5ae}.toolbar>div{display:flex;gap:8px}button,select{font:inherit;font-size:11px;color:#e2ead7;border:1px solid #45523d;background:#232d22;border-radius:5px;padding:10px 12px;cursor:pointer}button:hover,select:hover{background:#354430}button:disabled{opacity:.4;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #c3e894;outline-offset:3px}footer{padding:20px 0;color:#85917c;font-size:11px;line-height:1.7}footer a{color:#c3d5ae;text-underline-offset:4px}@media(max-width:540px){main{padding:20px 12px}.scoreboard{padding:16px}.board{margin:0 8px}.toolbar{flex-direction:column;align-items:stretch}.toolbar>div{justify-content:space-between}button,select{padding:10px 8px}.team small{font-size:9px}.intro{padding:22px 0 15px}}

.settings{display:flex;align-items:center;gap:12px;padding:16px 18px 0;flex-wrap:wrap}.settings label{font-size:12px;color:#c3d5ae}.settings small{font-size:10px;color:#96a18f;line-height:1.7}

.ffa-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ffa-scoreboard .team{text-align:center}.gold{color:#ffd079}.violet{color:#c5a0ff}.team.eliminated{opacity:.35}.roundline{display:flex;justify-content:center;gap:22px;padding:0 15px 18px;align-items:center;font-size:11px;color:#aebfa0}.roundline b{font:20px monospace}.team small{min-height:28px;line-height:1.4}@media(max-width:540px){.ffa-scoreboard{padding:14px 8px;gap:5px}.team>span{font-size:8px;letter-spacing:1px}.roundline{gap:12px}}