:root{--bg: #f5faf6;--panel: #ffffff;--text: #0f1f16;--muted: rgba(15, 31, 22, .62);--border: rgba(15, 31, 22, .12);--green: #2f6f3e;--green-weak: rgba(47, 111, 62, .12);--danger: #b83232;--danger-weak: rgba(184, 50, 50, .1);--shadow: 0 10px 26px rgba(15, 31, 22, .08);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -200px,rgba(47,111,62,.18),transparent 60%),linear-gradient(180deg,#f3fbf5,#f7fbf7 40%,#fff);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit}button,input,select,textarea{font:inherit}.small{font-size:12px;color:var(--muted)}.page{max-width:1260px;margin:0 auto;padding:18px 16px 40px}.topbar{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:14px;background:linear-gradient(180deg,#ffffffdb,#ffffffc2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hgroup h1{margin:0;font-size:18px;letter-spacing:.2px}.hgroup p{margin:6px 0 0;max-width:720px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}button{appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 12px;border-radius:14px;cursor:pointer;line-height:1;box-shadow:0 2px 10px #0f1f160f}button:hover{border-color:#0f1f1633}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.primary{background:linear-gradient(180deg,#2f6f3ef0,#2f6f3ee0);color:#fff;border-color:#2f6f3e59}button.primary:hover{border-color:#ffffff40}button.danger{background:linear-gradient(180deg,#b83232f5,#b83232db);color:#fff;border-color:#b8323259}button.danger:hover{border-color:#ffffff40}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.layout{display:grid;grid-template-columns:380px 1fr;gap:14px;margin-top:14px;align-items:start}.tiers{display:grid;grid-template-columns:1fr;gap:12px}@media(max-width:980px){.layout{grid-template-columns:1fr}.actions{justify-content:flex-start}}.poolTop{padding:12px;border-bottom:1px solid var(--border)}.poolTop .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input[type=text],select{border:1px solid var(--border);border-radius:14px;padding:9px 10px;background:#fff;color:var(--text);outline:none}input[type=text]:focus,select:focus{border-color:#2f6f3e59;box-shadow:0 0 0 4px #2f6f3e1a}.tier{overflow:hidden}.tierHeader{padding:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.tierHeader h2{margin:0;font-size:14px}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.toggle input{width:16px;height:16px}.list{padding:10px;min-height:58px}.list.tapTarget{cursor:pointer}.team-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(15,31,22,.1);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#ffffffe6);box-shadow:0 3px 14px #0f1f160f;margin-bottom:8px;touch-action:none;-webkit-user-select:none;user-select:none}.team-row:last-child{margin-bottom:0}.team-row:hover{border-color:#0f1f162e}.team-row.selected{outline:2px solid rgba(47,111,62,.55);box-shadow:0 0 0 3px #2f6f3e1f}.logo{width:26px;height:26px;object-fit:contain;flex:0 0 auto}.team-name{font-size:13px;font-weight:650;letter-spacing:.1px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankNum{font-size:11px;padding:5px 8px;border-radius:999px;background:#2f6f3e1a;border:1px solid rgba(47,111,62,.18);color:#0f1f16c7;white-space:nowrap}.badge{font-size:11px;padding:5px 8px;border-radius:999px;background:#0f1f160f;border:1px solid rgba(15,31,22,.1);color:#0f1f16b3;white-space:nowrap}.tapBanner{margin-top:8px;font-size:12px;color:var(--muted)}.tapBanner strong{color:var(--text)}.modalOverlay{position:fixed;inset:0;background:#0f1f1673;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal{width:min(940px,96vw);max-height:92vh;overflow:auto;background:#fffffff2;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 26px 70px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modalTop{padding:14px;border-bottom:1px solid rgba(15,31,22,.1)}.modalTop h2{margin:0;font-size:15px}.modalBody{padding:14px}.modalActions{padding:14px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(15,31,22,.1)}textarea.exportTextArea{width:100%;min-height:320px;border:1px solid var(--border);border-radius:14px;padding:10px;resize:vertical}.sickoHeader{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.sickoList{max-height:70vh;overflow:auto}.sickoRow{display:flex;align-items:stretch;gap:10px;padding:6px 0;touch-action:none}.sickoArrows{display:flex;flex-direction:column;gap:6px;width:34px}.arrowBtn{border:1px solid var(--border);background:#fff;border-radius:12px;padding:7px 0;line-height:1;box-shadow:0 2px 10px #0f1f160f}.arrowBtn:hover{border-color:#0f1f1633}.arrowBtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.sickoIndex{width:42px;display:flex;justify-content:center;align-items:center;font-size:12px;color:var(--muted)}.exportCard{width:820px;max-width:820px;background:linear-gradient(180deg,#f3f8f2,#fff);border:1px solid rgba(15,31,22,.12);border-radius:18px;padding:14px}.exportTop h1{margin:0 0 10px;font-size:22px;letter-spacing:.2px}.exportFooterUrl{margin-top:10px;font-size:11px;color:#14201859;text-align:center}.exportGrid{display:grid;grid-template-columns:1fr;gap:10px}.exportTier{background:#fff;border:1px solid rgba(15,31,22,.1);border-radius:14px;padding:10px}.exportTier h2{margin:0 0 8px;font-size:14px}.exportTeam{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;border:1px solid rgba(15,31,22,.08);background:#fffffffa;margin-bottom:6px}.exportTeam:last-child{margin-bottom:0}.exportSickoGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.exportSickoCol{display:flex;flex-direction:column;gap:6px}hr{border:0;border-top:1px solid var(--border);margin:12px 0}.sickoWrap{width:100%}.sickoHeaderWide{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.sickoControls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffffe6;margin-bottom:10px}.layout .panel.sickoPanelWide{grid-column:1 / -1}.shortcutLink{border:none;background:transparent;padding:0 2px;margin-left:2px;font-size:12px;color:var(--muted);text-decoration:underline;cursor:pointer;box-shadow:none}.shortcutLink:hover{color:#0f1f16d1}.modal.sickoShortcutsModal{width:min(520px,96vw)}.shortcutsGrid{display:grid;gap:10px}.shortcutRow{display:grid;grid-template-columns:44px 44px 1fr;gap:10px;align-items:center}.shortcutRow .shortcutKey:first-child{grid-column:1}.shortcutRow .shortcutKey:nth-child(2){grid-column:2}.shortcutRow .shortcutDesc{grid-column:3}.shortcutKey{font-size:12px;padding:6px 8px;border-radius:10px;background:#0f1f160f;border:1px solid rgba(15,31,22,.1);text-align:center;color:#0f1f16d1}.shortcutDesc{font-size:13px;color:#0f1f16c7}.shortcutsGrid .shortcutRow:not(:has(.shortcutKey:nth-child(2))){grid-template-columns:44px 1fr}