:root{font-family:Hiragino Sans,Yu Gothic,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f2f5fa;background-color:#05070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 28%,#1a2440,#05070d 68%) no-repeat fixed}a{color:#ffb020;text-decoration:none}:root{--ink: #f2f5fa;--dim: #9aa7bd;--accent: #ffb020;--panel: rgba(18, 24, 38, .72);--line: #2a3550}#root{width:100%}.landing{max-width:720px;margin:0 auto;padding:72px 24px 96px;text-align:center;color:var(--ink)}.landing h1{margin:0 0 6px;font-size:clamp(38px,7vw,60px);letter-spacing:.14em;line-height:1.1}.lead{margin:0 auto 24px;max-width:560px;color:var(--dim);font-size:14px;line-height:2}.namefield{display:block;max-width:320px;margin:0 auto 22px;text-align:left}.namefield .fieldlabel{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.08em;color:var(--dim)}.namefield .field{margin-bottom:6px}.namefield .fieldnote{display:block;font-size:11px;line-height:1.8;color:#66718a}.play{display:inline-block;margin:0 8px 10px;padding:20px 52px;border:0;border-radius:12px;background:var(--accent);color:#1a1204;font-family:inherit;font-size:20px;font-weight:800;letter-spacing:.08em;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px #ffb02040;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.play.brawl{background:#4f7cff;color:#f2f5fa;box-shadow:0 10px 30px #4f7cff47}.play.brawl:hover{background:#6b91ff;color:#f2f5fa;box-shadow:0 14px 38px #4f7cff61}.brawlsize{margin:0 0 8px;font-size:13px;color:var(--dim)}.brawlsize>span{margin-right:8px}.sizebtn{margin:0 3px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px;cursor:pointer}.sizebtn:hover{border-color:#6b91ff;color:#6b91ff}.sizebtn.sel{background:#4f7cff;border-color:#4f7cff;color:#f2f5fa}.play:hover{background:#ffc24d;color:#1a1204;transform:translateY(-2px);box-shadow:0 14px 38px #ffb02059}.play:active{transform:translateY(0);box-shadow:0 6px 18px #ffb0204d}.note{margin:14px 0 0;color:var(--dim);font-size:12px}.panel{margin:44px 0 0;padding:22px 26px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-align:left}.panel h2{margin:0 0 14px;font-size:13px;letter-spacing:.18em;color:var(--accent);font-weight:700}.online{text-align:center}.field{width:100%;max-width:320px;padding:11px 14px;margin-bottom:14px;font-family:inherit;font-size:14px;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px}.field:focus{outline:none;border-color:var(--accent)}.field.code{width:150px;margin-bottom:0;text-align:center;letter-spacing:.24em;font-weight:700}.roomrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.roombtn{padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:8px;cursor:pointer}.roombtn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.roombtn:disabled{opacity:.4;cursor:default}.roombtn.primary{background:var(--accent);color:#1a1204;border-color:var(--accent)}.roombtn.primary:hover{background:#ffc24d;color:#1a1204}.or{font-size:12px;color:var(--dim)}.hint{margin:14px 0 0;font-size:12px;color:var(--dim);line-height:1.8}footer{margin-top:40px;font-size:11px;line-height:1.9;color:#66718a}.padcfgbtn{margin-top:28px;font-family:inherit;font-size:13px;padding:9px 18px;cursor:pointer;background:#0a0e16cc;color:var(--ink);border:1px solid var(--line);border-radius:8px}.padcfgbtn:hover{border-color:var(--accent);color:var(--accent)}.padinfo{margin:14px 0 10px;padding:10px 14px;text-align:left;font-size:12px;line-height:1.8;color:#7cff9a;background:#0a0e16b8;border-radius:8px;border-left:3px solid #7cff9a}.padinfo b{color:var(--ink)}#padcfg{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px 0;background:#03050aed}#padcfg .box{width:min(680px,94vw);padding:0 30px;text-align:left}#padcfg h2{font-size:24px;margin:0 0 10px;letter-spacing:.1em}#padcfg .lead{font-size:13px;color:var(--dim);line-height:1.9;margin:0 0 14px}#padcfg .lead b{color:var(--accent)}#padcfg .note{font-size:11px;color:#66718a;margin:10px 0 0;line-height:1.7}#padcfgList table{width:100%;border-collapse:collapse;font-size:13px}#padcfgList td{padding:8px 6px;border-top:1px solid #202a41;vertical-align:middle}#padcfgList tr.waiting td{background:#ffb0201a}#padcfgList .cmd{width:170px;font-weight:700}#padcfgList .cmd small{display:block;font-weight:400;font-size:10px;color:#66718a;margin-top:2px}#padcfgList .asg{color:var(--dim)}#padcfgList .ops{width:170px;text-align:right;white-space:nowrap}#padcfgList .ops button{font-family:inherit;font-size:12px;padding:5px 11px;margin-left:6px;cursor:pointer;background:#0a0e16cc;color:var(--ink);border:1px solid #2a3550;border-radius:6px}#padcfgList .ops button:hover{border-color:var(--accent);color:var(--accent)}#padcfgList .chip{display:inline-block;font-family:inherit;font-size:12px;padding:4px 9px;margin:2px 4px 2px 0;background:#ffb02024;color:var(--accent);border:1px solid rgba(255,176,32,.45);border-radius:999px;cursor:pointer}#padcfgList button.chip:hover{background:#ff5a5a2e;border-color:#ff7a6a;color:#ff9d90}#padcfgList .chip i{font-style:normal;margin-left:5px;opacity:.65}#padcfgList .chip.none{background:none;border-color:#2a3550;color:#66718a;cursor:default}#padcfgList .chip.fix{background:none;border-color:#2a3550;color:var(--dim);cursor:default}#padcfgList .chip.opt{background:none;border-color:#2a3550;color:var(--dim)}#padcfgList .chip.opt:hover{border-color:var(--accent);color:var(--accent)}#padcfgList .chip.opt.sel{background:#ffb02024;border-color:#ffb02073;color:var(--accent)}#padcfgList .chip.opt.off{opacity:.4;cursor:not-allowed}#padcfgList .chip.opt.off:hover{border-color:#2a3550;color:var(--dim)}#padcfgList .hint{display:block;font-size:10px;color:#66718a;margin-top:3px}#padcfgList .wait{color:var(--accent);font-weight:700}#padcfgList .sensitivity-control{display:flex;align-items:center;gap:12px;width:100%}#padcfgList .sensitivity-control input{flex:1;min-width:120px;accent-color:var(--accent);cursor:pointer}#padcfgList .sensitivity-control output{min-width:42px;color:var(--accent);font-weight:700;text-align:right}#padcfg .row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}#padcfg .row button{font-family:inherit;font-size:14px;font-weight:700;padding:11px 24px;cursor:pointer;background:#0a0e16cc;color:var(--ink);border:1px solid #2a3550;border-radius:8px}#padcfg .row button.primary{background:var(--accent);color:#1a1204;border-color:var(--accent)}#padcfg .row button.primary:hover{background:#ffc24d}#padcfg.hide{display:none}