:root{color:#f8f7ff;background:#090816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,#070818e0,#0d112d57,#070818d1),var(--cosmic-bg) center / cover no-repeat}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 22% 24%,rgba(255,107,154,.18),transparent 28%),radial-gradient(circle at 76% 28%,rgba(78,205,196,.16),transparent 30%),linear-gradient(180deg,#00000014,#00000094),repeating-linear-gradient(0deg,rgba(248,247,255,.035) 0,rgba(248,247,255,.035) 1px,transparent 1px,transparent 6px);mix-blend-mode:soft-light}.top-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:20px 0 12px}.brand,.nav-actions{display:flex;align-items:center;gap:10px}.brand{color:#fff2b8;font-weight:800;letter-spacing:0;text-shadow:0 2px 18px rgba(0,0,0,.6)}.icon-button,.close-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(248,237,208,.26);border-radius:8px;color:#f8f7ff;background:#0c0d26bd;box-shadow:0 12px 30px #0000003d;cursor:pointer}.watch-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,430px) minmax(280px,390px);gap:28px;align-items:center;justify-content:center;width:min(1180px,calc(100vw - 32px));min-height:calc(100vh - 86px);margin:0 auto;padding:20px 0 44px}.video-stage{width:min(430px,100%);aspect-ratio:9 / 16;overflow:hidden;border:2px solid rgba(248,237,208,.34);border-radius:8px;background:radial-gradient(circle at center,rgba(78,205,196,.18),transparent 52%),linear-gradient(180deg,#151842eb,#090816f5),#090816;box-shadow:0 28px 80px #0000007a,inset 0 0 0 6px #00000042}.video-frame{display:block;width:100%;height:100%;border:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:28px;color:#f8f7ff;text-align:center}.locked-state{background:radial-gradient(circle at 50% 35%,rgba(255,230,109,.18),transparent 30%),radial-gradient(circle at 50% 45%,rgba(78,205,196,.18),transparent 48%)}.locked-state svg{color:#ffe66d;filter:drop-shadow(0 0 24px rgba(255,230,109,.34))}.side-panel,.admin-card,.gate{border:1px solid rgba(248,237,208,.24);border-radius:8px;background:linear-gradient(180deg,#1e1f52e6,#0d0e2bf0),#0d0e2be6;box-shadow:0 22px 65px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.side-panel{display:grid;gap:22px;padding:24px}.panel-copy h1,.admin-card h1{margin:4px 0 12px;color:#ffe7a7;text-shadow:0 0 24px rgba(255,209,102,.18);font-size:clamp(2rem,4vw,3.6rem);line-height:.98}.panel-copy p,.misses p{margin:0;color:#ddd8ff;line-height:1.55}.eyebrow{margin:0;color:#4ecdc4;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.now-playing{display:grid;gap:6px;padding:14px;border:1px solid rgba(255,230,109,.3);border-radius:8px;background:#15163894}.now-playing span,.now-playing small,.stat span{color:#c6c2ef;font-size:.86rem}.now-playing strong{color:#fff7cf;line-height:1.25}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid rgba(255,237,185,.42);border-radius:8px;color:#1b2117;background:linear-gradient(180deg,#ffe66d,#ff9f4a);font-weight:800;cursor:pointer;box-shadow:0 14px 26px #00000047}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.6}.secondary-button{color:#f8f7ff;background:#0d0e2bbd}.danger{border-color:#e05c438a;color:#ffd6c9}.feedback{min-height:1.3rem;margin:0;color:#fff7cf}.gate-backdrop{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#040512b3}.gate{position:relative;display:grid;gap:16px;width:min(420px,100%);padding:28px}.gate label,.admin-card label{color:#ffe7a7;font-size:1.45rem;font-weight:800}.gate input,.admin-card input{width:100%;min-height:54px;border:1px solid rgba(248,237,208,.38);border-radius:8px;color:#f8f7ff;background:#070818bd;padding:0 14px;font-size:1.2rem;outline:none}.gate input:focus,.admin-card input:focus{border-color:#ffe66d;box-shadow:0 0 0 3px #ffe66d2e}.close-button{position:absolute;top:12px;right:12px}.admin-layout{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 86px);padding:20px 16px 46px}.admin-card{display:grid;gap:16px;width:min(420px,100%);padding:24px}.admin-card.wide{width:min(840px,100%)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{display:grid;gap:6px;min-height:86px;padding:14px;border:1px solid rgba(248,237,208,.18);border-radius:8px;background:#0c0f0c59}.stat strong{color:#ffe66d;font-size:1.7rem}.misses{display:grid;gap:10px;margin-top:4px}.misses h2{margin:0;color:#fff7cf}.miss-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#15163885}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:820px){.top-bar{width:min(100vw - 22px,680px);padding-top:12px}.watch-layout{grid-template-columns:1fr;width:min(100vw - 22px,520px);gap:14px;align-items:start;min-height:auto;padding-top:8px}.video-stage{width:min(100%,420px);max-height:calc(100vh - 230px);margin:0 auto}.side-panel{gap:14px;padding:16px}.panel-copy h1{font-size:1.6rem;line-height:1.05}.panel-copy p{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.brand span{max-width:170px}.stats-grid{grid-template-columns:1fr}.gate{padding:24px 18px}}