:root{--player-cyan:#8bd7d2;--player-blue:#7ca9d7}
.player-gateway{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px;background:#070b0c;color:#eee4d4;transition:opacity .45s ease,visibility .45s ease}.player-gateway.closed{opacity:0;visibility:hidden;pointer-events:none}.gateway-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(124,169,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(124,169,215,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}.gateway-console{position:relative;width:min(100%,540px);padding:46px 34px 30px;border:1px solid rgba(200,157,92,.42);background:linear-gradient(145deg,rgba(15,21,22,.97),rgba(7,11,12,.98));box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025)}.gateway-console:before,.gateway-console:after{content:"";position:absolute;width:54px;height:1px;background:#c89d5c;top:18px}.gateway-console:before{left:0}.gateway-console:after{right:0}.gateway-mark{width:72px;height:72px;margin:0 auto 24px;border:1px solid rgba(139,215,210,.45);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 36px rgba(139,215,210,.12)}.gateway-mark span{font:300 28px/1 Arial;color:#d9c08c}.gateway-mark i{position:absolute;inset:10px;border:1px solid rgba(200,157,92,.45);transform:rotate(45deg)}.gateway-copy{text-align:center}.gateway-copy>small{font:10px Arial;letter-spacing:4px;color:#8b8377}.gateway-copy h1{margin:14px 0 22px;font-size:34px;font-weight:500;letter-spacing:2px}.star-seal{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:24px}.star-seal b{font-size:14px;color:#d7b276}.star-seal span{font-size:11px;color:#8f9a97;border-left:1px solid #4c5553;padding-left:10px}.gateway-copy p{margin:7px auto;max-width:400px;color:#a9aaa4;font-size:14px;line-height:1.85}.gateway-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.gateway-actions button,.player-form button{min-height:48px;border:1px solid #a87e43;font:14px inherit;letter-spacing:1px}.gateway-primary,.player-form button{background:linear-gradient(135deg,#d4b277,#a97939);color:#101414}.gateway-secondary{background:transparent;color:#ddcaaa}.player-form{margin-top:28px}.player-form label{display:grid;gap:9px;color:#b9b1a5;font-size:12px}.player-form input{height:48px;padding:0 14px;border:1px solid rgba(200,157,92,.38);background:#080c0d;color:#efe3cf;font:15px inherit}.player-form button{width:100%;margin-top:14px}.gateway-note{margin:20px 0 0;text-align:center;color:#626a68;font-size:10px;line-height:1.6}.brand-menu{width:auto!important;min-width:70px;height:36px!important;border:1px solid rgba(200,157,92,.25)!important;background:rgba(11,16,17,.8)!important;padding:5px 9px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:1px!important;color:#9f9587!important}.brand-menu span{font:8px Arial;letter-spacing:1px;color:#6f7875}.brand-menu b{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500}.ritual-heading:after{content:"CURRENT VIEW · PLAYER POSITION"!important}.hidden{display:none!important}
@media(max-width:540px){.player-gateway{padding:14px}.gateway-console{padding:38px 22px 24px}.gateway-copy h1{font-size:28px}.gateway-actions{grid-template-columns:1fr}.star-seal{align-items:flex-start}.star-seal span{max-width:130px;text-align:left}.brand-menu{min-width:58px}.brand-menu span{display:none}}
@media(prefers-reduced-motion:reduce){.player-gateway{transition:none}}