*{box-sizing:border-box}body{margin:0;background:#0d121b;color:#e1e6ee;font:14px/1.5 'Segoe UI','Malgun Gothic',sans-serif}button,input,select,textarea,.button{font:inherit}button,.button{cursor:pointer;border:1px solid #303d50;border-radius:7px;background:#192333;color:#cfdae9;padding:8px 12px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#27344a;border-color:#8b7955}button:disabled{opacity:.35;cursor:default}input,select,textarea{min-width:0;background:#0e1623;color:#ecf0f7;border:1px solid #2e3b50;border-radius:6px;padding:9px}input:focus,select:focus,textarea:focus{outline:2px solid #bea16a;outline-offset:1px}h1,h2,p{margin:0}h1{font-size:21px}h2{font-size:16px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:700;color:#b7a17a}.accent{background:#c3a773;color:#161c27;border-color:#c3a773;font-weight:700}.accent:hover{background:#dcc18b}.muted{color:#8c9bb1;font-size:12px}.spacer{flex:1}.danger{color:#e7a29d}header{height:86px;padding:0 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263043;background:#111824}.brand,.actions{display:flex;gap:12px;align-items:center}.brand-icon{font-size:32px;border:1px solid #594d36;color:#d7bd85;border-radius:10px;padding:0 10px}#connection{color:#8bb6a4;font-size:11px;margin-right:8px}#connection.disconnected{color:#df9b80}.studio{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;padding:20px;align-items:start}.roster-panel,.board-panel{background:#121b28;border:1px solid #283347;border-radius:12px;overflow:hidden}.roster-panel{padding:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}small{font-size:11px;color:#8395ae;font-weight:400}#add-player{display:grid;grid-template-columns:minmax(0,1fr) 66px 34px;gap:5px;margin:16px 0 12px}#add-player input,#add-player select{padding:8px 6px;font-size:12px}#add-player button{padding:4px;font-size:21px}.roster-filters{display:flex;gap:5px;margin-bottom:9px}.roster-filters button{padding:4px 10px;font-size:11px;border:0;background:transparent;color:#8293aa}.roster-filters .selected{color:#d9bd87;background:#b59b601a}.roster{max-height:calc(100vh - 360px);min-height:140px;overflow:auto;padding-right:3px}.roster-player{display:flex;align-items:center;gap:6px;min-height:38px;padding:5px 6px;margin:4px 0;border:1px solid #29364b;background:#182333;border-radius:6px;cursor:grab}.name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;min-width:0}.grip{color:#566985;font-size:18px}.race{font-size:11px;font-weight:700}.T{color:#51bfd4}.Z{color:#b189e0}.P{color:#d8b76e}.R{color:#8eb39a}.edit-player{border:0;background:transparent;padding:0 3px;font-size:17px}.unplace-zone{border:1px dashed #40516a;border-radius:7px;color:#8095ae;font-size:11px;text-align:center;padding:12px 4px;margin-top:12px}.empty-roster{text-align:center;color:#788ba6;font-size:12px;padding:35px 6px}.extras{border-top:1px solid #28374c;margin-top:16px;padding-top:12px}.extras summary{cursor:pointer;color:#8c9db5;font-size:12px}.extras button,.extras .button{display:block;width:100%;margin-top:8px;text-align:left;font-size:12px}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #25334a}.board-heading input{display:block;border:1px solid transparent;background:transparent;padding:2px 4px;width:min(500px,50vw)}#title{font-size:20px;font-weight:700;letter-spacing:1px}#subtitle{color:#8093ac;font-size:12px}#save-status{color:#859c90;font-size:11px}.instruction{display:flex;align-items:center;gap:18px;padding:11px 17px;font-size:11px;color:#a1afc3;border-bottom:1px solid #25334a}.instruction b{color:#d5b67c;margin-right:5px}.instruction button{font-size:11px;padding:4px 8px}.selection-tip{padding:9px 16px;background:#b8a06c22;color:#e7cd96;font-size:12px}.board-scroll{overflow:auto;background:#080f19}.board-scroll #stage{position:absolute;left:0;top:0}.board-scroll #board-fit{position:relative}#stage{width:1920px;height:1080px;transform-origin:top left;background:radial-gradient(ellipse at 50% 45%,#142536 0,#0d1928 45%,#080e17 100%);border:1px solid #66583d}.overlay{overflow:hidden;background:#080e17}.overlay #stage{position:absolute}.stage-title{position:absolute;top:32px;width:100%;text-align:center}.stage-title h1{font-size:37px;letter-spacing:5px;margin:5px 0}.stage-title p{color:#90a3bb;font-size:16px}.legend{letter-spacing:2px}.round-label{position:absolute;top:150px;width:174px;text-align:center;color:#d9bf87;font-size:19px}.round-label small{display:block;color:#8295b1;letter-spacing:2px;font-size:10px;margin-top:3px}.match-card{position:absolute;width:174px;height:80px;border:1px solid #40536d;border-radius:5px;background:linear-gradient(130deg,#1c2b3e,#101c2b);box-shadow:0 7px 18px #0003;overflow:visible}.slot{height:39px;display:flex;align-items:center;padding:0 9px;gap:6px;position:relative;font-size:18px;border-bottom:1px solid #ffffff09;border-radius:4px}.slot .pts{font-size:12px;color:#bfa678}.slot .race{font-size:11px}.slot.win{background:#c8a4581a;color:#f1dba8}.slot.lose{opacity:.38}.slot.empty{color:#647d9e;font-size:14px}.slot.empty .race{font-size:15px;font-weight:400}.complete{border-color:#9f8555}.final{border-color:#bda16c}.wire{fill:none;stroke:#384b64;stroke-width:2}.wire.won{stroke:#ac915f}svg.wires{position:absolute;inset:0;pointer-events:none}.champion{position:absolute;left:800px;top:730px;width:320px;min-height:135px;text-align:center;border:1px solid #6d5c3e;border-radius:7px;background:#bda15b0a;padding:18px}.champion .crown{font-size:27px;color:#d6b573}.champion small{color:#b6a078;letter-spacing:3px}.champion strong{font-size:23px;display:block;margin-top:8px;font-weight:500}.champion.awarded{box-shadow:0 0 40px #b9993414;border-color:#d9b365}.revoke-champion{font-size:12px;margin-top:8px;padding:3px 9px}.remove-slot{position:absolute;right:-10px;top:-8px;width:22px;height:22px;border-radius:50%;font-size:16px;padding:0;background:#27364d;color:#dde6f4;display:none;z-index:3}.admin .slot:hover .remove-slot,.admin .slot:focus-within .remove-slot{display:block}.admin .slot[draggable=true]{cursor:grab}.admin .slot[role=button],.admin .champion{cursor:pointer}.drop-allowed{outline:2px solid #d6bc7f!important;outline-offset:-2px;background:#d0b77220!important;box-shadow:0 0 16px #c3aa5c17}.selected-player{outline:2px solid #6eb7bf;outline-offset:-2px}.slot:focus-visible,.roster-player:focus-visible{outline:2px solid #6eb7bf}.dialog-actions{display:flex;gap:8px;margin-top:18px;align-items:center}dialog{background:#172131;color:#e4eaf3;border:1px solid #536078;border-radius:12px;padding:24px;width:430px;max-width:90vw}dialog::backdrop{background:#020711ad}dialog h2{margin-bottom:15px}dialog input{width:calc(100% - 75px);margin-right:5px}dialog textarea{width:100%;resize:vertical;margin-top:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#ddc38b;color:#152033;border-radius:8px;padding:11px 20px;opacity:0;pointer-events:none;z-index:50;transition:opacity .15s;max-width:90vw}#toast.show{opacity:1}#offline{position:absolute;bottom:65px;left:40px;color:#c5aa76;font-size:13px}[hidden]{display:none!important}*{scrollbar-width:thin;scrollbar-color:#3b4b61 #111925}@media(max-width:1000px){header{height:auto;padding:15px;gap:12px;flex-wrap:wrap}.studio{padding:10px;grid-template-columns:225px minmax(0,1fr);gap:10px}.instruction{gap:8px;flex-wrap:wrap}.actions{gap:6px}.actions button,.actions a{font-size:12px}.roster-panel{padding:12px}}@media(max-width:650px){.studio{display:block}.roster-panel{margin-bottom:12px}.roster{max-height:200px}.brand-icon{display:none}.board-heading input{width:60vw}}
.board-panel{position:relative}.selection-tip{position:absolute;top:0;left:0;right:0;z-index:5;pointer-events:none}