:root{color-scheme:dark;font-family:system-ui,"Noto Sans JP",sans-serif;color:#f5f0ff;background:#11101b}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0}.wrap{max-width:1120px;margin:0 auto;padding:24px 16px 60px}
header,.toolbar,.pager{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
header{padding-bottom:20px;border-bottom:1px solid #433858}header small{font-size:11px;letter-spacing:.1em;color:#a6a0b4}
h1{font-size:clamp(23px,4vw,34px);margin:7px 0}h2{font-size:19px}h3{font-size:16px}
a{color:#efd4ff}button{background:#3c315b;color:#fff;border:1px solid #695587;border-radius:9px;padding:10px 15px;cursor:pointer;font:inherit}
button:hover{background:#51416f}button:disabled{opacity:.4;cursor:default}
input{background:#171324;color:#fff;border:1px solid #8a789f;border-radius:8px;font:inherit;padding:11px;min-width:220px}
#login-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
label{font-size:14px}.panel{border:1px solid #443850;background:#201b2d;border-radius:14px;padding:20px;margin:20px 0}
#login-error{color:#ff929c}.muted,.foot{color:#b5afc2;font-size:13px}
.actions{display:flex;gap:15px;align-items:center}.players{display:grid;gap:9px}
.player{display:grid;grid-template-columns:minmax(140px,1.5fr) repeat(4,minmax(85px,1fr)) auto;gap:12px;align-items:center;padding:14px;background:#2b2338;border-radius:10px}
.player small,.stat small{display:block;font-size:11px;color:#a8a2b6}.player strong{font-size:15px}
.stat{font-variant-numeric:tabular-nums}.negative{color:#ff929c}
.chat-stat strong{display:block;overflow-wrap:anywhere}.chat-stat .chat-note{font-size:10px;color:#c2b7d1;margin-top:3px}
.grades{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.grade{background:#302740;border:1px solid #4b3c62;border-radius:12px;overflow:hidden}
.grade img{display:block;width:100%;height:230px;object-fit:contain;background:#15101f;cursor:zoom-in}
.grade-body{padding:11px}.grade-title{font-weight:700;overflow-wrap:anywhere}.score{font-size:22px;font-weight:700;color:#f0c4ea}
.grade p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.grade time{font-size:11px;color:#b3aac4}
.foot{margin-top:24px}.pager p{font-size:13px}
@media(max-width:800px){.player{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player>.who{grid-column:1/-1}.player button{grid-column:1/-1}.panel{padding:13px}.grade img{height:200px}}