:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tft-shell{color:#e5e7eb;background:#080d18;border:1px solid #94a3b838;border-radius:16px;min-height:720px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000006b}.guide-board{padding:12px}.board-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.board-head div{align-items:center;gap:8px;min-width:0;display:flex}.board-head b{letter-spacing:-.04em;font-size:17px}.board-head span{text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;background:#111827;border:1px solid #94a3b82e;border-radius:8px;max-width:132px;padding:5px 7px;font-size:11px;overflow:hidden}.board-head span.detected{color:#86efac}.board-head button,.overlay-controls button,.guide-fab{color:#dbeafe;font:inherit;cursor:pointer;background:#111827;border:1px solid #94a3b833;border-radius:8px;font-size:12px;font-weight:800}.board-head button{min-height:31px;padding:0 10px}.deck-line{background:#111827;border:1px solid #94a3b82e;border-radius:12px;padding:12px}.deck-line.dense{background:#0f172a;padding:10px}.deck-title{align-items:center;gap:10px;display:flex}.tier{color:#111827;background:#f8c34a;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;font-weight:950;display:grid}.tier.small{border-radius:7px;width:30px;height:30px;font-size:15px}.tier-live{font-size:14px}.deck-title h3{letter-spacing:-.05em;margin:0;font-size:20px;line-height:1.05}.deck-line.dense .deck-title h3{font-size:15px}.deck-title small{color:#64748b;margin-top:4px;font-size:11px;display:block}.icon-row{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px;display:grid}.icon-row figure{min-width:0;margin:0}.icon-row img{aspect-ratio:1;object-fit:cover;background:#020617;border:1px solid #ffffff1f;border-radius:8px;width:100%;display:block}.icon-row .carry img{border-color:#f8c34a;box-shadow:0 0 0 1px #f8c34a66}.icon-row figcaption{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#cbd5e1;margin-top:4px;font-size:10px;overflow:hidden}.deck-line.dense .icon-row{grid-template-columns:repeat(5,34px);justify-content:start;margin-top:9px}.deck-line.dense .icon-row figcaption{display:none}.item-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.item-row span{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;background:#0b1220;border:1px solid #94a3b829;border-radius:8px;align-items:center;gap:5px;min-width:0;padding:5px 6px;font-size:10px;display:flex;overflow:hidden}.item-row img{object-fit:cover;border-radius:5px;flex:none;width:22px;height:22px}.input-box,.plan-box,.switch-box{background:#0f172a;border:1px solid #94a3b829;border-radius:12px;margin-top:8px;padding:9px}.input-title,.plan-box h2,.switch-box h2{color:#94a3b8;margin:0 0 8px;font-size:12px;font-weight:900}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row+.chip-row{margin-top:7px}.chip-row button{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #94a3b82e;border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-flex}.chip-row button img{object-fit:cover;border-radius:5px;width:22px;height:22px}.chip-row button span{line-height:1}.chip-row button.active{color:#08111f;background:#dbeafe;border-color:#dbeafe}.item-picker{flex-wrap:nowrap}.item-picker button{justify-content:center;width:36px;min-height:34px;padding:4px}.item-picker button span{display:none}.chip-row button.danger{color:#111827;background:#f8c34a;border-color:#f8c34a}.chip-row.compact button{min-height:28px;font-size:11px}.plan-box ol{color:#e2e8f0;gap:6px;margin:0;padding-left:20px;font-size:12px;line-height:1.38;display:grid}.switch-box .deck-line{background:0 0;border:0;padding:0}.switch-box .item-row{grid-template-columns:repeat(3,32px)}.switch-box .item-row span{background:0 0;border:0;padding:0}.switch-box .item-row img{width:30px;height:30px}.switch-box .item-row span{font-size:0}.overlay-controls{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.overlay-controls button{color:#f8fafc;min-height:39px}.guide-fab{z-index:20;color:#08111f;background:#dbeafe;min-height:39px;padding:0 13px;position:absolute;bottom:14px;right:12px;box-shadow:0 10px 22px #00000040}.shade{opacity:0;pointer-events:none;z-index:30;background:#0000006b;border:0;transition:all .18s;position:absolute;inset:0}.guide-sheet{z-index:40;background:#080d18;border:1px solid #94a3b833;border-radius:18px 18px 0 0;flex-direction:column;max-height:84%;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(104%);box-shadow:0 20px 60px #00000075}.is-open .shade{opacity:1;pointer-events:auto}.is-open .guide-sheet{transform:translateY(0)}.handle{background:#ffffff38;border-radius:999px;width:40px;height:4px;margin:10px auto 6px}.sheet-head{border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:start;gap:10px;padding:6px 14px 12px;display:flex}.sheet-head h2{letter-spacing:-.04em;margin:0 0 4px;font-size:18px}.sheet-head small{color:#94a3b8}.sheet-head button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;width:34px;height:34px}.guide-sheet input{color:#fff;background:#0f172a;border:1px solid #94a3b82e;border-radius:9px;outline:none;height:40px;margin:12px 14px 8px;padding:0 12px}.tabs{gap:7px;padding:0 14px 12px;display:flex;overflow-x:auto}.tabs button{color:#94a3b8;cursor:pointer;background:#111827;border:1px solid #94a3b82e;border-radius:9px;flex:none;padding:8px 11px;font-size:12px}.tabs button.active{color:#08111f;background:#dbeafe;border-color:#0000;font-weight:800}.guide-list{padding:0 14px 18px;overflow:auto}.guide-card{background:#111827;border:1px solid #94a3b829;border-radius:12px;margin-bottom:9px;padding:10px}.guide-card ul{color:#cbd5e1;margin:10px 0 0;padding-left:16px;font-size:12px;line-height:1.45}.empty{color:#94a3b8;text-align:center;padding:24px 0}.mini-card{display:none}.is-mini{border-radius:14px;min-height:84px}.is-mini .guide-board{padding:10px}.is-mini .board-head,.is-mini .deck-line,.is-mini .input-box,.is-mini .plan-box,.is-mini .switch-box,.is-mini .guide-fab{display:none}.is-mini .mini-card{color:#e5e7eb;text-align:left;cursor:pointer;background:#111827;border:1px solid #94a3b833;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;width:100%;padding:9px;display:grid}.is-mini .mini-card .tier{grid-row:1/3}.is-mini .mini-card strong{font-size:14px;line-height:1.1}.is-mini .mini-card>span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;min-width:0;font-size:10px;overflow:hidden}.is-mini .overlay-controls{grid-template-columns:1fr;margin-top:7px}.is-mini .overlay-controls button:first-child{display:none}@media (width<=390px){.icon-row{grid-template-columns:repeat(5,1fr)}.deck-title h3{font-size:18px}.item-row{grid-template-columns:1fr}.deck-line.dense .item-row{grid-template-columns:repeat(3,32px)}}.patch-summary{background:linear-gradient(135deg,#0ea5e929,#1e293bb8);border:1px solid #38bdf847;border-radius:12px;gap:4px;margin:10px 0;padding:10px;display:grid}.patch-summary strong{color:#bae6fd;font-size:12px}.patch-summary span{color:#e0f2fe;font-size:13px;font-weight:900}.patch-summary small{color:#94a3b8;font-size:11px;line-height:1.35}.level-tabs{grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px;display:grid}.level-tabs button{color:#cbd5e1;min-height:30px;font:inherit;cursor:pointer;background:#0f172a;border:1px solid #94a3b833;border-radius:8px;font-size:11px;font-weight:900}.level-tabs button.active{color:#fff;background:#0e7490;border-color:#38bdf8bf;box-shadow:0 0 0 2px #38bdf81f}.level-plan{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:10px;margin:4px 0 8px;padding:8px}.level-plan strong{color:#fde68a;font-size:13px;display:block}.level-plan p{color:#dbeafe;margin:3px 0;font-size:12px;line-height:1.35}.level-plan em{color:#a7f3d0;margin:5px 0;font-size:11px;font-style:normal;font-weight:900;line-height:1.35;display:block}.level-plan small{color:#94a3b8;font-size:11px;line-height:1.35;display:block}.situation-summary{color:#a7f3d0;margin:-3px 0 6px;font-size:11px;font-weight:800;line-height:1.35;display:block}.economy-callout{color:#fde68a;background:#713f122e;border:1px solid #fbbf243d;border-radius:8px;margin:-2px 0 8px;padding:6px 7px;font-size:11px;font-weight:900;line-height:1.35;display:block}.stage-board{grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0;display:grid}.stage-board figure{min-width:0;margin:0}.stage-board img{aspect-ratio:1;object-fit:cover;background:#020617;border:1px solid #ffffff1f;border-radius:8px;width:100%;display:block}.stage-board .carry img{border-color:#facc15;box-shadow:0 0 0 2px #facc1529}.stage-board figcaption{text-align:center;color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.holder-list{gap:5px;margin:8px 0;display:grid}.holder-list div{background:#0206176b;border:1px solid #94a3b824;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;column-gap:7px;padding:5px;display:grid}.holder-list img{border:1px solid #ffffff24;border-radius:6px;width:28px;height:28px}.holder-list span{color:#e0f2fe;font-size:12px}.holder-list small{color:#94a3b8;grid-column:2;font-size:10px;line-height:1.25}.board-note{color:#bae6fd;margin:6px 0 8px;font-size:11px;line-height:1.35}.next-note{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;margin:6px 0 8px;padding:6px 8px;font-size:11px;font-weight:900;line-height:1.35}.deck-plan-source{color:#38bdf8;margin:-4px 0 8px;font-size:11px;font-weight:800;display:block}.switch-reason{color:#fbbf24;margin:-4px 0 8px;font-size:11px;font-weight:800;line-height:1.35;display:block}.recommendation-status{background:#0f172ab8;border:1px solid #94a3b833;border-radius:12px;gap:3px;margin:10px 0;padding:9px;display:grid}.recommendation-status strong{color:#e0f2fe;font-size:12px}.recommendation-status span{color:#cbd5e1;font-size:11px;line-height:1.35}.recommendation-status small{color:#fca5a5;font-size:10px}.recommendation-status.is-codex{background:linear-gradient(135deg,#581c8761,#0f172ad1);border-color:#a855f773}.recommendation-status.is-codex strong{color:#e9d5ff}.recommendation-status.is-fallback{background:linear-gradient(135deg,#7c2d1247,#0f172ad1);border-color:#fb923c6b}.recommendation-status.is-fallback strong{color:#fed7aa}.recommendation-status .source-hosts,.recommendation-status .level-note{color:#93c5fd}.recommendation-status .primary-action{color:#fde68a;background:#713f1238;border:1px solid #fbbf2452;border-radius:8px;padding:6px 7px;font-size:11px;line-height:1.35}.synergy-box{background:linear-gradient(135deg,#064e3b47,#0f172ac7);border:1px solid #34d39947;border-radius:12px;gap:7px;margin:10px 0;padding:10px;display:grid}.synergy-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.synergy-head strong{color:#bbf7d0;font-size:12px}.synergy-head small{color:#86efac;font-size:10px}.board-units{color:#dbeafe;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.35;overflow:hidden}.trait-row{flex-wrap:wrap;gap:5px;display:flex}.trait-row span{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;line-height:1.1}.active-traits span{color:#a7f3d0;background:#10b98133;border:1px solid #34d39952}.near-traits span{color:#bfdbfe;background:#3b82f629;border:1px solid #60a5fa47}.unmatched-units{color:#fca5a5;font-size:10px;line-height:1.35}.meta-picker{background:linear-gradient(135deg,#581c8752,#0f172acc);border:1px solid #a855f752;border-radius:12px;gap:7px;margin:10px 0;padding:10px;display:grid}.meta-picker-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.meta-picker-head strong{color:#e9d5ff;font-size:12px}.meta-picker-head small{color:#c4b5fd;font-size:10px}.meta-chip-row{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.meta-chip-row button{color:#ddd6fe;max-width:150px;font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#111827;border:1px solid #a855f73d;border-radius:999px;flex:none;padding:6px 8px;font-size:10px;font-weight:900;overflow:hidden}.meta-chip-row button.active{color:#fff;background:#7c3aed;border-color:#c4b5fd}.meta-detail{color:#f5d0fe;margin:0;font-size:11px;font-weight:900;line-height:1.35}.timing-list{color:#cbd5e1;margin:0;padding-left:18px;font-size:10px;line-height:1.35}.timing-list li{margin:2px 0}.mobile-quick-card,.board-compact{display:none}.next-timing-pill,.synergy-summary{border-radius:9px;padding:6px 8px;font-size:11px;line-height:1.3;display:block}.next-timing-pill{color:#f5d0fe;background:#7c3aed47;border:1px solid #c4b5fd47}.synergy-summary{color:#bbf7d0;background:#064e3b4d;border:1px solid #34d39947}@media (width<=520px){.tft-shell{background:#070b14;border-width:0;border-radius:0;min-height:100svh}.guide-board{padding:9px}.board-head{margin-bottom:7px}.board-head b{font-size:15px}.board-head span{max-width:88px;padding:4px 6px;font-size:10px}.board-head button{min-height:28px;padding:0 8px;font-size:11px}.deck-line{border-radius:11px;padding:9px}.deck-title{gap:8px}.tier{border-radius:8px;width:34px;height:34px;font-size:18px}.deck-title h3{font-size:16px}.deck-title small,.patch-summary small,.recommendation-status span,.recommendation-status .source-hosts,.recommendation-status .level-note{display:none}.icon-row{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.icon-row figure:nth-child(n+5){display:none}.icon-row figcaption,.item-row span{font-size:0}.item-row{gap:5px;margin-top:8px}.item-row span{padding:4px}.item-row img{width:24px;height:24px;margin:0}.mobile-quick-card{background:linear-gradient(135deg,#713f1247,#0f172acc);border:1px solid #fbbf244d;border-radius:12px;gap:3px;margin:8px 0;padding:9px;display:grid}.mobile-quick-card b{color:#fde68a;font-size:12px;line-height:1.3}.mobile-quick-card span{color:#e0f2fe;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.mobile-quick-card small{color:#a7f3d0;font-size:10px;font-weight:900}.recommendation-status,.patch-summary,.meta-picker,.synergy-box,.input-box,.plan-box,.switch-box{border-radius:11px;margin:8px 0;padding:8px}.recommendation-status{gap:3px}.recommendation-status .primary-action{padding:5px 6px;font-size:10px}.patch-summary{grid-template-columns:auto 1fr;align-items:center}.patch-summary span{text-align:right;font-size:11px}.meta-picker-head strong,.synergy-head strong{font-size:11px}.meta-chip-row button{max-width:116px;padding:5px 7px;font-size:9px}.meta-detail,.next-timing-pill{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.meta-picker .trait-row,.timing-list,.board-full{display:none}.board-compact{display:inline}.board-units,.synergy-summary{font-size:10px}.synergy-box .trait-row span:nth-child(n+4){display:none}.near-traits span{white-space:nowrap;text-overflow:ellipsis;max-width:148px;overflow:hidden}.unmatched-units,.input-title,.situation-summary,.economy-callout{display:none}.level-tabs{gap:4px;margin-bottom:6px}.level-tabs button{min-height:27px;font-size:10px}.chip-row{gap:4px}.chip-row button{padding:5px 7px;font-size:10px}.item-picker button{min-width:34px;padding:4px}.item-picker img{width:20px;height:20px}.item-picker span{display:none}.plan-box h2{margin-bottom:2px;font-size:13px}.deck-plan-source,.level-plan p,.level-plan small,.holder-list,.stage-board,.board-note,.verbose-actions,.next-note{display:none}.level-plan{margin:4px 0;padding:7px}.level-plan strong{font-size:12px}.level-plan em{margin:3px 0;font-size:10px}.switch-box{display:none}.overlay-controls{background:linear-gradient(#070b1400,#070b14 35%);padding-top:10px;position:sticky;bottom:0}.guide-sheet{width:min(94vw,360px)}.guide-card ul{display:none}}.game-ui-preview{background:linear-gradient(135deg,#713f123d,#0f172ad1);border:1px solid #facc1552;border-radius:12px;gap:7px;margin:10px 0;padding:10px;display:grid}.game-ui-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-ui-head strong{color:#fde68a;font-size:12px}.game-ui-head small{color:#facc15;font-size:10px}.game-ui-preview p{color:#cbd5e1;margin:0;font-size:11px;line-height:1.35}.shop-overlay-preview{background:linear-gradient(#020617b3,#1e293b8c);border:1px solid #94a3b829;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;display:grid}.shop-overlay-preview span{text-align:center;color:#94a3b8;background:#0f172ad9;border:1px solid #94a3b833;border-radius:9px;place-items:center;min-height:42px;padding:4px;font-size:10px;font-weight:900;line-height:1.15;display:grid}.shop-overlay-preview span.is-hit{color:#fef3c7;background:#facc152e;border-color:#facc15;box-shadow:0 0 0 2px #facc151f,0 0 16px #facc1529}.shop-overlay-preview span.is-carry-hit{color:#ffedd5;background:#ea580c3d;border-color:#fb923c;box-shadow:0 0 0 2px #fb923c29,0 0 18px #fb923c38}@media (width<=520px){.game-ui-preview{border-radius:11px;margin:8px 0;padding:8px}.game-ui-preview p{display:none}.shop-overlay-preview{gap:4px;padding:6px}.shop-overlay-preview span{min-height:34px;padding:3px;font-size:9px}.game-ui-head strong{font-size:11px}}:root{color:#e5e7eb;background:#070a13;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0,#1e2d58 0%,#0b1020 42%,#050711 100%);min-height:100vh;margin:0}#root{place-items:center;min-height:100vh;padding:18px;display:grid}@media (width>=760px){#root{padding:32px}.tft-shell{width:430px}}