:root{--player-surface:#14171c;--player-text:#e6e9ee;--player-accent:#2f62e6;--player-outline-light:#fff;--player-outline-dark:#000;--player-bar-height:3.25rem}*{box-sizing:border-box}body{background:#000;margin:0;font-family:system-ui,sans-serif}#player-root{place-items:center;min-height:100vh;display:grid}.stage{aspect-ratio:16/9;background:var(--player-surface);width:100vw;max-width:177.778vh;position:relative;overflow:hidden}.video-layer,.ui-layer{position:absolute;inset:0}.video-surface{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-hidden{visibility:hidden}.slate{pointer-events:none;align-content:center;place-items:center;height:100%;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.start-card{text-align:center;place-content:center;justify-items:center;gap:.9rem;padding:5%;display:grid;position:absolute;inset:0}.start-badge{border:1px solid var(--player-text);color:var(--player-text);border-radius:999px;margin:0;padding:.2rem .7rem;font-size:.85rem}.start-hint{color:var(--player-text);margin:0;font-size:.95rem}.start-button{background:var(--player-accent);min-width:11rem;min-height:3.5rem;color:var(--player-outline-light);cursor:pointer;border:0;border-radius:8px;padding:0 1.5rem;font-family:inherit;font-size:1.25rem;font-weight:600}.start-button:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:3px}.start-button:disabled{opacity:.6;cursor:default}.slate h1,.start-card h1{color:var(--player-text);margin:0;font-size:2rem;font-weight:600}.element{cursor:default;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-family:inherit;font-size:1rem;display:flex;position:absolute}button.element{cursor:pointer;min-width:44px;min-height:44px}button.element:not(.element-hotspot){box-shadow:0 0 0 2px var(--player-outline-light), 0 0 0 4px var(--player-outline-dark)}@media (width<=480px){button.element{min-width:24px;min-height:24px}}.element[hidden]{display:none}.element:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.element-text{overflow-wrap:break-word;display:block;overflow:hidden}.element-image,.element-image-content{object-fit:contain}.element-image-content{width:100%;height:100%}.element-hotspot{background-color:#0000;border:0}.element[aria-pressed=true]{outline:3px solid var(--player-outline-light);outline-offset:-3px}.element:disabled{opacity:.6;cursor:default}.element-arriving{animation:.2s ease-out element-arrive}@keyframes element-arrive{0%{transform:scale(.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.element-arriving{animation:none}}.loop-cue{bottom:calc(9% + var(--player-bar-height));pointer-events:none;color:#fff;background-color:#000000d9;border-radius:6px;margin:0;padding:.35rem .9rem;font-size:1rem;position:absolute;left:50%;transform:translate(-50%)}.message{color:var(--player-text);font-size:1.1rem}.preview-badge{z-index:100;color:#fff;text-align:center;background:#b45309;margin:0;padding:.35rem 1rem;font-size:.85rem;position:fixed;top:0;left:0;right:0}.control-bar{min-height:var(--player-bar-height);background-color:var(--player-surface);color:var(--player-text);align-items:center;gap:.5rem;padding:.25rem .5rem;transition:opacity .16s;display:flex;position:absolute;bottom:0;left:0;right:0}.control-bar[hidden]{visibility:hidden;opacity:0;display:flex}@media (prefers-reduced-motion:reduce){.control-bar{transition:none}}.control-button{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background-color:#0000;border:0;border-radius:6px;padding:0 .6rem;font-family:inherit;font-size:.9rem}.control-volume{width:6rem;min-height:2.75rem;accent-color:var(--player-accent);margin:0}.control-button:focus-visible,.control-volume:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.control-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}@media (width<=480px){.control-bar{gap:.25rem}.control-volume{width:5rem}}