:root{--bg: #0e1015;--panel: #161a23;--panel-2: #1d2230;--line: #2a3142;--text: #e6e9f0;--muted: #8b93a7;--blue: #3b82f6;--blue-dim: #1e3a8a;--red: #ef4444;--red-dim: #7f1d1d;--gold: #c8aa6e;--accent: #4ade80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.center-msg{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;color:var(--muted);line-height:1.6}.app{max-width:1640px;margin:0 auto;padding:16px}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr) 330px;gap:14px;align-items:start;margin-top:14px}.side-col{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden}.center-col{min-width:0;display:flex;flex-direction:column;gap:14px}.center-col .memo-input{margin:0}.ban-suggest{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.bs-label{font-size:12px;color:var(--red);font-weight:700;display:block;margin-bottom:8px}.bs-list{display:flex;flex-wrap:wrap;gap:8px}.bs-item{display:flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--red-dim);border-radius:8px;padding:5px 10px 5px 5px;cursor:pointer;color:var(--text)}.bs-item:hover{background:#ef444429;border-color:var(--red)}.bs-label.ally{color:#93c5fd}.bs-item.ally{border-color:var(--blue-dim)}.bs-item.ally:hover{background:#3b82f629;border-color:var(--blue)}.bs-item img{width:32px;height:32px;border-radius:5px}.bs-info{display:flex;flex-direction:column;gap:1px;align-items:flex-start}.bs-name{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.bs-off{font-size:9px;background:var(--red-dim);color:#fff;border-radius:3px;padding:0 4px;font-weight:700}.bs-meta{font-size:10px;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar h1{font-size:20px;margin:0;color:var(--gold);white-space:nowrap}.topbar-actions{display:flex;gap:8px;flex:1;justify-content:flex-end;flex-wrap:wrap}.title-input{flex:1;min-width:180px;max-width:360px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}.memo-input{width:100%;margin:10px 0 16px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:8px;font-size:13px;resize:vertical;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--gold)}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:9px 14px;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--gold)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}.board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-col{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.team-col.blue{border-top:3px solid var(--blue)}.team-col.red{border-top:3px solid var(--red)}.team-title{margin:0 0 10px;font-size:15px}.team-col.blue .team-title{color:#93c5fd}.team-col.red .team-title{color:#fca5a5}.row-label{font-size:11px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:6px}.ban-row{margin-bottom:12px}.ban-slots{display:flex;gap:6px}.pick-list{display:flex;flex-direction:column;gap:8px}.slot{position:relative;cursor:pointer;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel-2);display:flex;align-items:center}.slot.pick{height:56px;padding-right:8px}.slot.ban{width:48px;height:48px;flex-direction:column;justify-content:center}.slot.active{border-color:var(--gold);box-shadow:0 0 0 2px #c8aa6e59}.slot.empty{border-style:dashed}.slot:hover{border-color:var(--gold)}.slot.pick img{width:56px;height:56px;object-fit:cover}.slot.ban img{width:100%;height:100%;object-fit:cover}.slot.ban.filled{border-color:var(--red);box-shadow:0 0 0 1.5px var(--red) inset}.slot .slot-name{margin-left:10px;font-size:14px;font-weight:600}.slot.blue.pick.filled{background:linear-gradient(90deg,rgba(59,130,246,.18),transparent)}.slot.red.pick.filled{background:linear-gradient(90deg,rgba(239,68,68,.18),transparent)}.slot-placeholder{color:var(--muted);font-size:12px;margin-left:12px}.slot.ban .slot-placeholder{margin:0}.ban-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--red);font-size:22px;font-weight:900;text-shadow:0 0 4px #000}.slot-clear{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:none}.slot:hover .slot-clear{display:block}.lower{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-top:16px}.picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.picker-head{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.search{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}.roles{display:flex;gap:6px;flex-wrap:wrap}.role{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:5px 11px;border-radius:16px;font-size:13px;cursor:pointer}.role.active{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}.picker-hint{font-size:12px;color:var(--gold)}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:460px;overflow-y:auto;padding-right:4px}.champ{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:6px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text)}.champ img{width:52px;height:52px;border-radius:6px}.champ span{font-size:11px;text-align:center;line-height:1.2}.champ:hover{border-color:var(--gold)}.champ.used{opacity:.3;cursor:default;filter:grayscale(1)}.saved{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;max-height:540px;overflow-y:auto}.saved h3{margin:0 0 10px;font-size:15px;color:var(--gold)}.saved ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.saved-item{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.saved-item:hover{border-color:var(--gold)}.saved-item.active{border-color:var(--accent)}.saved-main{flex:1;min-width:0}.saved-title{font-weight:700;font-size:14px;margin-bottom:2px}.saved-memo{font-size:12px;color:var(--muted);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-preview{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.saved-preview img{width:26px;height:26px;border-radius:4px}.saved-date{font-size:11px;color:var(--muted)}.del-btn{background:transparent;border:1px solid var(--red-dim);color:var(--red);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;align-self:flex-start}.del-btn:hover{background:var(--red-dim);color:#fff}.empty-msg{color:var(--muted);font-size:13px;text-align:center;padding:16px}.scout{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px}.scout-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.scout-top h3{margin:0;font-size:16px;color:var(--gold)}.us-side{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.us-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:5px 12px;border-radius:16px;cursor:pointer;font-size:13px}.us-btn.blue.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.us-btn.red.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}.scout-add{display:flex;gap:8px;margin:12px 0}.scout-add input{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}.scout-add button,.sc-riot-input button{background:var(--gold);color:#1a1408;border:none;padding:9px 16px;border-radius:8px;font-weight:700;cursor:pointer}.scout-predict{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:12px}.scout-predict-sub{color:var(--muted)}.scout-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.scout-group{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px}.scout-group.allies{border-top:3px solid var(--blue)}.scout-group.enemies{border-top:3px solid var(--red)}.scout-group h4{margin:2px 0 8px;font-size:14px;display:flex;align-items:center;gap:6px}.sc-count{background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:11px;padding:1px 7px;color:var(--muted)}.scout-tip{font-size:12px;color:var(--muted);margin:10px 2px 0}.sc-search{position:relative;margin-bottom:10px}.sc-search-row{display:flex;gap:6px}.sc-search-row input{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:7px;font-size:13px}.sc-search-row button{background:var(--gold);color:#1a1408;border:none;padding:8px 14px;border-radius:7px;font-weight:700;cursor:pointer}.sc-sugs{position:absolute;z-index:20;left:0;right:52px;top:40px;background:var(--panel);border:1px solid var(--gold);border-radius:8px;list-style:none;margin:0;padding:4px;max-height:240px;overflow-y:auto}.sc-sugs li{display:flex;justify-content:space-between;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:13px}.sc-sugs li:hover{background:var(--panel-2)}.sc-sug-count{color:var(--muted);font-size:11px}.scout-list{display:flex;flex-direction:column;gap:10px}.sc-block{margin:10px 0}.sc-block-label{font-size:11px;color:var(--muted);display:block;margin-bottom:5px}.sc-more{width:100%;margin-top:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:6px;font-size:12px;cursor:pointer}.sc-more:hover{border-color:var(--gold);color:var(--gold)}.sc-official{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.sc-off-toggle{background:transparent;border:none;color:var(--gold);cursor:pointer;font-size:12px;padding:2px 0;font-weight:600}.sc-off-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sc-off-game{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.sc-off-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.sc-off-head .win{color:#4ade80}.sc-off-head .lose{color:#fca5a5}.sc-load-team{background:var(--red-dim);color:#fff;border:none;border-radius:5px;padding:3px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.sc-load-team:hover{background:var(--red)}.sc-off-enemy{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}.scout-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px}.scout-card.loading{color:var(--muted);font-size:13px}.scout-card.error .sc-err{color:var(--red);font-size:13px;margin-top:6px}.sc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-head b{font-size:15px}.sc-scores{display:flex;gap:5px;flex-wrap:wrap;flex:1}.sc-score{font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.sc-score.main{color:var(--gold);border-color:var(--gold);font-weight:700}.sc-x{background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}.sc-x:hover{color:var(--red)}.sc-side{margin:10px 0}.sc-side-label{font-size:11px;color:var(--muted)}.sc-side-bar{display:flex;height:20px;border-radius:5px;overflow:hidden;margin-top:4px;font-size:11px;font-weight:700}.sc-blue{background:var(--blue-dim);color:#cfe0ff;display:flex;align-items:center;justify-content:center}.sc-red{background:var(--red-dim);color:#ffd5d5;display:flex;align-items:center;justify-content:center}.sc-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.sc-tab{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:3px 9px;border-radius:12px;font-size:12px;cursor:pointer}.sc-tab.active{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}.sc-champs{display:flex;flex-wrap:wrap;gap:6px}.sc-empty{color:var(--muted);font-size:12px;padding:6px}.scout-champ{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 8px 4px 4px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text)}.scout-champ:hover{border-color:var(--red);background:#ef44441f}.scout-champ img{width:30px;height:30px;border-radius:5px}.scout-champ .noimg{width:30px;height:30px;border-radius:5px;background:var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}.sc-name{font-size:12px;font-weight:600}.sc-wr{font-size:10px}.sc-riot{margin-top:10px}.sc-riot-toggle{background:transparent;border:1px dashed var(--line);color:var(--muted);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;width:100%}.sc-riot-toggle:hover{border-color:var(--gold);color:var(--gold)}.sc-riot-box{margin-top:8px}.sc-riot-input{display:flex;gap:6px;margin-bottom:8px}.sc-riot-input input{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:6px;font-size:13px}.sc-riot-input button{padding:7px 12px;font-size:13px}.sc-rank{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.rank-tier{font-size:13px;font-weight:700;color:var(--gold)}.rank-tier.t-challenger,.rank-tier.t-grandmaster{color:#ff6b6b}.rank-tier.t-master{color:#c084fc}.rank-tier.t-diamond{color:#60a5fa}.rank-tier.t-emerald{color:#34d399}.rank-wr{font-size:11px;color:var(--muted)}.sc-rolepick{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}.sc-rolepick-label{flex:0 0 32px;font-size:12px;color:var(--gold);font-weight:700;padding-top:6px}.sc-rolepick .sc-champs{flex:1}.scout-col-head{display:flex;align-items:center;justify-content:space-between}.scout-col-head h3{margin:0 0 8px;font-size:15px}.scout-col.allies .scout-col-head h3{color:#93c5fd}.scout-col.enemies .scout-col-head h3{color:#fca5a5}.sc-pos{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:8px 0}.sc-pos-label{font-size:11px;color:var(--muted);margin-right:2px}.pos-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:3px 8px;border-radius:6px;font-size:12px;cursor:pointer}.pos-btn.active{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}.side-col::-webkit-scrollbar{width:7px}.side-col::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.side-col{position:static;max-height:none}.scout-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}}@media(max-width:860px){.lower,.board,.scout-list{grid-template-columns:1fr}}