body.game-player-open{overflow:hidden}
dialog.game-player{padding:0;border:1px solid #4167ff;border-radius:20px;background:#0b1533;color:#fff;width:min(1280px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;overflow:hidden;box-shadow:0 32px 100px #0009}
dialog.game-player[open]{display:flex;flex-direction:column}
.player-shell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;background:#0b1533}
.game-player::backdrop{background:#06112ee6;backdrop-filter:blur(7px)}
.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#2451ef;border-bottom:4px solid #ffdc43;padding:18px 24px;flex-shrink:0}
.player-heading{min-width:0}.player-heading .eyebrow{font-size:10px;letter-spacing:.13em;color:#ffeb8c;margin:0 0 4px}.player-heading h2{font-family:var(--display);font-size:clamp(20px,2.1vw,30px);line-height:1.15;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em}.player-heading>p:last-child{font-size:11px;color:#e4ebff;margin:4px 0 0}
.player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-controls button{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff12;color:#fff;border:1px solid #ffffff70;border-radius:8px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.player-controls button:hover{background:#ffffff28}.player-controls button[aria-pressed=true]{background:#ffdc43;color:#101e40;border-color:#ffdc43}.player-controls .player-close{padding:10px;width:44px;background:#ffdc43;color:#101e40;border-color:#ffdc43}.player-controls .player-close:hover{background:#ffe978}.player-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.game-player :focus-visible{outline:3px solid #ffdc43;outline-offset:3px}.player-close:focus-visible{outline-color:#fff}
.player-stage{position:relative;flex:1;min-height:0;background:#070d1b;display:flex}.player-frame{width:100%;height:100%;min-height:0;flex:1}.player-frame iframe{display:block;border:0;width:100%;height:100%;background:#070d1b}.player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#1b3576,#0b1533 65%);pointer-events:none}.player-loading h3{font-family:var(--display);font-size:26px;color:#fff;margin:20px 0 10px}.player-loading p{font-size:13px;color:#c5d4ff;margin:0}.player-spinner{width:40px;height:40px;border:3px solid #ffffff24;border-top-color:#ffdc43;border-radius:50%;animation:vg-player-spin 1s linear infinite}.player-loading.is-error .player-spinner{display:none}
.player-footer{flex-shrink:0;padding:10px 24px 12px;background:#101e40;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;color:#dbe5ff;font-size:11px;line-height:1.5}.player-footer p{margin:0}.player-footer #play-status{font-weight:600}.player-footer #game-player-note{color:#ffdf57;font-weight:600}.player-footer .player-help{width:100%;font-size:10px;color:#b4c3e7}
.player-shell:fullscreen,dialog.game-player.is-expanded{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;inset:0}
@keyframes vg-player-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){dialog.game-player{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.player-toolbar{padding:13px 12px;gap:12px;flex-wrap:wrap}.player-heading{width:100%}.player-heading h2{font-size:23px}.player-controls{width:100%;gap:8px}.player-controls button{flex:1;font-size:11px;padding:10px}.player-controls .player-close{flex:0 0 44px}.player-footer{padding:9px 12px;gap:3px 10px;font-size:10px}.player-footer .player-help{font-size:9px;line-height:1.45}.player-loading h3{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.player-toolbar{padding:7px 12px;flex-wrap:nowrap;gap:14px}.player-heading{width:auto}.player-heading h2{font-size:18px}.player-heading .eyebrow,.player-heading>p:last-child,.player-help{display:none}.player-controls{width:auto}.player-controls button{min-height:38px;padding:7px 10px}.player-footer{padding:5px 12px}.player-controls .player-close{flex-basis:38px;width:38px}}
@media(prefers-reduced-motion:reduce){.player-spinner{animation:none;border-color:#ffdc43}}