:root{--bg: #1e1f22;--surface: #2b2d31;--surface-2: #313338;--accent: #5865f2;--accent-hover: #4752c4;--text: #f2f3f5;--text-dim: #b5bac1}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{font-family:gg sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px;gap:16px}.topbar{display:flex;align-items:center;gap:12px}.topbar h1{font-size:20px;font-weight:700}.topbar .spacer{flex:1}.user-chip{font-size:13px;color:var(--text-dim)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;color:var(--text);background:var(--accent);cursor:pointer;transition:background .15s ease}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--surface-2)}.btn.secondary:hover{background:#3a3c41}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;overflow-y:auto}.app-card{background:var(--surface);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .12s ease,background .15s ease}.app-card:hover{background:var(--surface-2);transform:translateY(-2px)}.app-card.disabled{opacity:.45;cursor:not-allowed}.app-card.disabled:hover{transform:none;background:var(--surface)}.app-card .icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:30px}.app-card .name{font-weight:700}.app-card .tag{font-size:11px;color:var(--text-dim)}.empty{padding:24px;text-align:center;color:var(--text-dim)}.row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.2);cursor:pointer}.row:last-child{border-bottom:none}.row:hover{background:var(--surface-2)}.row .name{flex:1}.row.top .tag{color:#23a55a;animation:pulse-live 1.6s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.board{flex:1;overflow-y:auto;background:var(--surface);border-radius:12px}.status-banner{padding:8px 12px;border-radius:8px;background:#5c3b3b;text-align:center;font-size:13px}.tier-rows{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.tier-row{display:flex;align-items:stretch;gap:6px;min-height:56px}.tier-label{width:52px;display:grid;place-items:center;border-radius:8px;font-weight:700;color:#111}.tier-S{background:#ff7f7f}.tier-A{background:#ffbf7f}.tier-B{background:#ffdf7f}.tier-C{background:#bfff7f}.tier-D{background:#7fbfff}.tier-row-items{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:6px;background:var(--surface);border-radius:8px}.tier-row-items.drag-over{outline:2px dashed var(--accent)}.tier-row-controls{display:flex;flex-direction:column;gap:4px;justify-content:center}.tier-toggle{font-size:11px;padding:2px 6px;border:none;border-radius:6px;background:var(--surface-2);color:var(--text-dim);cursor:pointer}.tier-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none}.tier-thumb{width:28px;height:28px;flex:none;object-fit:cover;border-radius:6px}.tier-tray{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--surface);border-radius:8px;max-height:30%;overflow-y:auto}.controls{display:flex;flex-direction:row;justify-content:center;gap:10px}.media-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10}.media-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,92vw);height:min(72vh,640px);background:var(--surface);border-radius:14px;box-shadow:0 20px 60px #0000008c;display:flex;flex-direction:column;gap:10px;padding:16px;z-index:11}.media-caption{font-weight:700;text-align:center}.media-stage{flex:1;display:grid;place-items:center;min-height:0}.media-stage video,.media-stage img{max-width:100%;max-height:100%;border-radius:12px}.admin-form{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border-radius:12px}.admin-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim)}.admin-label{font-size:13px;color:var(--text-dim)}.admin-input{padding:8px 10px;border:none;border-radius:8px;background:var(--surface-2);color:inherit;font:inherit}.admin-media-list{display:flex;flex-direction:column;gap:8px}.admin-media-row{display:flex;gap:8px;align-items:center}.admin-media-row .admin-input{flex:1}.admin-error{padding:8px 12px;border-radius:8px;background:#5c3b3b;font-size:13px}.admin-missing{color:#f2777a;font-size:12px}.admin-ok{color:#23a55a;font-size:12px}