:root {
    --blue:#5aabff;   --blue-light:#1a2e4a; --blue-mid:#2a4a6e; --blue-deep:#99d0ff; --blue-bg:#111c2a;
    --red:#ff6e6e;    --red-light:#2e1a1a;  --red-mid:#5a2a2a;  --red-deep:#ffaaaa;  --red-bg:#1e1010;
    --purple:#f8f9fb; --purple-light:#1a1e26; --purple-mid:#2e3440;
    --green:#5edba0;  --green-light:#0e2a1e;
    --bg:#0e1117; --surface:#161b24; --surface2:#1e2430;
    --border:#2a3040; --text:#e8edf6; --text2:#cccccc; --text3:#9ea8b8;
    --radius:12px; --radius-sm:8px;
    /* サイドバー上部の手動調整用 */
    --draft-sidebar-width:248px;
    --draft-sidebar-top-height:54px;
    --draft-sidebar-brand-left:20px;
    --draft-sidebar-brand-right:12px;
    --draft-sidebar-brand-gap:10px;
    --draft-sidebar-menu-size:32px;
    --draft-sidebar-title-open-size:20px;
    --draft-sidebar-center-offset:124px;
    --topbar-brand-flow-width:228px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans','Meiryo',sans-serif;background:var(--bg);color:var(--text2);min-height:100vh;font-size:16px;}
  .topbar-title,.team-heading{font-family:'Arial Black',Arial,'Hiragino Kaku Gothic ProN',sans-serif;}

  /* TOP BAR */
  .topbar{position:relative;background:var(--surface);border-bottom:1.5px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 2px 20px rgba(0,0,0,.4);}
  body.draft-sidebar-open .topbar{padding-left:20px;}
  body.draft-sidebar-open .topbar::before{content:'';position:fixed;left:0;top:0;bottom:0;width:var(--draft-sidebar-width);z-index:899;background:#151b24;border-right:1px solid var(--border);box-shadow:10px 0 28px rgba(0,0,0,.18);}
  .topbar-brand{position:relative;z-index:1;width:var(--topbar-brand-flow-width);display:flex;align-items:center;gap:16px;flex:none;}
  body.draft-sidebar-open .topbar-brand{z-index:1001;background:transparent;gap:var(--draft-sidebar-brand-gap);}
  .btn-sm.topbar-draft-list-btn{width:32px;height:32px;padding:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;background:transparent;border-color:transparent;border-radius:50%;margin-right:-6px;transition:background .15s,border-color .15s,color .15s;}
  body.draft-sidebar-open .btn-sm.topbar-draft-list-btn{width:var(--draft-sidebar-menu-size);height:var(--draft-sidebar-menu-size);margin-right:0;}
  .btn-sm.topbar-draft-list-btn span{width:16px;height:1.5px;border-radius:2px;background:#d6dfed;}
  .btn-sm.topbar-draft-list-btn:hover{background:rgba(255,255,255,.1);border-color:transparent;}
  .topbar-title{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:600;color:var(--text);letter-spacing:.05em;flex:none;}
  body.draft-sidebar-open .topbar-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--draft-sidebar-title-open-size);}
  .btn-sm.topbar-mini-btn,
  .btn-sm.topbar-pick-list-btn{box-sizing:border-box;width:72px;height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--text);font-size:12px;line-height:1;}

  .toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;}
  .toggle-wrap input[type=checkbox]{display:none;}
  .toggle-track{width:44px;height:24px;border-radius:12px;background:#3a4455;transition:background .2s;position:relative;flex-shrink:0;}
  .toggle-track::after{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#f8f9fb;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.4);}
  .toggle-wrap input:checked~.toggle-track{background:#aabccc;}
  .toggle-wrap input:checked~.toggle-track::after{left:24px;background:#f8f9fb;}
  .toggle-label{font-size:16px;color:var(--text2);}
  /* 設定パネル内の小さいトグル */
  #settingsModal .toggle-track{width:34px;height:18px;border-radius:9px;}
  #settingsModal .toggle-track::after{top:3px;left:3px;width:12px;height:12px;}
  #settingsModal .toggle-wrap input:checked~.toggle-track::after{left:19px;}

  .mode-seg{display:flex;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;}
  .mode-seg-btn{width:70px;padding:4px 0;font-size:12px;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text3);cursor:pointer;font-family:inherit;transition:background .15s,color .15s;white-space:nowrap;text-align:center;}
  .mode-seg-btn:last-child{border-right:none;}
  .mode-seg-btn.active{background:var(--surface2);color:var(--text);}
  .mode-seg-btn:hover:not(.active){background:var(--purple-light);color:var(--text2);}
  .topbar-btns{display:flex;gap:8px;margin-left:auto;}
  .draft-sidebar-overlay{display:none;position:fixed;left:0;top:var(--draft-sidebar-top-height);bottom:0;width:var(--draft-sidebar-width);z-index:900;background:transparent;pointer-events:none;}
  .draft-sidebar-overlay.show{display:block;}
  .draft-sidebar-panel{box-sizing:border-box;width:100%;height:100%;padding:14px 12px;background:#151b24;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:11px;pointer-events:auto;}
  .draft-sidebar-section{display:flex;flex-direction:column;gap:7px;min-width:0;}
  .draft-sidebar-feature-section{gap:0;flex:0 0 auto;margin-top:2px;padding-top:12px;border-top:1px solid rgba(150,166,190,.32);}
  .btn-sm.draft-sidebar-feature-btn{width:100%;height:34px;padding:0 11px;display:flex;align-items:center;justify-content:center;border-color:rgba(248,249,251,.22);background:rgba(248,249,251,.06);color:var(--text2);font-size:13px;font-weight:700;}
  .btn-sm.draft-sidebar-feature-btn:hover{background:var(--purple-light);border-color:var(--purple-mid);color:var(--text2);}
  .draft-sidebar-section-title{font-size:11px;color:#9fb0c6;font-weight:800;letter-spacing:.03em;}
  .draft-sidebar-select{width:100%;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--surface2);color:var(--text2);font-family:inherit;font-size:12px;padding:0 8px;outline:none;}
  .draft-sidebar-current{position:relative;height:52px;padding:8px 37px 8px 9px;border:1px solid rgba(150,166,190,.22);border-radius:7px;background:rgba(255,255,255,.025);display:flex;align-items:center;overflow:hidden;}
  .draft-sidebar-current-info{min-width:0;width:100%;overflow:hidden;}
  .btn-sm.draft-sidebar-overwrite-btn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:44px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-color:rgba(150,166,190,.25);background:transparent;color:var(--text2);font-size:10px;line-height:1;flex:0 0 auto;}
  .btn-sm.draft-sidebar-overwrite-btn:hover{background:rgba(248,249,251,.06);border-color:rgba(248,249,251,.35);color:var(--text2);}
  .draft-sidebar-save-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px;}
  .draft-sidebar-save-row .save-input{height:32px;min-width:0;border-color:rgba(150,166,190,.22);border-radius:7px;background:rgba(255,255,255,.035);font-size:12px;padding:0 9px;}
  .draft-sidebar-save-row .btn-sm{height:32px;padding:0;border-color:rgba(150,166,190,.25);border-radius:7px;background:rgba(248,249,251,.035);color:var(--text2);font-size:12px;}
  .draft-sidebar-save-row .btn-sm:hover{background:rgba(248,249,251,.08);border-color:rgba(248,249,251,.4);color:var(--text2);}
  .draft-sidebar-files-section{flex:1;min-height:0;}
  .draft-sidebar-list{display:flex;flex:1;min-height:0;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;}
  .draft-sidebar-list{scrollbar-width:thin;scrollbar-color:rgba(150,166,190,.34) transparent;}
  .draft-sidebar-list::-webkit-scrollbar{width:2px;}
  .draft-sidebar-list::-webkit-scrollbar-track{background:transparent;}
  .draft-sidebar-list::-webkit-scrollbar-thumb{background:rgba(150,166,190,.32);border-radius:999px;}
  .draft-sidebar-list::-webkit-scrollbar-thumb:hover{background:rgba(150,166,190,.46);}
  .draft-sidebar-item{width:100%;height:52px;min-height:52px;flex:0 0 52px;padding:8px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text2);font-family:inherit;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:6px;align-items:center;overflow:hidden;}
  .draft-sidebar-item:not(.editing){cursor:pointer;}
  .draft-sidebar-item.editing{cursor:default;}
  .draft-sidebar-item:hover{border-color:var(--purple-mid);background:#202735;}
  .draft-sidebar-item.active{border-color:var(--purple);background:#1e2430;}
  .draft-sidebar-load-btn{display:block;width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:inherit;padding:0;}
  .draft-sidebar-edit-btn{width:20px;height:20px;font-size:11px;}
  .draft-sidebar-rename-input{grid-column:1/-1;height:28px;font-size:12px;}
  .draft-sidebar-name{font-size:12px;font-weight:800;line-height:1.35;word-break:break-word;}
  .draft-sidebar-current-name,.draft-sidebar-file-name{display:-webkit-box;max-height:32px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .draft-sidebar-meta{display:block;margin-top:3px;color:var(--text3);font-size:10px;line-height:1.4;}
  .sidebar-delete-confirm{display:grid;gap:8px;}
  .sidebar-delete-confirm-title{color:var(--text2);font-weight:800;line-height:1.4;word-break:break-word;}
  body.draft-sidebar-open .step-bar{padding-left:var(--draft-sidebar-width);}
  body.draft-sidebar-open .main{transform:translateX(calc(var(--side-balance-offset) + var(--draft-sidebar-center-offset)));}
  .btn{padding:6px 16px;border-radius:var(--radius-sm);background:transparent;border:1.5px solid var(--border);color:var(--text2);font-family:inherit;font-size:13px;cursor:pointer;transition:all .15s;}
  .btn:hover{background:var(--surface2);border-color:var(--purple-mid);color:var(--purple);}
  .btn-reset:hover{background:var(--red-light);border-color:var(--red-mid);color:var(--red);}
  .btn-reset-all{padding:6px 16px;border-radius:var(--radius-sm);background:var(--red-light);border:1.5px solid var(--red-mid);color:var(--red-deep);font-family:inherit;font-size:13px;cursor:pointer;transition:all .15s;}
  .btn-reset-all:hover{background:var(--red);border-color:var(--red);color:#f8f9fb;}
  .btn:disabled{opacity:.55;cursor:not-allowed;border-style:dashed;}
  .btn:disabled:hover{background:transparent;border-color:var(--border);color:var(--text2);}

  /* STEP BAR */
  .step-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;font-size:16px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text2);min-height:36px;}
  .step-ltk-mode{color:var(--text2);font-weight:700;}
  .step-ltk-rank{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 9px;border:1px solid currentColor;border-radius:999px;font-size:11px;line-height:1;letter-spacing:.04em;background:rgba(255,255,255,.025);}
  .step-ltk-rank-next{color:rgba(94,219,160,.78);}
  .step-ltk-rank-core{color:rgba(255,170,170,.78);}

  /* MAIN */
  .main{--blue-col-width:254px;--red-col-width:254px;--center-col-width:788px;--main-gap:10px;--side-balance-offset:0px;display:grid;grid-template-columns:var(--blue-col-width) var(--center-col-width) var(--red-col-width);gap:var(--main-gap);padding:10px;width:calc(var(--blue-col-width) + var(--center-col-width) + var(--red-col-width) + 40px);max-width:none;margin:0 auto;position:relative;transform:translateX(var(--side-balance-offset));}

  /* SIDE CARDS */
  .pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px;}
  .blue-col .pcard{background:var(--blue-bg);border-color:var(--blue-mid);}
  .red-col  .pcard{background:var(--red-bg); border-color:var(--red-mid);}
  .pcard-title{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;padding-bottom:6px;border-bottom:1px solid var(--border);}
  .blue-col .pcard-title{color:var(--blue-deep);border-color:var(--blue-mid);}
  .red-col  .pcard-title{color:var(--red-deep); border-color:var(--red-mid);}
  .blue-col .pool-zone.drag-over{border-color:var(--blue);background:var(--blue-light);border-style:solid;}
  .red-col  .pool-zone.drag-over{border-color:var(--red); background:var(--red-light); border-style:solid;}

  #blueProtectCard,.blue-col .newbie-protect-card{width:min(100%,254px);margin-left:auto;margin-right:0;}
  #redProtectCard,.red-col .newbie-protect-card{width:min(100%,254px);margin-left:0;margin-right:auto;}
  .protect-zone{display:flex;flex-wrap:wrap;gap:4px;padding:0;transition:all .15s;align-content:flex-start;align-items:flex-start;}
  .protect-slot{width:50px;height:52px;border-radius:7px;border:1.5px dashed var(--purple-mid);background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3);transition:all .15s;position:relative;}
  .protect-slot.drag-over{border-color:var(--purple);border-style:solid;background:#1e2430;}
  .protect-slot img{width:48px;height:48px;border-radius:6px;object-fit:cover;cursor:pointer;}
  .blue-col .protect-slot{border-color:var(--blue-mid);background:var(--blue-bg);}
  .red-col  .protect-slot{border-color:var(--red-mid);background:var(--red-bg);}
  .protect-slot.drag-over{border-style:solid;}
  .protect-count{font-size:13px;color:var(--text2);margin-top:6px;line-height:1.6;}
  .protect-warn{display:block;margin-top:4px;padding:5px 10px;border-radius:6px;background:var(--red-light);border:1px solid var(--red-mid);color:var(--red-deep);font-size:13px;font-weight:700;}

  body :where(
    .toggle-wrap,
    .btn,
    .btn-sm,
    .btn-reset-all,
    .banpick-collapse-btn,
    .protect-zone,
    .protect-slot,
    .protect-count,
    .pool-zone,
    .ban-row,
    .ban-slot,
    .pick-slots,
    .pick-slot,
    .pick-slot-info,
    .pick-slot-name,
    .fearless-zone,
    .fearless-row,
    .fearless-slot,
    .champ-item,
    .role-tab,
    .saved-item,
    .opgg-wrap,
    .section-label,
    .pcard-title,
    .help-update-title,
    #memoBtn
  ){
    -webkit-user-select:none;
    user-select:none;
    caret-color:transparent;
  }

  input,
  textarea,
  [contenteditable="true"]{
    -webkit-user-select:text;
    user-select:text;
    caret-color:auto;
  }

  .pool-list{display:flex;flex-direction:column;gap:6px;}
  .pool-title-input{background:transparent;border:none;border-bottom:1px dashed #3d4e5c;outline:none;font:inherit;font-size:13px;font-weight:700;color:inherit;min-width:2em;flex:1 1 auto;cursor:text;transition:border-color .15s;}
  .pool-title-input:focus{border-bottom-color:var(--purple);}
  .pool-title-input::placeholder{font-size:13px;font-weight:700;}
  .pool-label-input{border:none;border-bottom:1px dashed #3d4e5c;background:transparent;font-family:inherit;font-size:14px;color:var(--text2);font-weight:500;padding:2px 0;outline:none;cursor:text;margin-bottom:3px;transition:color .15s,border-color .15s;min-width:4em;}
  .pool-label-input:focus{border-bottom-color:var(--purple);}
  .pool-label-input::placeholder{color:var(--text3);}
  .pool-label-input:hover{color:var(--text2);}
  .pool-label-input:focus{color:var(--text2);}
  .pool-row-header{display:flex;align-items:center;gap:4px;margin-bottom:2px;}
  .player-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;}
  .btn-sm.player-opgg-btn{width:21px;height:21px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;}
  .btn-sm.player-save-btn{width:21px;height:21px;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;}
  .btn-sm.team-save-open-btn{border-radius:5px;font-size:11px;}
  .player-save-icon{font-size:12px;line-height:1;display:block;transform:scale(.88);}
  .pool-zone{min-height:60px;max-height:184px;overflow-y:auto;overscroll-behavior:contain;border:1px dashed var(--border);border-radius:7px;background:var(--surface2);display:flex;flex-wrap:wrap;gap:3px;padding:4px;transition:all .15s;align-content:flex-start;align-items:flex-start;cursor:default;user-select:none;caret-color:transparent;}
  body.pool-build-mode .pool-zone{cursor:pointer;}
  .red-col .pool-zone{background:#232121;}
  .pool-zone::-webkit-scrollbar{width:6px;}
  .pool-zone::-webkit-scrollbar-thumb{background:#4a5570;border-radius:3px;}
  .pool-zone:empty{min-height:60px;}
  .pool-zone.drag-over{border-color:var(--blue);background:var(--blue-light);border-style:solid;}
  .pool-zone.pool-selected{outline:2px solid transparent;background:var(--purple-light);box-shadow:0 0 8px rgba(180,160,255,.3);}
  .blue-col .pool-zone.pool-selected{outline-color:rgba(90,171,255,.5);box-shadow:0 0 8px rgba(90,171,255,.3);}
  .red-col  .pool-zone.pool-selected{outline-color:rgba(255,110,110,.5);box-shadow:0 0 8px rgba(255,110,110,.3);}
  .blue-col .pool-zone{outline-color:rgba(90,171,255,.5);transition:border-color .15s,background .15s,box-shadow .15s;}
  .red-col  .pool-zone{outline-color:rgba(255,110,110,.5);transition:border-color .15s,background .15s,box-shadow .15s;}
  .pool-build-hint{font-size:11px;color:var(--purple);text-align:center;padding:4px 0 2px;letter-spacing:.04em;display:none;}
  .pool-build-hint.active{display:block;}

  .champ-mini{width:50px;height:50px;border-radius:7px;object-fit:cover;border:2px solid transparent;cursor:pointer;transition:all .15s;flex-shrink:0;display:block;}
  .champ-mini:hover{border-color:var(--purple);}
  .champ-mini.used{opacity:.3;filter:grayscale(1);cursor:not-allowed;}
  .opgg-wrap{position:relative;display:inline-flex;flex-shrink:0;}
  .pool-mark{position:absolute;top:1px;right:1px;z-index:11;box-sizing:border-box;width:17px;height:17px;border:1px solid rgba(248,249,251,.78);border-radius:999px;background:#111722;color:#ffd866;display:block;overflow:hidden;font-size:10px;font-weight:900;line-height:1;text-align:center;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.5);}
  .pool-mark-icon{position:absolute;left:3px;top:3px;width:9px;height:9px;display:block;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%);transform:none;}
  .pool-mark-glyph{position:absolute;left:50%;top:50%;display:block;line-height:1;transform:translate(-50%,-50%);}
  .pool-mark.bang{background:#2b1720;color:#ff7b7b;font-size:12px;}
  .pool-mark.muscle{background:#17251d;color:#5edba0;font-size:10px;}
  .opgg-overlay{position:absolute;inset:0;border-radius:7px;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;}
  .opgg-overlay.show{opacity:1;}
  .opgg-overlay span{color:#f8f9fb;font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1;pointer-events:none;}


  /* CENTER */
  .center{display:flex;flex-direction:column;gap:10px;}
  .teams-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;}
  .blue-team{background:var(--blue-bg);border:1.5px solid var(--blue-mid);border-top:6px solid var(--blue);}
  .red-team {background:var(--red-bg); border:1.5px solid var(--red-mid); border-top:6px solid var(--red);}
  .team-heading{display:none;}
  .banpick-collapse-btn{width:84px;background:none;border:1px solid var(--border);border-radius:5px;color:var(--text3);font-size:11px;padding:2px 8px;cursor:pointer;transition:all .15s;white-space:nowrap;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;}
  .banpick-collapse-btn:hover{border-color:var(--purple);color:var(--purple);}
  .blue-team .banpick-collapse-btn{border-color:var(--blue-mid);background:var(--blue-light);}
  .red-team  .banpick-collapse-btn{border-color:var(--red-mid);background:var(--red-light);}
  .banpick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
  .banpick-area{overflow:hidden;transition:max-height .25s ease;}
  .blue-team .team-heading{color:var(--blue);border-color:var(--blue-mid);}
  .red-team  .team-heading{color:var(--red); border-color:var(--red-mid);}
  .section-label{font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:700;letter-spacing:.05em;}
  .section-label-inline{margin-bottom:0;}

  /* FEARLESS ZONE */
  .fearless-zone{display:none;margin-bottom:10px;}
  .fearless-zone.active{display:block;}
  .fearless-label{font-size:11px;color:var(--text3);margin-bottom:5px;font-weight:700;letter-spacing:.05em;}
  .fearless-row{display:grid;grid-template-columns:repeat(5,44px);gap:5px;}
  .fearless-slot{width:44px;height:44px;border-radius:5px;overflow:hidden;position:relative;flex-shrink:0;}
  .fearless-slot img{width:44px;height:44px;object-fit:cover;opacity:.7;filter:grayscale(0.6);}
  .fearless-slot::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.06);z-index:1;pointer-events:none;}
  .fearless-slot::after{content:'F';position:absolute;top:2px;right:4px;font-size:10px;font-weight:700;color:#ff6e6e;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2;}

  /* BAN SLOTS */
  .ban-row{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;}
  .ban-slot{width:46px;height:46px;border-radius:7px;border:1.5px dashed var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text3);transition:all .15s;}
  .blue-team .ban-slot{background:#0e1e32;border-color:var(--blue-mid);}
  .red-team  .ban-slot{background:#1e0e0e;border-color:var(--red-mid);}
  .ban-slot.active{border:2px solid var(--red);background:var(--red-light);animation:glow-red 1.2s ease-in-out infinite;}
  .ban-slot.active-blue{border:2px solid var(--blue);background:var(--blue-light);animation:glow-blue 1.2s ease-in-out infinite;}
  .ban-slot.drag-over{border-color:var(--red);border-style:solid;background:var(--red-light);}
  .ban-slot img{width:44px;height:44px;border-radius:6px;object-fit:cover;}
  .ban-slot .ban-img-wrap{position:relative;display:inline-block;width:44px;height:44px;}
.ban-slot .ban-img-wrap::before,
.ban-slot .ban-img-wrap::after{content:'';position:absolute;top:50%;left:50%;border-radius:999px;transform:translate(-50%,-50%) rotate(50deg);pointer-events:none;}
.ban-slot .ban-img-wrap::before{width:76.5%;height:3px;background:rgba(112, 116, 132, 0.5);box-shadow:0 0 1px rgba(0,0,0,0.22);}
.ban-slot .ban-img-wrap::after{width:75%;height:2px;background:rgba(245, 245, 255, 0.96);}

  /* PICK SLOTS */
  .pick-slots{display:flex;flex-direction:column;gap:6px;}
  .pick-slot{display:flex;align-items:center;gap:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:8px 10px;background:var(--surface2);height:62px;overflow:hidden;transition:border-color .15s,background .15s;}
  .pick-slot.pick-filled{cursor:pointer;}
  .blue-team .pick-slot{background:#0a1828;border-color:var(--blue-mid);}
  .red-team  .pick-slot{background:#1a0a0a;border-color:var(--red-mid);}
  .pick-slot.active{border:2px solid var(--red);background:var(--red-light);animation:glow-red 1.2s ease-in-out infinite;}
  .pick-slot.active-blue{border:2px solid var(--blue);background:var(--blue-light);animation:glow-blue 1.2s ease-in-out infinite;}
  .pick-slot.drag-over{border-color:var(--green);border-style:solid;background:var(--green-light);}
  .pick-slot img{width:46px;height:46px;border-radius:7px;object-fit:cover;flex-shrink:0;}
  .pick-slot-info{flex:1;min-width:0;}
  .pick-slot-name{font-size:16px;font-weight:500;color:var(--text2);margin-top:2px;}
  .player-name-input{width:100%;border:none;background:transparent;font-family:inherit;font-size:14px;color:var(--text2);padding:0;outline:none;cursor:text;}
  .player-name-input::placeholder{color:var(--text3);}
  .player-name-input:focus{color:var(--text2);}

  @keyframes glow-red  {0%,100%{box-shadow:0 0 0 0 rgba(255,110,110,0);}50%{box-shadow:0 0 0 4px rgba(255,110,110,.4);}}
  @keyframes glow-blue {0%,100%{box-shadow:0 0 0 0 rgba(90,171,255,0);}50%{box-shadow:0 0 0 4px rgba(90,171,255,.4);}}
  @keyframes glow-green{0%,100%{box-shadow:0 0 0 0 rgba(94,219,160,0);}50%{box-shadow:0 0 0 4px rgba(94,219,160,.3);}}

  /* CHAMP GRID */
  .champ-grid-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;}
  .champ-grid-resizable{position:relative;}
  .champ-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-width:0;}
  .role-tabs{display:flex;align-items:center;gap:4px;flex:0 0 auto;flex-wrap:nowrap;}
  .role-tab{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;width:66px;height:32px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--text2);font-family:inherit;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;}
  .role-tab:hover{border-color:var(--purple-mid);background:var(--purple-light);color:var(--purple);}
  .role-tab.active{border-color:var(--purple);background:var(--purple-light);color:var(--purple);}
  .role-tab img{width:16px;height:16px;object-fit:contain;opacity:.7;filter:brightness(2);}
  .role-tab.active img{opacity:1;}
  .champ-filter-controls{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;}
  .champ-search-wrap{position:relative;flex:1 1 auto;min-width:0;}
  .champ-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:14px;line-height:1;opacity:.72;pointer-events:none;}
  .champ-search{box-sizing:border-box;width:100%;min-width:0;height:32px;margin-bottom:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px 0 29px;font-size:14px;font-family:inherit;background:var(--surface2);color:var(--text2);outline:none;transition:border-color .15s;}
  .champ-search:focus{border-color:var(--purple);}
  .champ-show-all-input{display:none;}
  .champ-visibility-toggle{box-sizing:border-box;width:52px;height:32px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:0 0 auto;padding:0 4px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text3);font-family:inherit;font-size:11px;font-weight:700;line-height:1.02;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s;}
  .champ-visibility-toggle span{display:block;}
  .champ-visibility-toggle:hover{border-color:var(--purple-mid);background:rgba(180,160,255,.06);}
  .champ-visibility-toggle.is-all{border-color:#5a7fa6;background:#24374b;color:#d9f1ff;}
  .champ-grid{display:flex;flex-wrap:wrap;align-content:flex-start;row-gap:4px;column-gap:5px;height:var(--champ-grid-height,310px);min-height:310px;max-height:900px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;}
  .champ-grid::-webkit-scrollbar{width:6px;}
  .champ-grid::-webkit-scrollbar-thumb{background:#4a5570;border-radius:3px;}
  .champ-grid-resize-edge{position:absolute;left:12px;right:12px;bottom:-7px;height:14px;border-radius:999px;cursor:ns-resize;touch-action:none;user-select:none;}
  .champ-grid-resize-edge:hover,
  body.champ-grid-resizing .champ-grid-resize-edge{background:rgba(150,166,190,.08);}
  .champ-grid-resizable:has(.champ-grid-resize-edge:hover),
  body.champ-grid-resizing .champ-grid-resizable{border-bottom-color:var(--text3);}
  body.champ-grid-resizing{cursor:ns-resize;user-select:none;}

  .champ-item{display:flex;flex-direction:column;align-items:center;width:70px;cursor:pointer;border-radius:9px;padding:4px 2px;transition:background .12s;user-select:none;}
  .champ-item:hover{background:var(--purple-light);}
  .champ-item img{width:56px;height:56px;border-radius:9px;object-fit:cover;border:2px solid transparent;transition:border-color .12s;}
  .champ-item:hover img{border-color:var(--purple);}
  .champ-item span{font-size:11px;color:var(--text2);text-align:center;margin-top:3px;line-height:1.2;max-width:68px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

  /* LOADING */
  .loading{text-align:center;padding:60px;color:var(--text2);font-size:17px;}
  .loading-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text3);margin:0 4px;animation:bounce 1s infinite;}
  .loading-dot:nth-child(2){animation-delay:.15s;}
  .loading-dot:nth-child(3){animation-delay:.3s;}
  @keyframes bounce{0%,100%{transform:translateY(0);opacity:.5;}50%{transform:translateY(-8px);opacity:1;}}
  [draggable=true]:active{cursor:grabbing;}

  /* SAVE/LOAD MODAL */
  .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:4000;align-items:center;justify-content:center;overscroll-behavior:contain;}
  .modal-overlay.show{display:flex;}
  .modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:320px;max-width:420px;width:90%;overscroll-behavior:contain;}
  .modal-box{width:90%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 36px rgba(0,0,0,.55);overscroll-behavior:contain;}
  .modal-box .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;}
  .modal-title{font-size:17px;font-weight:700;color:var(--text2);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
  .modal-title-text{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap;}
  .modal-title-note{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:0;white-space:nowrap;}
  .modal-close{background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer;line-height:1;padding:0;}
  .modal-close:hover{color:var(--text2);}
  .modal-section{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:12px 0 6px;}
  .settings-modal{box-sizing:border-box;width:min(92vw,625px);max-width:625px;max-height:min(92vh,760px);overflow-y:auto;padding:28px;background:#151b24;border-color:#2c3443;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.62);}
  .settings-modal .modal-title{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);}
  .settings-modal .modal-close{color:var(--text2);}
  .settings-modal .modal-close:hover{color:var(--text);}
  .settings-modal .modal-section{color:#8fb0cf;margin:0 0 18px;}
  .settings-group{border-top:0;padding-top:0;margin-top:0;}
  .settings-group+.settings-group{margin-top:22px;}
  .settings-group:not(.settings-lower-group)+.settings-group:not(.settings-lower-group){margin-top:56px;}
  .settings-draft-group{padding-bottom:18px;}
  .settings-lower-group{border-top:1px solid var(--border);padding-top:14px;}
  .settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0;}
  .settings-row+.settings-row{margin-top:20px;}
  .settings-row>div:first-child{min-width:0;}
  .settings-label{font-size:13px;font-weight:700;color:var(--text2);}
  .settings-note{font-size:11px;color:#7f9fc0;margin-top:3px;line-height:1.4;}
  .settings-native-select{display:none;}
  .settings-segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;width:218px;height:34px;border:1px solid #3c4656;border-radius:7px;overflow:hidden;background:#171d27;}
  .settings-delay-segmented{grid-auto-columns:1fr;}
  .settings-segment-btn{position:relative;border:0;border-right:1px solid rgba(150,166,190,.25);background:transparent;color:var(--text2);font-family:inherit;font-size:13px;cursor:pointer;padding:0 10px;min-width:0;white-space:nowrap;}
  .settings-segment-btn:last-child{border-right:0;}
  .settings-segment-btn:focus{outline:none;}
  .settings-segment-btn:hover{background:#202735;}
  .settings-segment-btn.active{z-index:1;background:#303947;}
  .settings-number{width:54px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface2);color:var(--text2);font-family:inherit;font-size:14px;text-align:center;outline:none;}
  .settings-number:focus{border-color:var(--purple);}
  .settings-number:disabled{opacity:.48;cursor:not-allowed;background:rgba(255,255,255,.03);color:var(--text3);border-style:dashed;}
  .settings-select{height:32px;min-width:118px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text2);font-family:inherit;font-size:13px;padding:0 8px;outline:none;cursor:pointer;}
  .settings-select:focus{border-color:var(--purple);}
  .settings-pool-width{display:inline-grid;grid-template-columns:repeat(4,1fr);width:218px;height:36px;border:1px solid #3c4656;border-radius:7px;overflow:hidden;background:#171d27;}
  .settings-pool-width .btn-sm{position:relative;height:100%;padding:0 10px;border:0;border-right:1px solid rgba(150,166,190,.25);border-radius:0;background:transparent;color:var(--text2);font-size:13px;}
  .settings-pool-width .btn-sm:last-child{border-right:0;}
  .settings-pool-width .btn-sm:focus{outline:none;}
  .settings-pool-width .btn-sm:hover{background:#202735;color:var(--text2);border-right-color:rgba(150,166,190,.25);}
  .settings-pool-width .btn-sm.active{z-index:1;background:#303947;}
  .settings-draft-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:10px;}
  .settings-draft-item{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:14px;min-width:0;}
  .settings-draft-toggle{grid-column:1;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:14px;}
  .settings-draft-toggle .toggle-track{justify-self:center;margin-top:0;}
  .settings-action-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px;}
  .settings-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .settings-utility-grid .btn-sm{width:100%;height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;}
  .settings-collapse{margin:0;}
  .settings-collapse-title{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;user-select:none;}
  .settings-collapse-title::-webkit-details-marker{display:none;}
  .settings-collapse-title::before{content:'▼';display:inline-block;font-size:10px;line-height:1;transform:rotate(-90deg);transition:transform .15s;color:#8fb0cf;}
  .settings-collapse[open] .settings-collapse-title::before{transform:rotate(0deg);}
  .settings-collapse[open] .settings-utility-grid{margin-top:0;}
  .savedata-import-modal{width:min(92vw,560px);max-width:560px;padding:24px;border-color:#3b4354;box-shadow:0 24px 70px rgba(0,0,0,.62);}
  .savedata-import-modal .modal-title{font-size:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border);}
  .savedata-import-body{display:flex;flex-direction:column;gap:12px;color:var(--text2);font-size:13px;line-height:1.7;}
  .savedata-import-note{padding:9px 11px;border:1px solid var(--red-mid);border-radius:var(--radius-sm);background:var(--red-light);color:var(--red-deep);font-size:12px;font-weight:700;line-height:1.6;}
  .savedata-dropzone{width:100%;min-height:86px;padding:14px;border:1.5px dashed rgba(248,249,251,.72);border-radius:var(--radius-sm);background:rgba(248,249,251,.08);color:var(--text2);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:inset 0 0 0 1px rgba(248,249,251,.04);}
  .savedata-dropzone:hover,.savedata-dropzone.drag-over{background:rgba(248,249,251,.14);border-color:#f8f9fb;color:var(--text2);box-shadow:inset 0 0 0 1px rgba(248,249,251,.16);}
  .savedata-dropzone-main{display:flex;flex-direction:column;gap:4px;min-width:0;}
  .savedata-dropzone-title{font-size:13px;font-weight:800;color:var(--text2);}
  .savedata-dropzone-note{font-size:11px;color:var(--text3);line-height:1.5;}
  .savedata-dropzone-action{flex:0 0 auto;height:32px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text2);background:transparent;}
  .pick-list-modal{width:min(92vw,620px);max-width:620px;padding:0;border-color:var(--border);border-radius:8px;overflow:hidden;background:var(--surface);color:var(--text2);}
  .pick-list-modal .modal-header{padding:16px 18px 0;}
  .pick-list-modal .modal-title{margin-bottom:12px;color:var(--text2);}
  .pick-list-modal-body{padding:0 18px 18px;min-height:440px;}
  .pick-list-modal{--pick-list-grid:rgba(248,249,251,.18);--pick-list-blue-bg:#0a1b31;--pick-list-blue-head:#172a43;--pick-list-red-bg:#221b1b;--pick-list-red-head:#321b1b;}
  .pick-list-table{width:100%;border-collapse:collapse;table-layout:fixed;}
  .pick-list-table th,.pick-list-table td{border:1px solid var(--pick-list-grid);vertical-align:middle;}
  .pick-list-table th{height:44px;padding:5px 9px;}
  .pick-list-table td{height:62px;padding:7px 9px;}
  .pick-list-blue-head{background:var(--pick-list-blue-head);text-align:center;font-size:13px;font-weight:800;color:var(--text2);}
  .pick-list-red-head{background:var(--pick-list-red-head);text-align:center;font-size:13px;font-weight:800;color:var(--text2);}
  .pick-list-lane-head,.pick-list-lane-cell{width:40px;background:#171f2b;text-align:center;vertical-align:middle;}
  .pick-list-cell{vertical-align:middle;transition:background .15s,box-shadow .15s;}
  .pick-list-cell-blue{background:var(--pick-list-blue-bg);}
  .pick-list-cell-red{background:var(--pick-list-red-bg);}
  .pick-list-cell-blue.drag-over{box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-light);}
  .pick-list-cell-red.drag-over{box-shadow:inset 0 0 0 2px var(--red);background:var(--red-light);}
  .pick-list-lane-inner{display:flex;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
  .pick-list-lane-label{font-size:10px;line-height:1;font-weight:800;color:var(--text2);}
  .pick-list-lane-icon{width:22px;height:22px;border-radius:4px;object-fit:cover;}
  .pick-list-chip{width:100%;min-height:48px;padding:1px 2px;border:0;border-radius:0;background:transparent;color:var(--text2);font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:grab;overflow:hidden;display:flex;align-items:center;gap:4px;}
  .pick-list-chip:active{cursor:grabbing;}
  .pick-list-chip-img{width:46px;height:46px;margin-left:6px;border-radius:7px;object-fit:cover;flex:0 0 auto;}
  .pick-list-chip-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .pick-list-chip-blue:hover{color:var(--text2);}
  .pick-list-chip-red:hover{color:var(--text2);}
  .pick-list-empty{display:block;color:var(--text2);font-size:12px;text-align:center;}
  .pick-list-actions{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;min-height:34px;flex-wrap:wrap;text-align:center;}
  .pick-list-actions .btn-sm{height:34px;padding:0 14px;font-size:13px;}
  .pick-list-actions .btn-sm.pick-list-copy-action{min-width:158px;background:var(--surface2);border-color:rgba(204,204,204,.5);color:var(--text2);font-weight:700;}
  .pick-list-actions .btn-sm.pick-list-copy-action:hover{background:#202735;border-color:rgba(204,204,204,.8);color:var(--text2);}
  .pick-list-copy-status{width:100%;color:var(--text2);font-size:13px;font-weight:700;line-height:34px;text-align:center;}
  .pick-list-copy-status.is-error{color:var(--red-deep);}
  .tour-overlay{display:none;position:fixed;inset:0;z-index:4500;background:transparent;pointer-events:auto;}
  .tour-overlay.show{display:block;}
  .tour-mask{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;}
  .tour-highlight{position:fixed;z-index:1;border:2px solid #f8f9fb;border-radius:10px;background:rgba(248,249,251,.05);box-shadow:0 0 0 1px rgba(248,249,251,.22),0 0 28px rgba(248,249,251,.45);transition:left .18s,top .18s,width .18s,height .18s;pointer-events:none;}
  .tour-popover{position:fixed;z-index:9999;top:16px;left:16px;width:360px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 12px 36px rgba(0,0,0,.55);transition:left .18s,top .18s;}
  .tour-overlay.tour-instant .tour-highlight,
  .tour-overlay.tour-instant .tour-popover{transition:none;}
  .tour-popover.tour-popover-wide{width:520px;}
  .tour-popover.tour-popover-feature{width:min(920px,calc(100vw - 64px));max-height:calc(100vh - 32px);overflow:auto;}
  body.tour-editing .tour-popover{cursor:grab;}
  body.tour-editing .tour-popover.tour-edit-dragging{cursor:grabbing;transition:none;}
  .tour-step{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;}
  .tour-title{font-size:17px;font-weight:700;color:var(--text2);margin-bottom:8px;}
  .tour-text{font-size:13px;color:var(--text2);line-height:1.7;white-space:pre-line;}
  .tour-feature-copy{margin:0 0 12px;}
  .tour-feature-image{display:block;width:100%;max-height:min(58vh,520px);object-fit:contain;object-position:top center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;margin:0 0 12px;}
  .tour-pickcopy-copy{margin:0 0 12px;}
  .tour-pickcopy-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px;white-space:normal;}
  .tour-pickcopy-image{display:block;width:100%;max-height:min(48vh,440px);object-fit:contain;object-position:top center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;}
  .tour-pickcopy-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text2);font-size:24px;font-weight:800;line-height:1;}
  .tour-notice-heading{display:block;margin:18px 0 8px;color:var(--text2);font-weight:700;}
  .tour-notice-link{color:#8fc8ff;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;}
  .tour-notice-link:hover{color:#b7ddff;}
  .tour-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin-top:14px;}
  .tour-actions-left{display:flex;gap:8px;flex:1;}
  .tour-actions-right{display:flex;gap:8px;}
  .tour-actions .btn,.tour-actions .btn-sm{height:34px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;}
  .tour-next{background:var(--surface2);border-color:var(--purple-mid);color:var(--text2);}
  .tour-editor-panel{display:none;position:fixed;right:16px;bottom:16px;z-index:10000;width:292px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.5);font-size:12px;color:var(--text2);}
  .tour-editor-panel.show{display:block;}
  .tour-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
  .tour-editor-title{font-size:13px;font-weight:700;color:var(--text2);}
  .tour-editor-step{font-size:11px;color:var(--text3);}
  .tour-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;}
  .tour-editor-grid .btn-sm{height:30px;padding:0 8px;font-size:12px;}
  .tour-editor-grid .btn-sm.active{background:var(--surface2);border-color:var(--purple-mid);color:var(--text2);font-weight:700;}
  .tour-editor-nudge{display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:30px 30px 30px;gap:5px;justify-content:center;margin-bottom:10px;}
  .tour-editor-nudge .btn-sm{height:30px;padding:0;}
  .tour-editor-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text3);margin-bottom:8px;}
  .tour-editor-output{width:100%;height:74px;box-sizing:border-box;resize:none;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text2);font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;padding:8px;outline:none;}
  .tour-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px;}
  body.tour-open{overflow:hidden;}
  @media (max-width:520px){
    .champ-controls{flex-wrap:wrap;}
    .role-tabs{flex-wrap:wrap;}
    .champ-filter-controls{flex:1 1 100%;}
    .settings-modal{padding:22px 18px;}
    .settings-row{grid-template-columns:1fr;align-items:stretch;gap:9px;}
    .settings-segmented{grid-auto-columns:1fr;width:100%;}
    .settings-pool-width{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;}
    .settings-draft-grid{grid-template-columns:1fr;gap:16px;}
    .settings-draft-toggle{grid-column:auto;}
    .settings-number{width:72px;}
    .settings-action-row .btn-sm{width:100%;}
    .savedata-dropzone{align-items:stretch;flex-direction:column;}
    .savedata-dropzone-action{width:100%;}
    .tour-actions{align-items:stretch;flex-direction:column;}
    .tour-actions-left,.tour-actions-right{display:grid;grid-template-columns:1fr 1fr;width:100%;}
    .tour-pickcopy-flow{grid-template-columns:1fr;gap:8px;}
    .tour-pickcopy-image{max-height:34vh;}
    .tour-pickcopy-arrow{justify-self:center;transform:rotate(90deg);}
  }
  .save-row{display:flex;gap:8px;margin-bottom:10px;}
  .save-input{flex:1;height:34px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:14px;color:var(--text2);font-family:inherit;outline:none;}
  .save-input:focus{border-color:var(--purple);}
  .draft-current-save{margin-bottom:12px;}
  .draft-current-save-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);overflow:hidden;}
  .draft-current-save-card.is-empty{justify-content:center;text-align:center;border-style:dashed;background:rgba(255,255,255,.018);}
  .draft-current-save-info{min-width:0;display:grid;gap:2px;}
  .draft-current-save-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:14px;font-weight:800;}
  .draft-current-save-meta{color:var(--text3);font-size:11px;line-height:1.4;}
  .draft-overwrite-btn{height:32px;min-width:88px;padding:0 12px;flex:0 0 auto;}
  .draft-current-save-card.is-empty .draft-current-save-info{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .draft-current-save-card.is-empty .draft-current-save-meta,
  .draft-current-save-card.is-empty .draft-overwrite-btn{
    display:none;
  }
  .draft-current-save-card.is-empty .draft-current-save-name{
    color:var(--text3);
    font-size:13px;
    font-weight:400;
    opacity:.75;
  }
  @media (max-width:520px){
    .draft-current-save-card{align-items:stretch;flex-direction:column;}
    .draft-overwrite-btn{width:100%;}
  }
  .draft-save-modal{box-sizing:border-box;max-width:840px;width:min(92vw,840px);height:min(92vh,760px);max-height:min(92vh,760px);display:flex;flex-direction:column;}
  .draft-save-top{margin-bottom:12px;}
  .draft-save-top .save-row{margin-bottom:0;}
  .draft-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;border-top:1px solid var(--border);padding-top:12px;flex:1;min-height:0;}
  .draft-folder-column,.draft-folder-pane,.draft-list-pane{min-height:0;}
  .draft-folder-column{display:flex;flex-direction:column;gap:8px;}
  .draft-folder-pane{display:flex;flex:1;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.02);padding:8px;}
  .draft-list-pane{display:flex;flex-direction:column;}
  .draft-pane-title{font-size:11px;color:var(--text3);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;}
  .draft-folder-list{display:flex;flex:0 1 auto;flex-direction:column;gap:4px;min-height:0;max-height:calc(100% - 78px);overflow:auto;padding-right:2px;}
  .draft-folder-tab{position:relative;width:100%;height:32px;padding:0 6px 0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text2);font-family:inherit;font-size:13px;cursor:pointer;display:grid;grid-template-columns:18px minmax(0,1fr) 20px auto;align-items:center;gap:6px;text-align:left;}
  .draft-folder-tab.editing{cursor:default;}
  .draft-folder-tab:hover{background:var(--purple-light);border-color:var(--purple-mid);color:var(--text2);}
  .draft-folder-tab.active{background:linear-gradient(90deg,rgba(248,249,251,.13),var(--surface2));border-color:rgba(248,249,251,.48);color:var(--text2);font-weight:800;box-shadow:inset 0 0 0 1px rgba(248,249,251,.08);}
  .draft-folder-tab.active::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:999px;background:var(--purple);}
  .draft-folder-tab.drag-over{border-color:var(--green);background:rgba(94,219,160,.08);color:var(--text2);}
  .draft-folder-icon{width:15px;height:12px;border:1px solid currentColor;border-radius:2px;position:relative;opacity:.72;}
  .draft-folder-icon::before{content:'';position:absolute;left:1px;top:-5px;width:8px;height:5px;border:1px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0;background:var(--surface2);}
  .draft-folder-count{font-size:11px;color:var(--text3);}
  .draft-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .draft-folder-name-input{width:100%;min-width:0;height:24px;padding:0 6px;border:1px solid rgba(150,166,190,.3);border-radius:6px;background:rgba(255,255,255,.055);color:var(--text2);font:inherit;font-size:12px;outline:none;}
  .draft-folder-name-input:focus{border-color:rgba(248,249,251,.55);background:rgba(255,255,255,.08);}
  .draft-folder-edit-btn,.draft-folder-edit-spacer{width:20px;height:20px;}
  .draft-folder-edit-btn{display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(150,166,190,.2);border-radius:6px;background:rgba(255,255,255,.025);color:var(--text3);font-family:inherit;font-size:11px;line-height:1;cursor:pointer;}
  .draft-folder-edit-btn:hover{border-color:rgba(248,249,251,.42);background:rgba(255,255,255,.08);color:var(--text2);}
  .draft-folder-tab.active .draft-folder-icon{opacity:1;color:var(--purple);background:rgba(248,249,251,.08);}
  .draft-folder-tab.active .draft-folder-icon::before{background:#252c38;}
  .draft-folder-tab.active .draft-folder-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border:1px solid rgba(248,249,251,.18);border-radius:999px;background:rgba(248,249,251,.12);color:var(--text2);font-weight:800;}
  .draft-folder-add-btn{height:30px;margin-top:8px;padding:0 9px;border:1px dashed var(--border);border-radius:7px;background:transparent;color:var(--text3);font-family:inherit;font-size:12px;cursor:pointer;text-align:left;}
  .draft-folder-add-btn:hover{border-color:var(--purple-mid);background:var(--purple-light);color:var(--text2);}
  .draft-folder-create-row{display:none;gap:6px;margin-top:8px;}
  .draft-folder-create-row.show{display:flex;}
  .draft-folder-create-row .save-input{height:30px;font-size:12px;padding:0 8px;}
  .draft-folder-create-row .btn-sm{height:30px;padding:0 9px;font-size:12px;}
  .draft-folder-delete-btn{display:block;height:30px;margin-top:0;padding:0 9px;border:1px solid var(--red-mid);border-radius:7px;background:rgba(255,110,110,.06);color:var(--red-deep);font-family:inherit;font-size:12px;cursor:pointer;text-align:center;}
  .draft-folder-delete-btn.show{display:block;}
  .draft-folder-delete-btn:hover{background:var(--red-light);border-color:var(--red);color:var(--red);}
  .draft-folder-delete-btn:disabled{border-color:var(--border);background:rgba(255,255,255,.02);color:var(--text3);cursor:default;opacity:.7;}
  .draft-folder-delete-btn:disabled:hover{border-color:var(--border);background:rgba(255,255,255,.02);color:var(--text3);}
  .draft-list-pane .saved-list{flex:1;max-height:none;}
  #draftSavedList .saved-item[draggable=true]{cursor:grab;}
  #draftSavedList .saved-item[draggable=true]:active{cursor:grabbing;}
  .saved-item-folder{font-size:11px;color:var(--text3);margin-left:6px;}
  .draft-table-modal{box-sizing:border-box;width:min(98vw,1440px);max-width:none;height:min(96vh,930px);max-height:none;display:flex;flex-direction:column;position:relative;}
  .draft-table-titlebar{position:absolute;top:18px;right:18px;margin:0;z-index:8;}
  .draft-table-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:34px;padding-right:34px;margin-bottom:8px;}
  .draft-table-title{font-size:17px;font-weight:800;color:var(--text2);letter-spacing:.02em;}
  .draft-table-settings{position:relative;}
  .draft-table-settings-btn{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text2);font-family:inherit;font-size:12px;cursor:pointer;}
  .draft-table-settings-btn:hover,.draft-table-settings-btn.active{border-color:var(--purple-mid);color:var(--text2);background:var(--purple-light);}
  .draft-table-settings-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:50;width:420px;max-width:calc(100vw - 48px);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 14px 36px rgba(0,0,0,.5);padding:12px;}
  .draft-table-settings-menu.show{display:block;}
  .draft-table-settings-menu .settings-group{border-top:0;padding-top:0;margin-top:0;}
  .draft-table-settings-menu .settings-row{padding:9px 0;}
  .draft-table-settings-menu .btn-sm{height:32px;padding:0 12px;font-size:13px;flex:0 0 auto;}
  .draft-table-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;padding-right:0;}
  .draft-table-field{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text3);font-weight:700;letter-spacing:.04em;}
  .draft-table-select{height:34px;min-width:220px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-family:inherit;font-size:13px;padding:0 9px;outline:none;}
  .draft-table-select:focus{border-color:var(--purple);}
  .draft-table-view-switch{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;}
  .draft-table-view-btn{padding:4px 13px;border:none;border-right:1px solid var(--border);background:transparent;color:var(--text3);font-family:inherit;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap;}
  .draft-table-view-btn:last-child{border-right:none;}
  .draft-table-view-btn:hover:not(.active){background:var(--purple-light);color:var(--text2);}
  .draft-table-view-btn.active{background:var(--surface2);color:var(--text2);font-weight:600;}
  .btn-sm.draft-table-reset-filter{margin-left:auto;justify-self:flex-end;height:28px;padding:0 10px;font-size:12px;}
  .draft-table-note{margin:-2px 0 8px;padding-left:1px;font-size:10px;color:var(--text3);line-height:1.4;opacity:.78;}
  .draft-table-scroll{flex:0 1 auto;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;}
  #draftTableScroll::-webkit-scrollbar{width:7px;height:7px;}
  #draftTableScroll::-webkit-scrollbar-thumb{background:#4a5570;border-radius:4px;}
  .draft-table{border-collapse:separate;border-spacing:0;width:auto;table-layout:fixed;font-size:12px;color:var(--text2);}
  .draft-table th,.draft-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#151b27;}
  .draft-table tbody tr.row-ban th,.draft-table tbody tr.row-ban td{background:rgba(255,107,107,.12);}
  .draft-table tbody tr.row-pick th,.draft-table tbody tr.row-pick td{background:rgba(94,219,160,.095);}
  .draft-table th{height:58px;color:var(--text2);font-weight:700;}
  .draft-table td{height:64px;text-align:center;vertical-align:middle;}
  .draft-table tbody tr.phase-second td,
  .draft-table tbody tr.phase-second .draft-table-num{height:70px;}
  .draft-table tbody tr.row-pick.phase-second td,
  .draft-table tbody tr.row-pick.phase-second .draft-table-num{height:74px;}
  .draft-table thead th{position:sticky;top:0;z-index:4;background:#1b2230;height:72px;}
  .draft-table .sticky-cell{position:sticky;z-index:3;background:#181f2b;}
  .draft-table tbody tr.row-ban .sticky-cell{background:#2a1d28;}
  .draft-table tbody tr.row-pick .sticky-cell{background:#172d2b;}
  .draft-table thead .sticky-cell{z-index:6;background:#202838;}
  .draft-table .col-kind{left:0;width:112px;min-width:112px;}
  .draft-table .col-num{left:112px;width:112px;min-width:112px;}
  .draft-table .save-col{width:148px;min-width:148px;max-width:148px;}
  .draft-table thead .save-col{vertical-align:top;padding:0;}
  .draft-table .placeholder-col{width:148px;min-width:148px;max-width:148px;visibility:hidden;pointer-events:none;}
  .draft-table-kind{box-sizing:border-box;position:relative;vertical-align:top;white-space:normal;line-height:1.35;font-size:11px;letter-spacing:.04em;padding:9px 8px;max-width:112px;}
  .draft-table-kind.filterable{cursor:pointer;}
  .draft-table-kind.filterable:hover{color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple-mid);}
  .draft-table-num{box-sizing:border-box;position:relative;vertical-align:top;padding:9px 8px;max-width:112px;}
  .draft-table-num.filterable{cursor:pointer;}
  .draft-table-num.filterable:hover{color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple-mid);}
  .draft-table-kind-main{white-space:pre-line;}
  .draft-table-num-main{font-size:13px;}
  .draft-table-cell-filter{box-sizing:border-box;position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 5px;border:1px solid var(--purple-mid);border-radius:6px;background:var(--purple-light);color:var(--text2);font-size:10px;line-height:1.15;cursor:default;}
  .draft-table-num .draft-table-cell-filter{top:32px;transform:none;}
  .draft-table-cell-filter-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .draft-table-cell-filter-clear{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text3);font-family:inherit;font-size:13px;line-height:1;cursor:pointer;}
  .draft-table-cell-filter-clear:hover{border-color:var(--purple-mid);background:var(--surface2);color:var(--text2);}
  .draft-table-save-cell{box-sizing:border-box;height:72px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:6px 5px;}
  .draft-table-save-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;word-break:break-word;}
  .draft-table-save-head{position:relative;width:100%;min-width:0;min-height:36px;padding:0 26px 0 6px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;}
  .draft-table-save-head .draft-table-save-name{min-width:0;text-align:center;}
  .draft-table-save-edit-btn{position:absolute;right:3px;top:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text3);font-family:inherit;font-size:11px;line-height:1;cursor:pointer;}
  .draft-table-save-edit-btn:hover{border-color:var(--purple-mid);background:var(--surface2);color:var(--text2);}
  .draft-table-rename-input{width:126px;height:26px;box-sizing:border-box;background:var(--surface);border:1px solid var(--purple-mid);border-radius:6px;color:var(--text2);font-family:inherit;font-size:12px;padding:0 7px;outline:none;}
  .btn-sm.draft-table-load-btn{height:22px;margin-top:0;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text3);font-size:11px;line-height:1;opacity:1;}
  .btn-sm.draft-table-load-btn:hover{background:var(--surface2);border-color:var(--purple-mid);color:var(--text2);}
  .draft-table-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;justify-items:center;align-items:center;padding:0 7px;}
  .draft-table-champ{width:50px;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text3);position:relative;}
  .draft-table-champ img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:#232b3a;}
  .draft-table-champ.blue img{border-color:var(--blue);}
  .draft-table-champ.red img{border-color:var(--red);}
  .draft-table-champ.ban.blue img{border-color:rgba(90,171,255,.52);}
  .draft-table-champ.ban.red img{border-color:rgba(255,107,107,.52);}
  .draft-table-champ.ban::before,
  .draft-table-champ.ban::after{content:'';position:absolute;top:22px;left:50%;border-radius:999px;transform:translate(-50%,-50%) rotate(50deg);pointer-events:none;z-index:2;}
  .draft-table-champ.ban::before{width:35px;height:3px;background:rgba(42,45,56,.68);box-shadow:0 0 2px rgba(0,0,0,.3);}
  .draft-table-champ.ban::after{width:34px;height:1px;background:rgba(235,238,248,.86);}
  .draft-table-champ span{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.1;}
  .draft-table.view-icon .draft-table-champ span{display:none;}
  .draft-table.view-text .draft-table-champ{width:58px;min-width:58px;}
  .draft-table.view-text .draft-table-champ img,.draft-table.view-text .draft-table-empty{display:none;}
  .draft-table.view-text .draft-table-champ.ban::before,
  .draft-table.view-text .draft-table-champ.ban::after{display:none;}
  .draft-table.view-text .draft-table-champ span{max-width:62px;font-size:11px;color:var(--text2);}
  .draft-table-empty{width:44px;height:44px;border-radius:8px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text3);}
  .draft-table-empty-msg{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:14px;}
  .draft-table-search-layer{display:none;position:absolute;inset:0;z-index:20;background:transparent;}
  .draft-table-search-layer.show{display:block;}
  .draft-table-search-modal{position:absolute;left:24px;top:94px;width:min(430px,calc(100% - 48px));display:grid;grid-template-columns:148px minmax(0,1fr);gap:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 48px rgba(0,0,0,.55);padding:12px;}
  .draft-table-search-title{grid-column:1/-1;font-size:14px;font-weight:700;color:var(--text2);margin-bottom:0;}
  .draft-table-search-input{width:100%;height:34px;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-family:inherit;font-size:14px;padding:0 9px;outline:none;}
  .draft-table-search-input:focus{border-color:var(--purple);}
  .draft-table-search-suggestions{display:none;grid-column:2;grid-row:2;max-height:210px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;padding:4px;}
  .draft-table-search-suggestions.show{display:block;}
  .draft-table-search-suggestion{width:100%;height:30px;display:flex;align-items:center;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text2);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;}
  .draft-table-search-suggestion:hover{background:var(--purple-light);color:var(--text2);}
  .draft-table-search-suggestion-empty{padding:7px 8px;color:var(--text3);font-size:12px;}
  .draft-table-tour{display:none;position:absolute;inset:0;z-index:40;pointer-events:auto;}
  .draft-table-tour.show{display:block;}
  .draft-table-tour-backdrop{position:absolute;inset:0;border-radius:inherit;background:rgba(5,8,14,.76);}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-backdrop{display:none;}
  .draft-table-tour-mask{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-mask{display:block;}
  .draft-table-tour-spotlights{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-spotlights{display:block;}
  .draft-table-tour-spotlight{position:absolute;border:2px solid #f8f9fb;border-radius:9px;background:rgba(248,249,251,.06);box-shadow:0 0 0 1px rgba(248,249,251,.22),0 0 30px rgba(184,125,255,.42);pointer-events:none;}
  .draft-table-tour-card{position:absolute;z-index:2;left:50%;top:50%;width:min(520px,calc(100% - 40px));box-sizing:border-box;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 18px 54px rgba(0,0,0,.58);padding:24px;}
  .draft-table-tour[data-step="intro"] .draft-table-tour-card{width:min(760px,calc(100% - 40px));}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-card{width:420px;max-width:calc(100% - 32px);transform:none;padding:16px;}
  .draft-table-tour-step{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;}
  .draft-table-tour-title{font-size:24px;font-weight:800;color:var(--text2);line-height:1.35;margin-bottom:12px;}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-title{font-size:18px;margin-bottom:8px;}
  .draft-table-tour-image{display:block;width:100%;max-height:330px;object-fit:cover;object-position:top center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;margin:0 0 14px;}
  .draft-table-tour:not([data-step="intro"]) .draft-table-tour-image{display:none;}
  .draft-table-tour-text{font-size:14px;line-height:1.8;color:var(--text2);white-space:pre-line;}
  .draft-table-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);}
  .draft-table-tour-actions-left,.draft-table-tour-actions-right{display:flex;gap:8px;}
  .draft-table-tour-next{background:var(--surface2);border-color:var(--purple-mid);color:var(--text2);}
  .prod-match-modal{position:relative;box-sizing:border-box;width:min(96vw,1260px);height:min(88vh,740px);max-width:none;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:#101722;}
  .prod-match-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:34px;padding-right:34px;}
  .prod-match-title-group{display:flex;align-items:center;gap:8px;min-width:0;}
  .prod-match-title{font-size:17px;font-weight:800;color:var(--text2);letter-spacing:.02em;}
  .prod-match-settings{position:relative;}
  .prod-match-settings-btn{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text2);font-family:inherit;font-size:12px;cursor:pointer;}
  .prod-match-settings-btn:hover,.prod-match-settings-btn.active{border-color:var(--purple-mid);color:var(--text2);background:var(--purple-light);}
  .prod-match-settings-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:50;width:420px;max-width:calc(100vw - 48px);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 14px 36px rgba(0,0,0,.5);padding:12px;}
  .prod-match-settings-menu.show{display:block;}
  .prod-match-settings-menu .settings-group{border-top:0;padding-top:0;margin-top:0;}
  .prod-match-settings-menu .settings-row{padding:9px 0;}
  .prod-match-settings-menu .btn-sm{height:32px;padding:0 12px;font-size:13px;flex:0 0 auto;}
  .prod-match-toolbar{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:10px;align-items:center;padding-right:0;}
  .prod-match-select,.prod-match-search{height:38px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text2);font-family:inherit;font-size:14px;outline:none;}
  .prod-match-select{padding:0 9px;}
  .prod-match-search{padding:0 12px;text-align:center;font-size:16px;}
  .prod-match-search:focus,.prod-match-select:focus{border-color:var(--purple);}
  .prod-match-actions{display:flex;justify-content:flex-end;justify-self:end;margin-left:auto;gap:6px;}
  .prod-match-actions .btn-sm{height:34px;padding:0 12px;font-size:13px;}
  .prod-match-body{flex:1;min-height:0;display:grid;grid-template-columns:224px minmax(0,1fr) 224px;gap:18px;align-items:stretch;}
  .prod-team-panel{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:6px 0;}
  .prod-team-panel.prod-blue-panel{align-items:center;}
  .prod-team-panel.prod-red-panel{align-items:center;}
  .prod-side-title{width:196px;align-self:center;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--text2);}
  .prod-stage{display:grid;align-self:center;gap:5px;justify-content:start;}
  .prod-ban-row{grid-template-columns:repeat(3,62px);display:grid;width:196px;}
  .prod-ban-row.second{grid-template-columns:repeat(2,62px);width:196px;}
  .prod-pick-stack{display:grid;grid-template-columns:196px;gap:5px;width:196px;justify-self:start;justify-content:stretch;}
  .prod-slot{position:relative;box-sizing:border-box;border:1.5px solid var(--border);background:var(--surface2);color:var(--text3);font-family:inherit;overflow:hidden;cursor:default;}
  .prod-slot.blue{border-color:var(--blue-mid);background:#0e1e32;}
  .prod-slot.red{border-color:var(--red-mid);background:#1e0e0e;}
  .prod-slot.active{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-mid),0 0 18px rgba(184,125,255,.34);z-index:2;}
  .prod-ban-slot{width:62px;height:62px;}
  .prod-pick-slot{width:100%;height:62px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-top-width:1.5px;border-radius:0;}
  .prod-ban-slot:first-child,.prod-ban-slot:last-child,
  .prod-ban-row.second .prod-ban-slot:first-child,.prod-ban-row.second .prod-ban-slot:last-child{border-radius:0;}
  .prod-slot img{width:100%;height:100%;object-fit:cover;display:block;}
  .prod-pick-slot img{width:48px;height:48px;border-radius:0;flex:0 0 auto;}
  .prod-slot-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:13px;}
  .prod-slot-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--text3);}
  .prod-candidate-panel{min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111b29;overflow:hidden;}
  .prod-candidate-status{display:none;}
  .prod-candidate-search{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-bottom:1px solid var(--border);}
  .prod-candidate-search .prod-match-search{width:100%;max-width:620px;}
  .prod-candidate-content{flex:1;min-height:0;display:flex;flex-direction:column;}
  .prod-candidate-body{flex:1;min-height:0;overflow-y:scroll;scrollbar-gutter:stable;padding:12px;}
  .prod-candidate-body::-webkit-scrollbar{width:5px;}
  .prod-candidate-body::-webkit-scrollbar-thumb{background:#30394d;border-radius:999px;}
  .prod-candidate-body::-webkit-scrollbar-track{background:transparent;}
  .prod-candidate-panes{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;}
  .prod-candidate-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--border);}
  .prod-candidate-pane:last-child{border-right:0;}
  .prod-candidate-head{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text2);font-size:13px;font-weight:800;}
  .prod-candidate-note{display:none;}
  .prod-candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;align-content:start;}
  .prod-candidate-card{min-width:0;padding:5px 4px;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.035);color:var(--text2);font-family:inherit;cursor:pointer;display:grid;justify-items:center;gap:3px;}
  .prod-candidate-card:hover{border-color:var(--purple-mid);background:var(--purple-light);color:var(--text2);}
  .prod-candidate-card img{width:38px;height:38px;border-radius:7px;object-fit:cover;}
  .prod-candidate-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;}
  .prod-candidate-count{font-size:9px;color:var(--text3);line-height:1;}
  .prod-empty-msg{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text3);font-size:13px;line-height:1.5;padding:18px;}
  .prod-match-tour{display:none;position:absolute;inset:0;z-index:40;pointer-events:auto;}
  .prod-match-tour.show{display:block;}
  .prod-match-tour-backdrop{position:absolute;inset:0;border-radius:inherit;background:rgba(5,8,14,.76);}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-backdrop{display:none;}
  .prod-match-tour-mask{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-mask{display:block;}
  .prod-match-tour-spotlights{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-spotlights{display:block;}
  .prod-match-tour-spotlight{position:absolute;border:2px solid #f8f9fb;border-radius:9px;background:rgba(248,249,251,.06);box-shadow:0 0 0 1px rgba(248,249,251,.22),0 0 30px rgba(184,125,255,.42);pointer-events:none;}
  .prod-match-tour-card{position:absolute;z-index:2;left:50%;top:50%;width:min(520px,calc(100% - 40px));box-sizing:border-box;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 18px 54px rgba(0,0,0,.58);padding:24px;}
  .prod-match-tour[data-step="intro"] .prod-match-tour-card{width:min(760px,calc(100% - 40px));}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-card{width:360px;max-width:calc(100% - 32px);transform:none;padding:16px;}
  .prod-match-tour-step{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;}
  .prod-match-tour-title{font-size:24px;font-weight:800;color:var(--text2);line-height:1.35;margin-bottom:12px;}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-title{font-size:18px;margin-bottom:8px;}
  .prod-match-tour-image{display:block;width:100%;max-height:330px;object-fit:cover;object-position:top center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#111722;margin:0 0 14px;}
  .prod-match-tour:not([data-step="intro"]) .prod-match-tour-image{display:none;}
  .prod-match-tour-text{font-size:14px;line-height:1.8;color:var(--text2);white-space:pre-line;}
  .prod-match-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);}
  .prod-match-tour-actions-left,.prod-match-tour-actions-right{display:flex;gap:8px;}
  .prod-match-tour-next{background:var(--surface2);border-color:var(--purple-mid);color:var(--text2);}
  @media (max-width:900px){
    .prod-match-toolbar{grid-template-columns:1fr; padding-right:0;}
    .prod-match-body{grid-template-columns:1fr;overflow:auto;}
    .prod-team-panel{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;}
    .prod-candidate-panel{min-height:360px;}
    .prod-match-tour:not([data-step="intro"]) .prod-match-tour-card{width:min(360px,calc(100% - 32px));}
  }
  .modal-field-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
  .modal-field-label{font-size:12px;color:var(--text3);font-weight:700;letter-spacing:.04em;}
  .player-modal-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
  .player-modal-row{display:grid;grid-template-columns:56px minmax(0,1fr) 64px;gap:8px;align-items:center;}
  .player-modal-spacer{width:64px;height:34px;flex-shrink:0;}
  .player-modal-inline-label{font-size:12px;color:var(--text3);font-weight:700;letter-spacing:.04em;white-space:nowrap;}
  .player-modal-input{height:34px;}
  .player-modal-action{height:34px;padding:0 12px;display:flex;align-items:center;justify-content:center;}
  .btn-sm{padding:6px 14px;border-radius:var(--radius-sm);background:transparent;border:1.5px solid var(--border);color:var(--text2);font-family:inherit;font-size:14px;cursor:pointer;transition:all .15s;white-space:nowrap;}
  .btn-sm:hover{background:var(--purple-light);border-color:var(--purple);color:var(--purple);}
  .btn-sm.danger:hover{background:var(--red-light);border-color:var(--red-mid);color:var(--red);}
  .btn-sm:disabled{opacity:.55;cursor:default;border-style:dashed;color:var(--text3);}
  .btn-sm:disabled:hover{background:transparent;border-color:var(--border);color:var(--text3);}
  .btn-opgg{border-color:#2b5f86;color:#9ad9ff;background:rgba(40,96,138,.12);white-space:normal;line-height:1;font-size:7px;}
  .btn-opgg:hover{background:#12304a;border-color:#5aabff;color:#d9f1ff;}
  .btn-opgg:disabled{cursor:default;}
  .opgg-btn-label{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.82;}
  .saved-list{display:flex;flex-direction:column;gap:5px;max-height:350px;overflow-y:auto;padding-right:4px;}
  .saved-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);}
  .saved-item-name{flex:1;font-size:14px;color:var(--text2);}
  .saved-item-name-row{display:flex;align-items:center;gap:6px;min-width:0;}
  .saved-item-edit-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text3);font-family:inherit;font-size:12px;line-height:1;cursor:pointer;}
  .saved-item-edit-btn:hover{border-color:var(--purple-mid);background:var(--purple-light);color:var(--text2);}
  .saved-item-rename-input{width:100%;height:28px;box-sizing:border-box;background:var(--surface);border:1px solid var(--purple-mid);border-radius:6px;color:var(--text2);font-family:inherit;font-size:14px;padding:0 8px;outline:none;}
  .saved-item-date{font-size:11px;color:var(--text3);}
  .empty-msg{font-size:13px;color:var(--text3);text-align:center;padding:16px 0;}
  .confirm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:5000;align-items:center;justify-content:center;overscroll-behavior:contain;}
  .confirm-overlay.show{display:flex;}
  .confirm-box{background:#121925;border:1px solid #343f51;border-radius:var(--radius);padding:28px 24px;min-width:300px;text-align:center;box-shadow:0 18px 52px rgba(0,0,0,.52);}
  .confirm-msg{font-size:16px;color:var(--text2);margin-bottom:22px;line-height:1.6;white-space:pre-line;}
  .confirm-msg.is-left{text-align:left;}
  .confirm-msg-list-title{font-weight:800;margin-bottom:14px;}
  .confirm-msg-list{margin:0;padding-left:1.35em;line-height:1.7;}
  .confirm-msg-list li{padding-left:.1em;margin:5px 0;}
  .confirm-btns{display:flex;gap:10px;justify-content:center;}
  .confirm-btns .btn{min-width:110px;justify-content:center;}
  .help-modal{max-width:710px;max-height:80vh;overflow-y:auto;}
  .help-modal::-webkit-scrollbar{width:6px;}
  .help-modal::-webkit-scrollbar-thumb{background:#4a5570;border-radius:3px;}
  .help-section{margin-bottom:14px;}
  .help-section-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;}
  .help-list{display:flex;flex-direction:column;gap:4px;}
  .help-item{font-size:13px;color:var(--text2);line-height:1.6;padding-left:12px;position:relative;}
  .help-item::before{content:'·';position:absolute;left:0;color:var(--purple);}
  .help-update{border-top:1px solid var(--border);padding-top:10px;margin-top:4px;} .help-update+.help-update{border-top:none;}
  .help-update-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:5px;}
  .help-update-item{font-size:12px;color:var(--text3);padding-left:12px;position:relative;line-height:1.7;}
  .help-update-item::before{content:'·';position:absolute;left:0;}
  /* メモパネル */
  #memoBtn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:#2a3142;border:1px solid #3d4e5c;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 16px rgba(0,0,0,.5);z-index:1000;transition:transform .15s,background .15s;}
  #memoBtn:hover{transform:scale(1.05);background:#3a4255;}
  #memoPanel{position:fixed;bottom:88px;right:24px;width:690px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:999;display:none;flex-direction:column;overflow:hidden;}
  #memoPanel.open{display:flex;}
  #memoPanelHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text2);}
  #memoTextarea{width:100%;height:460px;background:var(--surface2);border:none;outline:none;resize:none;padding:12px 14px;font-size:13px;color:var(--text2);font-family:inherit;box-sizing:border-box;line-height:1.6;}
  #memoFooter{padding:6px 14px;font-size:11px;color:var(--text3);border-top:1px solid var(--border);}

  /* LTK モード */

  #ltkRankWrap select{height:22px;font-size:12px;background:var(--surface2);border:1px solid var(--border);border-radius:5px;color:var(--text2);padding:0 6px;font-family:inherit;cursor:pointer;outline:none;}
  #ltkRankWrap select:focus{border-color:var(--purple);}
  /* SCOUT MODAL */

  /* ルーンモーダル */
  .rune-modal-root{display:none;position:fixed;inset:0;z-index:4600;align-items:center;justify-content:center;color:#e8edf6;font-family:inherit;}
  .rune-modal-root.show{display:flex;}
  .rune-modal-root *{box-sizing:border-box;}
  .rune-modal-root .rune-modal-backdrop{position:absolute;inset:0;background:rgba(3,5,10,.8);backdrop-filter:blur(3px);}
  .rune-modal-root .rune-modal-box{position:relative;width:min(98vw,1120px);height:min(96vh,860px);display:flex;flex-direction:column;border:1px solid rgba(173,187,214,.28);border-radius:8px;box-shadow:0 28px 90px rgba(0,0,0,.72);overflow:hidden;background:#0a0f18;}
  .rune-modal-root .rune-modal-box::before{content:none;}
  .rune-modal-root .rune-modal-head{position:relative;z-index:1;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(14,20,31,.9);border-bottom:1px solid rgba(173,187,214,.22);}
  .rune-modal-root .rune-modal-title{font-size:18px;font-weight:800;color:var(--text2);}
  .rune-modal-root .rune-modal-close{width:auto;height:auto;padding:0;border:0;background:none;color:#e8edf6;font-family:inherit;font-size:20px;line-height:1;cursor:pointer;}
  .rune-modal-root .rune-modal-close:hover{background:none;color:#f2f5fb;}
  .rune-modal-root .rune-modal-body{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);padding:18px;}
  .rune-modal-root .rune-builder{min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(0,1fr) 304px;gap:14px 20px;}
  .rune-modal-root .rune-tree{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:#050910;border:1px solid rgba(160,142,92,.2);border-radius:8px;overflow:hidden;}
  .rune-modal-root .rune-panel-label{position:absolute;top:8px;left:10px;z-index:4;color:var(--text2);font-size:11px;font-weight:800;line-height:1;letter-spacing:.04em;pointer-events:none;}
  .rune-modal-root .rune-main-panel{grid-column:1;grid-row:1/3;}
  .rune-modal-root .rune-sub-panel{grid-column:2;grid-row:1;}
  .rune-modal-root .rune-shard-panel{grid-column:2;grid-row:2;}
  .rune-modal-root .rune-path-strip{height:64px;display:flex;align-items:center;gap:12px;padding:9px 18px 8px;border-bottom:1px solid rgba(160,142,92,.17);}
  .rune-modal-root .rune-lane-path-strip{grid-row:var(--rune-row);height:auto;align-self:center;margin-left:var(--rune-choice-left-target,28px);border-bottom:0;padding:0;overflow:visible;}
  .rune-modal-root .rune-path-orb{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid rgba(173,164,116,.38);border-radius:50%;background:rgba(8,12,18,.66);box-shadow:inset 0 0 12px rgba(0,0,0,.75);cursor:pointer;}
  .rune-modal-root .rune-path-orb:hover{border-color:var(--rune-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--rune-accent) 34%,transparent),0 0 18px color-mix(in srgb,var(--rune-accent) 42%,transparent),inset 0 0 12px rgba(0,0,0,.75);}
  .rune-modal-root .rune-path-orb.is-active{border-color:var(--rune-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--rune-accent) 44%,transparent),0 0 24px color-mix(in srgb,var(--rune-accent) 56%,transparent),inset 0 0 12px rgba(0,0,0,.7);}
  .rune-modal-root .rune-path-orb.is-disabled{opacity:.36;cursor:default;}
  .rune-modal-root .rune-path-img{width:24px;height:24px;display:block;object-fit:contain;}
  .rune-modal-root .rune-path-orb.is-active .rune-path-img{width:24px;height:24px;}
  .rune-modal-root .rune-tree-body{flex:1;min-height:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:16px 20px 18px;}
  .rune-modal-root .rune-track{position:relative;display:grid;justify-items:center;align-items:center;min-height:0;isolation:isolate;}
  .rune-modal-root .rune-track::before{content:'';position:absolute;top:10%;bottom:10%;left:50%;z-index:0;width:2px;transform:translateX(-50%);background:var(--rune-accent,#8f9aaa);box-shadow:none;}
  .rune-modal-root .rune-main-track{grid-template-rows:132px repeat(4,minmax(0,1fr));}
  .rune-modal-root .rune-sub-track{grid-template-rows:repeat(3,minmax(0,1fr));}
  .rune-modal-root .rune-shard-track{grid-template-rows:repeat(3,minmax(0,1fr));}
  .rune-modal-root .rune-sub-track::before,.rune-modal-root .rune-shard-track::before{top:16.666%;bottom:16.666%;}
  .rune-modal-root .rune-track-slot{position:relative;z-index:2;width:104px;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#bfc6d2;font-family:inherit;cursor:pointer;}
.rune-modal-root .rune-track-slot::after{content:'';position:absolute;top:calc(50% + 28px);left:50%;z-index:0;width:78px;height:38px;transform:translateX(-50%);border-radius:3px;background:#050910;pointer-events:none;}
.rune-modal-root .rune-track-path-node::after{top:calc(50% + 36px);height:34px;}
  .rune-modal-root .rune-track-slot.is-disabled{opacity:1;cursor:default;}
  .rune-modal-root .rune-track-slot.is-disabled .rune-track-label{color:#8f98a6;}
  .rune-modal-root .rune-track-orb{position:relative;z-index:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--rune-accent,#8f9aaa);border-radius:50%;background:#071018;opacity:1;box-shadow:0 0 0 5px #05070d,inset 0 0 0 1px rgba(255,255,255,.03);}
  .rune-modal-root .rune-track-orb::before{content:'';position:absolute;inset:0;border-radius:50%;background:#071018;z-index:0;}
  .rune-modal-root .rune-track-path-node{cursor:default;}
  .rune-modal-root .rune-track-path-node .rune-track-orb{width:76px;height:76px;background:#071018;}
  .rune-modal-root .rune-track-path-node .rune-track-img{width:32px;height:32px;object-fit:contain;}
  .rune-modal-root .rune-track-slot:hover:not(.is-disabled) .rune-track-orb,.rune-modal-root .rune-track-slot.is-open .rune-track-orb{border-color:var(--rune-accent,#8f9aaa);box-shadow:0 0 0 5px #05070d,0 0 12px color-mix(in srgb,var(--rune-accent,#8f9aaa) 24%,transparent),inset 0 0 0 1px rgba(255,255,255,.04);}
  .rune-modal-root .rune-track-slot.is-filled .rune-track-orb{background:#060a10;box-shadow:0 0 0 5px #05070d,0 0 18px color-mix(in srgb,var(--rune-accent,#8f9aaa) 42%,transparent),inset 0 0 0 1px rgba(255,255,255,.04);}
  .rune-modal-root .rune-track-img{position:relative;z-index:1;width:50px;height:50px;border-radius:50%;display:block;object-fit:cover;}
  .rune-modal-root .rune-track-empty{position:absolute;inset:0;z-index:1;width:auto;height:auto;border-radius:50%;background:#071018;}
.rune-modal-root .rune-track-label{position:absolute;top:calc(50% + 36px);left:50%;z-index:3;display:block;max-width:110px;padding:1px 5px;overflow:hidden;transform:translateX(-50%);border-radius:3px;background:transparent;box-shadow:none;text-overflow:ellipsis;white-space:nowrap;color:#c7cfdd;font-size:11px;font-weight:700;line-height:1.1;text-align:center;text-shadow:0 1px 2px #050910,0 -1px 2px #050910;pointer-events:none;}
  .rune-modal-root .rune-track-path-node .rune-track-label{top:calc(50% + 46px);}
  .rune-modal-root .rune-sub-panel .rune-track::before{background:var(--rune-accent,#8f9aaa);}
  .rune-modal-root .rune-sub-panel .rune-track-orb{border-color:var(--rune-accent,#8f9aaa);}
  .rune-modal-root .rune-shard-panel .rune-tree-body{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:16px 20px 18px;}
  .rune-modal-root .rune-shard-panel .rune-track::before{width:2px;background:#8f9aaa;}
  .rune-modal-root .rune-shard-panel .rune-track-orb{width:40px;height:40px;border-color:#8f9aaa;box-shadow:0 0 0 4px #05070d,inset 0 0 0 1px rgba(255,255,255,.03);}
  .rune-modal-root .rune-shard-panel .rune-track-slot.is-filled .rune-track-orb{box-shadow:0 0 0 4px #05070d,inset 0 0 0 1px rgba(255,255,255,.03);}
  .rune-modal-root .rune-shard-panel .rune-track-img{width:24px;height:24px;}
  .rune-modal-root .rune-shard-panel .rune-track-slot{width:74px;min-height:0;}
.rune-modal-root .rune-shard-panel .rune-track-slot::after{top:calc(50% + 19px);width:64px;height:28px;}
  .rune-modal-root .rune-shard-panel .rune-track-label{top:calc(50% + 28px);display:block;width:100px;height:24px;padding:0;white-space:normal;text-overflow:clip;font-size:10px;line-height:12px;}
  .rune-modal-root .rune-shard-panel .rune-lanes{grid-template-rows:repeat(3,minmax(0,1fr));}
  .rune-modal-root .rune-shard-panel .rune-choice-lane{grid-template-rows:minmax(96px,auto);}
  .rune-modal-root .rune-shard-panel .rune-lane-choices{display:grid;grid-template-columns:repeat(3,92px);align-items:center;justify-items:center;justify-content:start;gap:0 8px;--rune-choice-width:92px;--rune-choice-ring-size:36px;}
  .rune-modal-root .rune-lanes{min-height:0;display:grid;align-items:stretch;overflow:visible;}
  .rune-modal-root .rune-main-panel .rune-lanes{grid-template-rows:132px repeat(4,minmax(0,1fr));}
  .rune-modal-root .rune-main-panel .rune-lane-path-strip{transform:translateY(-8px);}
  .rune-modal-root .rune-main-panel .rune-track-path-node{transform:translateY(-8px);}
  .rune-modal-root .rune-sub-panel .rune-lanes{grid-template-rows:repeat(3,minmax(0,1fr));overflow:visible;padding:0;}
  .rune-modal-root .rune-sub-panel .rune-choice-lane{grid-template-rows:minmax(64px,auto);}
  .rune-modal-root .rune-sub-panel .rune-lane-choices{gap:14px;}
  .rune-modal-root .rune-sub-panel .rune-choice-lane.is-sub-choice-grid{grid-row:var(--rune-row);align-self:stretch;}
  .rune-modal-root .rune-sub-panel .rune-choice-lane.is-sub-choice-grid .rune-lane-choices{height:100%;display:grid;grid-template-columns:repeat(3,100px);grid-auto-rows:minmax(82px,auto);align-content:center;align-items:center;justify-items:center;row-gap:0;column-gap:0px;--rune-choice-width:100px;--rune-choice-ring-size:40px;}
  .rune-modal-root .rune-sub-panel .rune-choice-orb{width:100px;min-height:82px;flex-basis:100px;}
  .rune-modal-root .rune-sub-panel .rune-choice-ring{width:40px;height:40px;}
  .rune-modal-root .rune-sub-panel .rune-choice-img{width:32px;height:32px;}
  .rune-modal-root .rune-sub-panel .rune-track-label{display:block;width:100px;height:24px;padding:0;white-space:normal;text-overflow:clip;line-height:12px;}
  .rune-modal-root .rune-sub-panel .rune-track-path-node .rune-track-label{top:calc(50% + 46px);}
  .rune-modal-root .rune-sub-panel .rune-track-slot:not(.rune-track-path-node) .rune-track-label{top:calc(50% + 36px);}
  .rune-modal-root .rune-sub-panel .rune-choice-name{top:calc(50% + 30px);display:block;width:100px;height:24px;padding:0;white-space:normal;text-overflow:clip;-webkit-line-clamp:unset;line-clamp:unset;font-size:10px;line-height:12px;}
  .rune-modal-root .rune-choice-lane{grid-row:var(--rune-row,auto);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(58px,auto);align-self:center;align-items:center;min-height:0;}
  .rune-modal-root .rune-choice-lane.is-keystone-lane{grid-template-rows:minmax(70px,auto);}
  .rune-modal-root .rune-lane-choices{--rune-choice-left-target:28px;--rune-choice-width:78px;--rune-choice-ring-size:52px;grid-column:1/2;grid-row:1/2;display:flex;align-items:center;gap:24px;min-width:0;margin-left:calc(var(--rune-choice-left-target) - ((var(--rune-choice-width) - var(--rune-choice-ring-size)) / 2));}
  .rune-modal-root .rune-choice-orb{position:relative;width:78px;min-height:96px;flex:0 0 78px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:#dbe4f0;font-family:inherit;font-size:11px;line-height:1.1;text-align:center;cursor:pointer;filter:saturate(.8) brightness(.9);}
  .rune-modal-root .rune-choice-ring{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(209,194,132,.42);border-radius:50%;background:#101820;box-shadow:inset 0 0 12px rgba(0,0,0,.78);}
  .rune-modal-root .rune-choice-ring::after{content:'';position:absolute;inset:-6px;border:1px solid transparent;border-radius:50%;pointer-events:none;}
  .rune-modal-root .rune-choice-orb:hover{filter:saturate(1) brightness(1.04);}
  .rune-modal-root .rune-choice-orb:hover .rune-choice-ring{border-color:var(--rune-accent,#f1df9b);box-shadow:0 0 0 2px color-mix(in srgb,var(--rune-accent,#f1df9b) 20%,transparent),0 0 18px color-mix(in srgb,var(--rune-accent,#f1df9b) 38%,transparent),inset 0 0 12px rgba(0,0,0,.78);}
  .rune-modal-root .rune-shard-panel .rune-choice-orb:hover .rune-choice-ring{border-color:#f1df9b;box-shadow:0 0 0 2px rgba(241,223,155,.2),0 0 18px rgba(241,223,155,.38),inset 0 0 12px rgba(0,0,0,.78);}
  .rune-modal-root .rune-choice-orb.is-active{color:#dbe4f0;filter:saturate(1.1) brightness(1.08);}
  .rune-modal-root .rune-choice-orb.is-active .rune-choice-ring{border-color:var(--rune-accent,#fff0a7);background:#151914;box-shadow:0 0 0 3px color-mix(in srgb,var(--rune-accent,#f4df97) 34%,transparent),0 0 22px color-mix(in srgb,var(--rune-accent,#f4df97) 50%,transparent),inset 0 0 12px rgba(0,0,0,.72);}
  .rune-modal-root .rune-choice-orb.is-active .rune-choice-ring::after{border-color:color-mix(in srgb,var(--rune-accent,#fff0a7) 82%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--rune-accent,#f4df97) 38%,transparent);}
  .rune-modal-root .rune-shard-panel .rune-choice-orb.is-active{color:#dbe4f0;}
  .rune-modal-root .rune-shard-panel .rune-choice-orb.is-active .rune-choice-ring{border-color:#fff0a7;box-shadow:0 0 0 3px rgba(244,223,151,.34),0 0 22px rgba(244,223,151,.5),inset 0 0 12px rgba(0,0,0,.72);}
  .rune-modal-root .rune-shard-panel .rune-choice-orb.is-active .rune-choice-ring::after{border-color:rgba(255,240,167,.82);box-shadow:0 0 16px rgba(244,223,151,.38);}
  .rune-modal-root .rune-choice-orb.is-disabled{opacity:.34;cursor:default;filter:grayscale(.75) brightness(.72);}
  .rune-modal-root .rune-choice-orb.is-disabled:hover .rune-choice-ring{border-color:rgba(209,194,132,.42);box-shadow:inset 0 0 12px rgba(0,0,0,.78);}
  .rune-modal-root .rune-choice-orb.is-small{width:92px;min-height:96px;flex-basis:92px;}
  .rune-modal-root .rune-choice-orb.is-small .rune-choice-ring{width:36px;height:36px;}
  .rune-modal-root .rune-choice-img{width:44px;height:44px;border-radius:50%;display:block;object-fit:cover;}
  .rune-modal-root .rune-choice-orb.is-small .rune-choice-img{width:28px;height:28px;}
  .rune-modal-root .rune-choice-name{position:absolute;top:calc(50% + 36px);left:50%;display:-webkit-box;width:100px;margin-top:0;overflow:hidden;transform:translateX(-50%);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:inherit;pointer-events:none;}
  .rune-modal-root .rune-choice-orb.is-small .rune-choice-name{top:calc(50% + 28px);display:block;width:92px;height:24px;padding:0;white-space:normal;text-overflow:clip;-webkit-line-clamp:unset;line-clamp:unset;font-size:10px;line-height:12px;}
  .rune-modal-root .rune-lane-placeholder{grid-row:var(--rune-row,auto);align-self:center;min-height:68px;display:flex;align-items:center;color:#b7afa6;font-size:13px;font-weight:800;}
  .rune-modal-root .rune-modal-actions{position:relative;z-index:1;height:52px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;border-top:1px solid rgba(173,187,214,.22);background:rgba(14,20,31,.9);}
  .rune-modal-root .rune-modal-actions-left{display:flex;align-items:center;gap:10px;min-width:0;}
  .rune-modal-root .rune-copy-status{color:var(--text2);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;}
  .rune-modal-root .rune-copy-status.is-error{color:#ff8f8f;}
  .rune-modal-root .rune-action{height:32px;min-width:82px;padding:0 14px;border:1px solid rgba(173,187,214,.34);border-radius:8px;background:rgba(255,255,255,.04);color:#e8edf6;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
  .rune-modal-root .rune-action:disabled{opacity:.55;cursor:default;}
  .rune-modal-root .rune-action:hover{border-color:#e8edf6;background:rgba(255,255,255,.09);}
  @media (max-width:940px){
    .rune-modal-root .rune-modal-box{height:min(96vh,840px);}
    .rune-modal-root .rune-modal-body{grid-template-rows:minmax(0,1fr);}
    .rune-modal-root .rune-builder{grid-template-columns:1fr;grid-template-rows:minmax(340px,1fr) minmax(240px,1fr) 276px;overflow-y:auto;}
    .rune-modal-root .rune-main-panel,.rune-modal-root .rune-sub-panel,.rune-modal-root .rune-shard-panel{grid-column:auto;grid-row:auto;}
  }