.dr-page{max-width:1240px;padding-top:22px;padding-bottom:40px}.dr-page .blue{--side:var(--win)}.dr-page .red{--side:var(--loss)}.dr-menu{gap:16px;max-width:860px;margin:0 auto;display:grid}.dr-modes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dr-mode{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;gap:6px;padding:20px 18px;transition:border-color .15s,transform .15s;display:flex}.dr-mode:hover{border-color:var(--brand);transform:translateY(-1px)}.dr-mode b{font-size:18px}.dr-mode span{color:var(--sub);font-size:13.5px;line-height:1.5}.dr-opts{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);flex-wrap:wrap;gap:14px 22px;padding:14px 16px;display:flex}.dr-opts>div{flex-direction:column;gap:6px;display:flex}.dr-opts small{color:var(--mute);font-size:12px}.dr-seg{background:var(--panel-2);border-radius:10px;gap:4px;padding:3px;display:inline-flex}.dr-seg button{color:var(--sub);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:13.5px}.dr-seg button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow);font-weight:700}.dr-seg button.blue.on{color:var(--win)}.dr-seg button.red.on{color:var(--loss)}.dr-note{color:var(--mute);text-align:center;margin:10px 0 0;font-size:12.5px;line-height:1.6}.dr-err{color:var(--loss);text-align:center;margin:10px 0 0;font-size:13.5px}.dr-btn{font:inherit;cursor:pointer;color:var(--brand-ink);background:var(--brand);border:0;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700}.dr-btn.ghost{color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.dr-btn:disabled{opacity:.4;cursor:default}.dr-room{color:var(--sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-bottom:12px;font-size:13.5px;display:flex}.dr-room b{color:var(--text);letter-spacing:.12em}.dr-me{color:var(--side);font-weight:700}.dr-head{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.dr-bans{gap:6px;display:flex}.dr-bans.red{justify-content:flex-end}.dr-ban{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.dr-ban img{filter:grayscale(.85)brightness(.8)}.dr-ban.skip{opacity:.5}.dr-ban.act{border-color:var(--side);animation:1.2s infinite dr-pulse}@keyframes dr-pulse{0%,to{box-shadow:0 0 0 2px var(--side) inset}50%{box-shadow:inset 0 0 0 2px #0000}}.dr-turn{flex-direction:column;align-items:center;gap:2px;min-width:170px;display:flex}.dr-turn b{font-size:16px}.dr-turn b.blue{color:var(--win)}.dr-turn b.red{color:var(--loss)}.dr-who{color:var(--sub);font-size:12px}.dr-time{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.dr-time.low{color:var(--loss)}.dr-main{grid-template-columns:210px minmax(0,1fr) 210px;align-items:start;gap:12px;margin-top:12px;display:grid}.dr-team{flex-direction:column;gap:6px;display:flex}.dr-team h3{color:var(--side);margin:0 0 2px;font-size:14px}.dr-team.red h3{text-align:right}.dr-pick{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:10px;min-height:70px;padding:8px;display:flex}.dr-team.red .dr-pick{text-align:right;flex-direction:row-reverse}.dr-pick .no{color:var(--side);text-align:center;flex:none;width:20px;font-size:11px;font-weight:800}.dr-pick .ph{background:var(--panel-2);border-radius:10px;flex:none;width:52px;height:52px}.dr-pick img{border-radius:10px;flex:none}.dr-pick .nm{flex-direction:column;min-width:0;display:flex}.dr-pick .nm b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.dr-pick .nm small{color:var(--sub);font-size:12px}.dr-pick.act{border-color:var(--side);box-shadow:0 0 0 1px var(--side) inset}.dr-pick.hov img{opacity:.55}.dr-center{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);min-width:0;padding:12px}.dr-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dr-tools .stats-search{flex:180px}.dr-roles{flex-wrap:wrap;gap:4px;display:flex}.dr-roles button{border:1px solid var(--line);background:var(--panel-2);color:var(--sub);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:13px}.dr-roles button.on{color:var(--brand-ink);background:var(--brand);border-color:var(--brand);font-weight:700}.dr-tips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.dr-tips small{color:var(--mute);margin-right:2px;font-size:12px}.dr-tips button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:3px 9px 3px 3px;font-size:12.5px;display:inline-flex}.dr-tips img{border-radius:50%}.dr-tips em{color:var(--mute);font-size:11.5px;font-style:normal}.dr-tips i{font-size:11.5px;font-style:normal;font-weight:700}.dr-tips i.up{color:var(--win)}.dr-tips i.down{color:var(--loss)}.dr-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;max-height:470px;padding:2px;display:grid;overflow-y:auto}.dr-ch{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;display:flex;position:relative}.dr-ch img{border-radius:10px}.dr-ch span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.dr-ch em{color:#fff;background:#000000a6;border-radius:4px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:2px;right:4px}.dr-ch:hover:not(:disabled){background:var(--panel-2)}.dr-ch.on{border-color:var(--brand);background:var(--panel-2)}.dr-ch.off{opacity:.28;filter:grayscale();cursor:default}.dr-ch:disabled:not(.off){cursor:default}.dr-act{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.dr-tip-sw{color:var(--sub);align-items:center;gap:6px;margin-right:auto;font-size:13px;display:inline-flex}.dr-lock{font:inherit;cursor:pointer;color:var(--brand-ink);background:var(--brand);border:0;border-radius:10px;padding:10px 26px;font-size:15px;font-weight:800}.dr-lock.ban{color:#fff;background:var(--loss)}.dr-lock:disabled{opacity:.4;cursor:default}.dr-wait{text-align:center;justify-items:center;gap:12px;padding:40px 10px;display:grid}.dr-wait code{background:var(--panel-2);word-break:break-all;border-radius:8px;padding:8px 12px;font-size:13px}.dr-rolepick{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dr-rolepick>.dr-btn,.dr-rolepick>.dr-note{grid-column:1/-1;justify-self:center}.dr-rp{flex-direction:column;gap:6px;display:flex}.dr-rp h4{color:var(--side);margin:0 0 4px;font-size:14px}.dr-rp label{background:var(--panel-2);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;display:flex}.dr-rp label img{border-radius:8px}.dr-rp label span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dr-rp select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:4px 6px;font-size:13px}.dr-result{gap:14px;display:grid}.dr-win .lbl{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.dr-win .lbl span{color:var(--mute);font-size:12.5px}.dr-win .lbl b{font-size:20px}.dr-win b.blue{color:var(--win)}.dr-win b.red{color:var(--loss)}.dr-win .bar{background:var(--panel-2);border-radius:99px;height:12px;display:flex;overflow:hidden}.dr-win .bar i.blue{background:var(--win)}.dr-win .bar i.red{background:var(--loss)}.dr-lanes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dr-lanes li{background:var(--panel-2);border-radius:12px;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.dr-lanes .sd{align-items:center;gap:8px;min-width:0;display:flex}.dr-lanes .sd.red{text-align:right;justify-content:flex-end}.dr-lanes .sd img{border-radius:8px;flex:none}.dr-lanes .sd div{flex-direction:column;min-width:0;display:flex}.dr-lanes .sd b{font-size:14px}.dr-lanes .sd small{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dr-lanes .mid{text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex}.dr-lanes .mid small{color:var(--mute);font-size:11.5px}.dr-lanes .mid b{font-size:16px}.dr-lanes .mid b.blue{color:var(--win)}.dr-lanes .mid b.red{color:var(--loss)}.dr-lanes .mid span{color:var(--mute);font-size:11px}.dr-comp{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dr-comp>div{background:var(--panel-2);border-radius:12px;padding:10px 12px}.dr-comp h4{color:var(--side);margin:0 0 4px;font-size:13.5px}.dr-comp p{color:var(--sub);margin:2px 0;font-size:13px}.dr-comp .bn{gap:4px;margin-top:6px;display:flex}.dr-comp .bn img{filter:grayscale(.8);border-radius:6px}.dr-comp .bn .sk{background:var(--panel);border-radius:6px;width:24px;height:24px}.dr-end{justify-content:center;gap:10px;display:flex}.dr-rule{border-radius:var(--radius);border:1px dashed var(--brand);background:color-mix(in srgb, var(--brand) 8%, transparent);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;display:flex}.dr-rule b{font-size:14.5px}.dr-rule span{color:var(--sub);font-size:12.5px}.dr-wait .dr-rule{max-width:520px}.dr-score{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dr-score>div{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.dr-score>div.mine{border-color:var(--side);box-shadow:0 0 0 1px var(--side) inset}.dr-score small{color:var(--side);font-size:12.5px;font-weight:700}.dr-score .pt{align-items:baseline;gap:6px;margin:2px 0 8px;display:flex}.dr-score .pt b{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.05}.dr-score .pt span{color:var(--mute);font-size:14px}.dr-score .pt em{background:var(--panel);border-radius:10px;place-items:center;width:38px;height:38px;margin-left:auto;font-size:22px;font-style:normal;font-weight:900;display:grid}.dr-score .g-S{color:#f3c14b}.dr-score .g-A{color:var(--brand)}.dr-score .g-B{color:var(--win)}.dr-score .g-C{color:var(--sub)}.dr-score .g-D{color:var(--loss)}.dr-score ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.dr-score li{color:var(--sub);align-items:baseline;gap:4px;font-size:13px;display:flex}.dr-score li span{flex:1}.dr-score li b{color:var(--text);font-variant-numeric:tabular-nums}.dr-score li i{color:var(--mute);width:26px;font-size:11.5px;font-style:normal}@media (max-width:860px){.dr-score{grid-template-columns:1fr 1fr}.dr-modes{grid-template-columns:1fr}.dr-main{grid-template-columns:1fr 1fr}.dr-center{order:-1;grid-column:1/-1}.dr-grid{max-height:360px}.dr-head{grid-template-columns:1fr;justify-items:center}.dr-bans.red{justify-content:center}.dr-pick{gap:6px;min-height:0;padding:5px}.dr-pick img,.dr-pick .ph{width:38px!important;height:38px!important}.dr-lanes li{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);padding:6px}.dr-lanes .sd img{width:28px!important;height:28px!important}.dr-rolepick,.dr-comp{grid-template-columns:1fr}}