:root{--bg: #0e1822;--bg-2: #13212e;--surface: #1b2b3a;--surface-2: #21364a;--border: #2c3f52;--text: #eef3f7;--text-muted: #9fb1c1;--gold: #f5b840;--gold-deep: #d99320;--teal: #34c79a;--radius: 16px;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(1000px 600px at 85% -10%,rgba(245,184,64,.1),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0 0 .4em;line-height:1.15}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:100%;max-width:1100px;margin-inline:auto;padding-inline:22px}.portal-header{border-bottom:1px solid var(--border);background:#0e1822e6;backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.portal-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:32px;height:32px}.portal-header nav a{color:var(--text-muted);font-weight:700;margin-left:18px}.portal-header nav a:hover{color:var(--text);text-decoration:none}.portal-hero{text-align:center;padding-block:clamp(40px,7vw,72px) 20px}.portal-hero h1{font-size:clamp(2rem,5vw,3rem)}.portal-hero p{color:var(--text-muted);font-size:1.1rem;max-width:52ch;margin-inline:auto}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding-block:40px 72px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .2s ease}.tile:hover{transform:translateY(-4px);border-color:var(--gold);text-decoration:none}.tile-media{aspect-ratio:16 / 10;background:var(--bg);overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.tile-body h3{margin:0;color:var(--text)}.tile-body p{margin:0;color:var(--text-muted);font-size:.93rem}.tile-play{margin-top:auto;padding-top:10px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);width:fit-content}.pill-live{color:var(--teal);border-color:#34c79a66}.btn{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-display);font-weight:700;padding:.6em 1.2em;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#2a1c05;border:0;cursor:pointer}.btn:hover{text-decoration:none;transform:translateY(-2px)}footer.portal-footer{border-top:1px solid var(--border);background:var(--bg-2);padding-block:28px;text-align:center;color:var(--text-muted);font-size:.9rem}body.player{overflow:hidden;height:100vh}.player-wrap{display:flex;flex-direction:column;height:100vh;height:100dvh}.player-bar{flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;background:var(--bg-2);border-bottom:1px solid var(--border)}.player-bar .back{display:flex;align-items:center;gap:8px;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:.95rem}.player-bar .back:hover{text-decoration:none;color:var(--gold)}.player-bar .title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-muted)}.player-bar button{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:1.1rem;width:34px;height:34px;border-radius:9px;cursor:pointer}.player-bar button:hover{background:var(--surface-2)}.player-stage{flex:1;position:relative;background:#0d1b2a}.player-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-stage.portrait iframe{max-width:540px;margin-inline:auto}