:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#090e19;color:#e9f3ff}*{box-sizing:border-box}body{margin:0}main{max-width:1420px;margin:auto;padding:28px}header,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header,.between{justify-content:space-between}h1{font-size:32px;margin:0}h1 small{font-size:18px;font-weight:400;color:#76dece}h2{font-size:21px}h3{font-size:16px}p,footer{color:#a1b3c8;line-height:1.8}a{color:#78e5d2}button,input{font:inherit;border:1px solid #3a586f;border-radius:9px;padding:12px 16px;background:#1a3546;color:#f1f9ff}button{cursor:pointer}button:hover{border-color:#68e7d0;background:#254758}button:disabled{cursor:default;opacity:.4}input{background:#0b1523;min-width:180px}button:focus-visible,input:focus{outline:2px solid #66e4ce;outline-offset:2px}.secondary{background:#132334}.panel{background:#101d30;border:1px solid #293b52;border-radius:14px;padding:22px;margin:18px 0}.columns{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px}aside{align-self:start}form{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#notice{min-height:28px;color:#ffd084;margin-top:10px}#room-title{color:#6ce5d2}#start{margin-left:auto}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fighters article{text-align:center;background:#14253b;border:1px solid #30465d;border-radius:12px;padding:12px}.mascot{margin:14px auto;background:#66e4ce;color:#163843;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 9px #66e4ce15}.orange{background:#ffb066;box-shadow:0 0 0 9px #ffb06615}strong{font-size:26px;color:#66e4ce}.result{padding:16px;background:#172c41;border-radius:10px;color:#ecf5ff;min-height:62px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.actions button{position:relative;display:flex;align-items:center;flex-direction:column;padding:40px 7px 16px;gap:7px}.actions b{font-size:18px}.actions span{font-size:13px;color:#b7c9da}kbd{position:absolute;top:8px;left:9px;border:1px solid #7191a7;border-radius:5px;background:#0b1726;padding:2px 7px;font-size:12px}#next{width:100%;margin-top:12px}.history{max-height:190px;overflow:auto;color:#9fb2c9;font-size:14px;white-space:pre-wrap;line-height:1.8}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 7px;border-bottom:1px solid #293b52}summary{cursor:pointer;color:#79dcca}footer{font-size:12px;text-align:center}[hidden]{display:none!important}@media(max-width:1050px){.columns{grid-template-columns:1fr}main{padding:16px}aside{margin-top:0}}@media(max-width:560px){.actions{grid-template-columns:repeat(2,1fr)}.panel{padding:16px}.fighters{gap:8px}.fighters h3{font-size:14px}}
