:root{--bg: #f5f5f7;--surface: #ffffff;--card: #ffffff;--border: #d4d4d8;--border-bright: #a1a1aa;--red: #dc2626;--red-bright: #ef4444;--red-glow: rgba(220, 38, 38, .1);--amber: #d97706;--text: #18181b;--text-dim: #52525b;--text-faint: #a1a1aa;--ts: #dc2626;--ta: #ea580c;--tb: #d97706;--tc: #16a34a;--td: #0891b2;--tf: #6366f1}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-logo{font-family:Teko,sans-serif;font-weight:700;font-size:1.4rem;color:var(--red);text-decoration:none;letter-spacing:.02em;line-height:1}.topbar-divider{width:1px;height:20px;background:var(--border)}.topbar-title{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-btn{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-dim);cursor:pointer;transition:all .2s}.topbar-btn:hover{border-color:var(--red);color:var(--red)}.topbar-btn.active{border-color:var(--red);background:var(--red);color:#fff}.topbar-link{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.topbar-link:hover{color:var(--red-bright)}.layout{position:relative;z-index:1;display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 48px)}@media(max-width:1100px){.layout{grid-template-columns:1fr}.panel{display:none}.panel.mobile-open{display:flex;position:fixed;inset:0;z-index:200;overflow-y:auto;background:var(--bg)}}.panel{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 48px);position:sticky;top:48px;box-shadow:2px 0 12px #0000000a}.panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-header-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}.panel-header-count{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);letter-spacing:.1em}.panel-close{display:none;background:none;border:1px solid var(--border);color:var(--text-dim);width:28px;height:28px;font-size:16px;cursor:pointer;line-height:26px;text-align:center}@media(max-width:1100px){.panel-close{display:block}}.panel-body{flex:1;padding:1.5rem}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center;gap:1.25rem}.panel-empty-icon{width:48px;height:48px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.panel-empty p{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;line-height:1.6}.detail{display:none}.detail.visible{display:block}.detail-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:3px 8px;border:1px solid;margin-bottom:1rem}.detail-badge[data-cat=ban]{color:var(--red-bright);border-color:var(--red)}.detail-badge[data-cat=carry]{color:#ff7043;border-color:#bf360c}.detail-badge[data-cat=licensing]{color:var(--amber);border-color:#e65100}.detail-badge[data-cat=liability]{color:#ce93d8;border-color:#6a1b9a}.detail-badge[data-cat=surrender]{color:#4fc3f7;border-color:#0277bd}.detail-badge[data-cat=domestic]{color:#f48fb1;border-color:#880e4f}.detail-badge[data-cat=red-flag]{color:#ffab91;border-color:#d84315}.detail-badge[data-cat=storage]{color:#a5d6a7;border-color:#2e7d32}.detail-badge[data-cat=location]{color:#90caf9;border-color:#1565c0}.detail-badge[data-cat=admin]{color:#b0bec5;border-color:#455a64}.detail-number{font-family:Teko,sans-serif;font-weight:700;font-size:2.25rem;color:var(--text);line-height:1;margin-bottom:.15rem}.detail-companion{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);letter-spacing:.05em;margin-bottom:.5rem}.detail-title{font-family:Teko,sans-serif;font-weight:600;font-size:1.35rem;color:var(--text);line-height:1.2;margin-bottom:1rem}.detail-meta{display:flex;gap:1.5rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.25rem}.detail-meta-item{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.05em}.detail-meta-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:2px}.detail-meta-value{color:var(--text-dim)}.detail-section{margin-bottom:1.25rem}.detail-section-label{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.detail-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.detail-section p{font-size:.875rem;line-height:1.65;color:var(--text-dim)}.detail-section ul{list-style:none;padding:0}.detail-section li{font-size:.85rem;line-height:1.55;color:var(--text-dim);padding:.3rem 0 .3rem 1.1rem;position:relative}.detail-section li:before{content:"";position:absolute;left:0;top:.65rem;width:5px;height:5px;border-radius:50%;background:var(--red)}.detail-penalty{background:#fef2f2;border-left:3px solid var(--red);padding:.75rem 1rem;font-size:.85rem;color:#991b1b;line-height:1.55;border-radius:0 4px 4px 0}.detail-sponsors{font-size:.8rem;color:var(--text-faint);line-height:1.5}.tier-area{position:relative;z-index:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column}.pool{margin-bottom:1.25rem}.pool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.pool-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.pool-count{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);letter-spacing:.05em}.pool-zone{display:flex;flex-wrap:wrap;gap:8px;min-height:90px;padding:14px;background:var(--surface);border:2px dashed var(--border);border-radius:8px;transition:border-color .2s,background .15s;box-shadow:inset 0 2px 4px #00000008}.pool-zone.drag-over{border-color:var(--red);border-style:solid;background:#fef2f2}.tile{width:148px;height:78px;cursor:grab;user-select:none;position:relative;overflow:hidden;transition:transform .08s,box-shadow .08s,border-color .08s;display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border:2px solid;border-radius:6px}.tile[data-cat=ban]{background:#dc2626;border-color:#b91c1c}.tile[data-cat=carry]{background:#ea580c;border-color:#c2410c}.tile[data-cat=licensing]{background:#d97706;border-color:#b45309}.tile[data-cat=liability]{background:#7c3aed;border-color:#6d28d9}.tile[data-cat=surrender]{background:#0284c7;border-color:#0369a1}.tile[data-cat=domestic]{background:#db2777;border-color:#be185d}.tile[data-cat=red-flag]{background:#e11d48;border-color:#be123c}.tile[data-cat=storage]{background:#059669;border-color:#047857}.tile[data-cat=location]{background:#2563eb;border-color:#1d4ed8}.tile[data-cat=admin]{background:#52525b;border-color:#3f3f46}.tile:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 24px #0003;filter:brightness(1.1)}.tile:active{cursor:grabbing}.tile.selected{box-shadow:0 0 0 3px var(--text),0 0 20px var(--red-glow);filter:brightness(1.1)}.tile.dragging{opacity:.3}.tile-number{font-family:Teko,sans-serif;font-weight:700;font-size:1.35rem;color:#fff;line-height:1;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tile-nick{font-family:JetBrains Mono,monospace;font-size:8.5px;font-weight:500;color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;line-height:1.35;margin-top:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 1px rgba(0,0,0,.15)}.tiers{display:flex;flex-direction:column}.tier-row{display:flex;min-height:94px;border:1px solid var(--border);margin-top:-1px;background:var(--surface)}.tier-label{width:90px;min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden}.tier-letter{font-family:Teko,sans-serif;font-weight:700;font-size:3.2rem;line-height:1;color:#fff;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.tier-desc{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf;position:relative;z-index:1}.tier-label[data-tier=S]{background:linear-gradient(135deg,#dc2626,#991b1b)}.tier-label[data-tier=A]{background:linear-gradient(135deg,#ea580c,#c2410c)}.tier-label[data-tier=B]{background:linear-gradient(135deg,#d97706,#b45309)}.tier-label[data-tier=C]{background:linear-gradient(135deg,#65a30d,#4d7c0f)}.tier-label[data-tier=D]{background:linear-gradient(135deg,#0891b2,#0e7490)}.tier-label[data-tier=F]{background:linear-gradient(135deg,#6366f1,#4f46e5)}.tier-drop{flex:1;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:8px;padding:8px 12px;background:var(--surface);transition:background .15s;min-height:94px}.tier-drop.drag-over{background:#fef2f2}.tier-drop .tile{height:72px}.controls{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 0 0}.page-foot{position:relative;z-index:1;text-align:center;padding:1.5rem 1rem;border-top:1px solid var(--border)}.page-foot p{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);letter-spacing:.05em}.page-foot a{color:var(--red);text-decoration:none}body.ss-mode .topbar,body.ss-mode .panel,body.ss-mode .pool,body.ss-mode .controls,body.ss-mode .page-foot{display:none!important}body.ss-mode .layout{grid-template-columns:1fr;min-height:auto}body.ss-mode .tier-area{padding:.75rem}.exit-ss{display:none;position:fixed;top:12px;right:12px;z-index:999;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-dim);cursor:pointer;opacity:.5;transition:opacity .2s}.exit-ss:hover{opacity:1}body.ss-mode .exit-ss{display:block}@keyframes tile-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tile{animation:tile-in .1s ease-out}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;opacity:.9;transform:rotate(1.5deg) scale(1.05)}