:root{--bg-base: #0F0F0F;--bg-panel: #151515;--bg-glass: #191919;--bg-glass-hover: #222222;--bg-input: #151515;--border: #222222;--border-strong: #333333;--text-primary: #FFFFFF;--text-secondary: #999999;--text-tertiary: #555555;--cost-1: #6E7B86;--cost-2: #169C3D;--cost-3: #096AC3;--cost-4: #BA1D8E;--cost-5: #FFBB1F;--tier-bronze: #8B4536;--tier-silver: #617681;--tier-gold: #DFFF39;--tier-prismatic: #B95DF7;--accent-gold: #DFFF39;--accent-purple: #B95DF7;--accent-green: #3BFF0A;--accent-blue: #2596FF;--danger: #FF004D;--warning: #FFBB1F;--glass-blur: blur(12px) saturate(180%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:Pretendard Variable,Pretendard,Segoe UI,Apple SD Gothic Neo,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app-root{min-height:100vh;background:radial-gradient(ellipse at 15% 0%,rgba(185,93,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(223,255,57,.06) 0%,transparent 50%),var(--bg-base)}.engine-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;border-bottom:1px solid var(--border);font-size:11px}.engine-bar span{color:var(--text-secondary)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 16px;background:var(--bg-panel)}.tab-btn{padding:8px 16px;font-size:13px;font-weight:500;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color .2s var(--ease-out-quart),border-color .2s var(--ease-out-quart)}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{font-weight:700;border-bottom-color:var(--accent-gold);color:var(--text-primary)}.glass{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg)}.glass:hover{border-color:var(--border-strong)}.glass-best{border:1.5px solid var(--accent-green)!important;background:#3bff0a0f!important}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:24px;font-size:11px;font-weight:500;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary)}.chip-cpp{background:#3bff0a1a;border-color:#3bff0a4d;color:#3bff0a}.chip-warn{background:#ffbb1f1a;border-color:#ffbb1f4d;color:var(--warning)}.section-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cost-1{--cc:var(--cost-1)}.cost-2{--cc:var(--cost-2)}.cost-3{--cc:var(--cost-3)}.cost-4{--cc:var(--cost-4)}.cost-5{--cc:var(--cost-5)}.hex-cell{width:42px;height:47px;border-radius:var(--radius-sm);background:#191919;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;cursor:pointer;transition:background .2s var(--ease-out-quart),border-color .2s var(--ease-out-quart);position:relative;overflow:hidden}.hex-cell:hover{background:#222;border-color:var(--border-strong)}.hex-cell.occupied{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,transparent);color:var(--cc)}.hex-cell.drag-over{border-color:var(--accent-gold);background:#dfff3914}.hex-stars{position:absolute;bottom:2px;right:2px;font-size:7px;color:var(--accent-gold);letter-spacing:-1px}.stepper{display:flex;align-items:center;gap:5px}.stepper-btn{width:22px;height:22px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:background .2s var(--ease-out-quart)}.stepper-btn:hover{background:var(--bg-glass-hover)}.stepper-val{font-size:14px;font-weight:600;min-width:32px;text-align:center}.lv-btn{padding:2px 8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .2s var(--ease-out-quart)}.lv-btn.active{background:#dfff391f;border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.scenario-btn{background:#191919;border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 8px;cursor:pointer;text-align:center;transition:border-color .2s var(--ease-out-quart)}.scenario-btn:hover{border-color:var(--accent-gold)}.scenario-btn.active{border-color:var(--accent-gold);background:#dfff390f}.scenario-btn .s-title{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.scenario-btn .s-sub{font-size:10px;color:var(--text-secondary)}.strat-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;cursor:pointer;transition:border-color .2s var(--ease-out-quart)}.strat-card.best{border:1.5px solid var(--accent-green);background:#3bff0a0d}.strat-card.unavailable{opacity:.38;pointer-events:none}.strat-name{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.strat-card.best .strat-name{color:#3bff0a}.strat-val{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.strat-card.best .strat-val{color:#3bff0a}.strat-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.best-badge{display:inline-block;background:var(--accent-green);color:#000;font-size:8px;font-weight:700;padding:1px 4px;border-radius:2px;margin-left:4px}.coach-tip{padding:8px 12px;font-size:11px;line-height:1.5;color:var(--text-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:8px;background:#2596ff0f;border-left:2px solid var(--accent-blue)}.coach-tip strong{color:var(--text-primary);font-weight:600}.coach-tip.coach-success{background:#3bff0a0d;border-left-color:var(--accent-green)}.coach-tip.coach-warn{background:#ffbb1f0f;border-left-color:var(--warning)}.tl-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:38px;border-radius:3px;padding:2px 0}.tl-bar{width:30px;border-radius:3px 3px 0 0;transition:height .3s var(--ease-out-quart)}.tl-label{font-size:10px;color:var(--text-secondary)}.tl-badge{font-size:9px;font-weight:500;padding:1px 3px;border-radius:2px;white-space:nowrap}.tl-pbe{background:#7777774d;color:var(--text-tertiary)}.tl-pvp{background:#ffffff0d;color:var(--text-tertiary)}.tl-carousel{background:#2596ff1f;color:#2596ff}.tl-roll{background:#3bff0a26;color:#3bff0a;font-weight:600}.tl-danger{background:#ff004d1f;color:var(--danger)}.tl-current{outline:1.5px solid rgba(37,150,255,.5)}.tl-optimal{outline:2px solid var(--accent-green)}.tl-warn{outline:1.5px solid rgba(255,0,77,.5)}.champ-chip{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid;background:#0000004d;cursor:pointer;transition:opacity .2s var(--ease-out-quart),background .2s var(--ease-out-quart);white-space:nowrap}.champ-chip:hover{background:#ffffff0f}.url-bar{display:flex;align-items:center;gap:8px;background:#151515;border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 12px;font-size:11px;color:var(--text-secondary);font-family:monospace}.url-copy{margin-left:auto;font-size:10px;font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:600;padding:2px 8px;background:#dfff3914;border:1px solid rgba(223,255,57,.25);border-radius:3px;cursor:pointer;color:var(--accent-gold);transition:background .2s var(--ease-out-expo)}.url-copy:hover{background:#dfff3929}.power-bar-bg{height:5px;border-radius:3px;background:#ffffff0f;overflow:hidden}.power-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--danger),var(--accent-gold));transition:width .4s var(--ease-out-quart)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#555;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#666}.btn{padding:6px 16px;font-size:12px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s var(--ease-out-expo),opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gold);color:#000}.btn-primary:hover{background:#e5ff61}.btn-green{background:var(--accent-green);color:#000}.btn-purple{background:var(--accent-purple);color:#fff}.btn-red{background:var(--danger);color:#fff}.btn-gold{background:#dfff391f;border:1px solid rgba(223,255,57,.3);color:var(--accent-gold)}.btn-gold:hover{background:#dfff3933}input[type=number]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 6px;font-size:13px;font-weight:500;font-family:inherit;transition:border-color .2s var(--ease-out-quart)}input[type=number]:focus{outline:none;border-color:var(--accent-gold)}@media (max-width: 640px){.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 8px}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;padding:8px 12px;font-size:12px}.hex-cell{width:36px;height:40px;font-size:8px}.strat-grid-responsive{grid-template-columns:repeat(2,1fr)!important}.coach-layout{flex-direction:column!important}.coach-left{width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--border)}.coach-right{padding:12px!important}.board-sim-columns{flex-direction:column!important}.board-sim-left{border-right:none!important;border-bottom:1px solid var(--border)}.board-grid-responsive{grid-template-columns:1fr!important}.topbar-wrap{padding:8px!important;gap:6px 10px!important}.btn{padding:6px 12px;font-size:11px}.scenario-btn{padding:6px}.scenario-btn .s-title{font-size:10px}.coach-state-bar{flex-direction:column!important;gap:4px!important;align-items:flex-start!important}}@media (max-width: 900px) and (min-width: 641px){.coach-layout{flex-direction:column!important}.coach-left{width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--border)}.board-sim-columns{flex-direction:column!important}.board-sim-left{border-right:none!important;border-bottom:1px solid var(--border)}.board-grid-responsive{grid-template-columns:1fr 1fr!important}}