:root{font-family:SF Pro Text,Segoe UI,Inter,sans-serif;--bg: linear-gradient(145deg, #fbfbff 0%, #f2f7ff 100%);--surface: rgba(255, 255, 255, .72);--surface-alt: rgba(255, 255, 255, .84);--text: #0f172a;--muted: #4b5563;--accent: #2563eb;--accent-2: #0ea5e9;--tier-s: #f59e0b;--tier-a: #60a5fa;--tier-b: #34d399;--tier-c: #facc15;--tier-d: #fb923c;--tier-f: #ef4444;--bg-image: none}body{margin:0;min-width:320px}:root{color-scheme:dark}:root[data-theme=dark]{--bg: #0c1016;--panel: #141a23;--panel-2: #1a2230;--text: #eef3fb;--muted: #a7b3c8;--line: #293548;--accent: #5fa6ff;--danger: #ef4444}:root[data-theme=light]{--bg: #f5f7fb;--panel: #ffffff;--panel-2: #f1f4fa;--text: #0f172a;--muted: #56627a;--line: #d9e1ef;--accent: #2f6fff;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app-shell{max-width:1100px;margin:0 auto;padding:16px;display:grid;gap:12px}.app-shell.loading{min-height:100vh;display:grid;place-items:center}.app-header{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.app-header h1{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.app-header p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.header-actions{display:flex;gap:8px}.status-banner{background:color-mix(in srgb,var(--accent),transparent 84%);border:1px solid color-mix(in srgb,var(--accent),transparent 56%);color:var(--text);border-radius:10px;padding:8px 10px}.app-nav{display:flex;gap:8px;flex-wrap:wrap}.app-nav button{padding:8px 12px}.app-nav .active{background:var(--accent);border-color:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px}.panel h2{margin:0;font-size:1.35rem}.setup-panel{min-height:180px;align-content:center}.setup-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,180px));gap:8px}.setup-stats div{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px}.setup-stats strong{display:block;font-size:1.5rem}.setup-stats span{color:var(--muted);font-size:.85rem}.platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.platform-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px}.platform-card h3{margin:0}.platform-card p{margin:0;color:var(--muted);font-size:.9rem}.platform-actions{display:flex;gap:8px}.auth-note{margin:0;color:var(--muted);font-size:.8rem}.account-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.account-list li{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:8px;align-items:center}.account-list span{display:block;color:var(--muted);font-size:.88rem}.account-actions{display:flex;gap:6px}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:center}.game-list{display:grid;gap:8px}.game-item{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center}.game-item img{width:52px;aspect-ratio:264 / 374;height:auto;border-radius:7px;object-fit:cover}.cover-fallback{background:#000;color:#fff;border-radius:7px;display:grid;place-items:center;text-align:center;font-weight:700;line-height:1.15;padding:6px;overflow:hidden}.cover-fallback-list{width:52px;aspect-ratio:264 / 374;font-size:.58rem}.game-item span{color:var(--muted);font-size:.85rem}.tier-wrap{display:grid;gap:8px}.tier-row{border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;gap:8px}.tier-row.tier-drop-flash{animation:tierDropFlash .38s ease-out}.tier-row header{font-weight:700;letter-spacing:.02em}.tier-S{background:color-mix(in srgb,#f59e0b,var(--panel) 74%)}.tier-A{background:color-mix(in srgb,#60a5fa,var(--panel) 74%)}.tier-B{background:color-mix(in srgb,#34d399,var(--panel) 74%)}.tier-C{background:color-mix(in srgb,#facc15,var(--panel) 74%)}.tier-D{background:color-mix(in srgb,#fb923c,var(--panel) 74%)}.tier-F{background:color-mix(in srgb,#ef4444,var(--panel) 80%)}.tier-pool{background:var(--panel-2)}.tier-cards{display:flex;flex-wrap:wrap;gap:8px;overflow-x:hidden}.tier-game{width:120px;min-height:132px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;gap:6px;align-content:start}.tier-game img{width:100%;aspect-ratio:264 / 374;height:auto;border-radius:6px;object-fit:cover}.cover-fallback-tier{width:100%;aspect-ratio:264 / 374;border-radius:6px;font-size:.62rem}.tier-game span{font-size:.78rem;line-height:1.2}@keyframes tierDropFlash{0%{box-shadow:0 0 #ffffff9e;transform:scale(.995);filter:saturate(1.35) brightness(1.08)}to{box-shadow:0 0 0 14px #fff0;transform:scale(1);filter:saturate(1) brightness(1)}}.modal-backdrop{position:fixed;inset:0;background:#03080fb8;display:grid;place-items:center;padding:14px}.modal{width:min(680px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}.modal h3{margin:0}.modal-note{margin:0;color:var(--muted);font-size:.9rem}.modal-search{display:flex;gap:8px}.search-results{display:grid;gap:8px;max-height:360px;overflow:auto}.search-item{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;justify-content:space-between;gap:8px;align-items:center}.search-item span{display:block;color:var(--muted);font-size:.84rem}button,input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}@media(max-width:760px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.row-between{flex-direction:column;align-items:flex-start}.game-item{grid-template-columns:44px 1fr}.game-item button{grid-column:1 / -1}.tier-game{width:calc(50% - 6px)}.modal-search{flex-direction:column}}