:root{--ink: #16181d;--paper: #fbfaf8;--muted: #6a6f7a;--accent: #ff6a3d;--glass: rgba(251, 250, 248, .82);--shadow: 0 18px 50px rgba(20, 22, 28, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e9e4dc;font-family:Manrope,system-ui,sans-serif;color:var(--ink)}#c{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}kbd{display:inline-block;min-width:22px;padding:2px 6px;border-radius:6px;background:var(--ink);color:#fff;font:700 11px Manrope,sans-serif;text-align:center;margin-right:3px}.mark{width:28px;height:28px;display:inline-block;background:conic-gradient(from 200deg,#ff6a3d,#7b5cff,#0fb3a3,#ff6a3d);clip-path:polygon(50% 0,100% 100%,78% 100%,50% 42%,22% 100%,0 100%)}.mark.big{width:56px;height:56px}#brand{position:fixed;top:18px;left:18px;display:flex;gap:10px;align-items:center;padding:10px 16px 10px 12px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;box-shadow:var(--shadow)}#brand b{display:block;font-size:13px;letter-spacing:.08em}#brand small{color:var(--muted);font-size:11px}#zone{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em;opacity:0;transition:opacity .6s;pointer-events:none}#zone.show{opacity:1}#minimap{position:fixed;top:18px;right:18px;width:240px;height:192px;border-radius:14px;box-shadow:var(--shadow);background:var(--glass)}#prompt{position:fixed;bottom:92px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;box-shadow:var(--shadow);max-width:min(640px,92vw);cursor:pointer;animation:pop .25s ease}#prompt kbd{font-size:16px;padding:8px 12px;background:var(--accent)}#prompt b{display:block;font-size:15px}#prompt small{color:var(--muted);font-size:12px}@keyframes pop{0%{transform:translate(-50%,8px);opacity:0}}#help{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:9px 16px;background:#16181db8;color:#e9ebef;border-radius:12px;font-size:12px;transition:opacity 1s}#help kbd{background:#fff;color:var(--ink)}#toast{position:fixed;top:76px;left:50%;transform:translate(-50%,-10px);padding:12px 20px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:14px;opacity:0;transition:all .4s;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}#player{position:fixed;inset:0;display:grid;place-items:center;background:#0f101473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .3s;z-index:5}#player .card{width:min(1100px,92vw);background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 30px 90px #0006}#player header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px}#player h2{margin:2px 0 0;font-size:18px;line-height:1.25}#player small{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.btns{display:flex;gap:8px;flex-shrink:0}button{font:700 13px Manrope,sans-serif;border:0;border-radius:10px;padding:9px 14px;background:#ece8e1;color:var(--ink);cursor:pointer}button:hover{filter:brightness(.95)}button.dark{background:var(--ink);color:#fff}.frame{position:relative;aspect-ratio:16 / 9;background:#000}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#player.mini{inset:auto 18px 18px auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:block}#player.mini .card{width:380px;border-radius:14px}#player.mini header{padding:8px 10px}#player.mini h2{font-size:12px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player.mini small{font-size:10px}#player.mini button{padding:6px 9px;font-size:11px}body.playing-mini #minimap{top:18px}#program{position:fixed;inset:0;display:grid;place-items:center;background:#0f101473;z-index:6}#program .panel{width:min(860px,92vw);max-height:86vh;overflow:auto;background:var(--paper);border-radius:20px;padding:22px;box-shadow:var(--shadow)}#program header{display:flex;justify-content:space-between;align-items:center}#program h2{margin:0}.sess{display:grid;grid-template-columns:70px 180px 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #ebe6de}.sess .slot{font-weight:800;font-size:22px}.sess img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.sess h3{margin:4px 0 8px;font-size:16px}.sess .room{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sess .actions{display:flex;gap:8px}.foot{color:var(--muted);font-size:13px}#intro{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(255,106,61,.18),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(123,92,255,.18),transparent 55%),#f6f3eedb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;transition:opacity .8s}#intro.fade{opacity:0;pointer-events:none}.intro-card{text-align:center;max-width:620px;padding:24px}.eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin:18px 0 4px}h1{font-size:clamp(38px,7vw,64px);margin:0;letter-spacing:-.02em}.lead{font-size:18px;color:#3d414b}.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:26px auto;max-width:440px;text-align:left;font-size:14px}.keys div{display:flex;gap:10px;align-items:center}#enter{font-size:16px;padding:14px 30px;background:var(--ink);color:#fff;border-radius:999px}#enter:disabled{opacity:.5;cursor:wait}.host{margin-top:22px;color:var(--muted);font-size:12px;letter-spacing:.06em}@media(max-width:700px){#minimap{width:150px;height:120px}#help{display:none}.sess{grid-template-columns:1fr}}