:root{--bg:#17181c;--panel:#21232a;--line:#33363f;--text:#e9eaee;--muted:#9aa0ac;--danger:#d9534f;--tile-w:96px;--tile-h:144px;--gap:6px;--tier-S:#ff7f7f;--tier-A:#ffbf7f;--tier-B:#ffdf7f;--tier-C:#ffff7f;--tier-D:#bfff7f;--tier-E:#7fff7f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}.tile{width:var(--tile-w);height:var(--tile-h);-webkit-user-select:none;user-select:none;background:#101116;border-radius:4px;flex:none;position:relative;overflow:hidden}.tile-img{object-fit:cover;width:100%;height:100%;display:block}.tile-fallback{text-align:center;width:100%;height:100%;color:var(--muted);place-items:center;padding:6px;font-size:12px;display:grid}.tile-remove{color:#fff;opacity:0;background:#000000a6;border:0;border-radius:3px;width:20px;height:20px;padding:0;line-height:1;transition:opacity .12s;position:absolute;top:2px;right:2px}.tile:hover .tile-remove{opacity:1}.tier-list{flex-direction:column;gap:2px;display:flex}.tier-row{background:var(--panel);align-items:stretch;display:flex}.tier-label{color:#14151a;flex:0 0 72px;place-items:center;width:72px;font-size:22px;font-weight:700;display:grid}.tier-label[data-tier=S]{background:var(--tier-S)}.tier-label[data-tier=A]{background:var(--tier-A)}.tier-label[data-tier=B]{background:var(--tier-B)}.tier-label[data-tier=C]{background:var(--tier-C)}.tier-label[data-tier=D]{background:var(--tier-D)}.tier-label[data-tier=E]{background:var(--tier-E)}.tier-label[data-tier=unranked]{background:var(--line);color:var(--text);font-size:13px}.zone{min-height:calc(var(--tile-h) + var(--gap) * 2);align-content:flex-start;gap:var(--gap);padding:var(--gap);flex-wrap:wrap;flex:1;display:flex}.zone[data-over=true]{background:#ffffff0f}.unranked{margin-top:18px}.page{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.page-title{margin:0 0 16px;font-size:20px;font-weight:600}.modal-backdrop{z-index:50;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-dialog{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(880px,100%);overflow:hidden}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.modal-title{margin:0;font-size:15px;font-weight:600}.modal-close{color:var(--muted);background:0 0;border:0;font-size:22px;line-height:1}.modal-video{aspect-ratio:16/9;border:0;width:100%;display:block}.modal-empty{text-align:center;color:var(--muted);margin:0;padding:40px}.modal-edit{border-top:1px solid var(--line);padding:12px 14px}.modal-edit-row{gap:8px;display:flex}.modal-edit-row .field-input{flex:1}.field-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field-input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#16171c;border-radius:4px;padding:7px 9px}.field-error{color:var(--danger);margin:6px 0 0;font-size:12px}.btn{border:1px solid var(--line);color:var(--text);white-space:nowrap;background:#2c2f38;border-radius:4px;padding:7px 14px}.btn:hover{background:#363945}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex:0 0 280px;align-self:flex-start;width:280px}.panel-modes{border-bottom:1px solid var(--line);display:flex}.mode-btn{color:var(--muted);background:0 0;border:0;flex:1;padding:9px;font-size:13px}.mode-btn.is-active{color:var(--text);background:#2c2f38}.panel-body{flex-direction:column;gap:12px;padding:14px;display:flex}.field-textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:12px}.btn-primary{background:#3b5bdb;border-color:#3b5bdb}.btn-primary:hover{background:#4c6ef5}.bulk-report{color:var(--muted);font-size:12px}.bulk-report ul{margin:6px 0 0;padding-left:18px}.bulk-report li{color:var(--danger);font-family:ui-monospace,monospace}.page-editor{max-width:1400px}.editor-layout{align-items:flex-start;gap:20px;display:flex}.editor-board{flex:1;min-width:0}.page-narrow{max-width:420px}.login-form{flex-direction:column;gap:12px;display:flex}.banner{color:var(--muted);background:#2c2f38;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:13px}.banner-error{color:#ffb3b0;background:#3a1f1f}