.cinematic-page,.snow-page{background:#020914!important;color-scheme:dark}.registration-only:before{content:none}.media-scene{position:fixed;inset:0;z-index:0;background:#020914 url('/assets/arthas-poster.webp') 65% center/cover no-repeat;pointer-events:none;overflow:hidden}.media-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0}.media-veil{position:fixed;inset:0;z-index:1;background:#02091444;pointer-events:none}.site-shell{position:relative;z-index:2}.cinematic-page .site-shell{max-width:none;padding:0}.cinematic-page main{width:100%;max-width:none;min-height:100svh;margin:0;padding:36px 20px 100px;display:flex;align-items:center;justify-content:center}.cinematic-page .registration-card{width:480px;max-width:100%;padding:25px 28px;border:1px solid #aa9054;background:#071321e8;outline-color:#0c1923;box-shadow:0 10px 50px #0009}.cinematic-page .registration-card h1{text-align:center;font-size:29px;margin-bottom:24px}.cinematic-page .registration-card label{margin-bottom:13px}.cinematic-page .registration-card .help{font-size:10px}.cinematic-page .registration-card .field-pair{grid-template-columns:1fr 1fr}.cinematic-page .registration-card .captcha-row img{height:64px;width:196px}.cinematic-page .registration-card details{margin-top:12px;font-size:10px}.media-controls{position:fixed;z-index:20;right:18px;bottom:16px;display:flex;align-items:center;gap:10px;background:#06101dec;border:1px solid #897445;padding:10px 12px;color:#d9c596;box-shadow:0 4px 18px #0007;max-width:calc(100vw - 28px);flex-wrap:wrap}.media-controls button,.snow-pause{font:11px Arial,sans-serif;border:1px solid #897445;background:#121d28;color:#e8d3a5;padding:8px 11px;cursor:pointer}.media-controls button:disabled{opacity:.55;cursor:wait}.media-controls label{font-size:11px;margin:0}.media-controls input{width:105px;min-height:20px;margin:0;padding:0;accent-color:#cfb579}.media-controls output{font-size:11px;min-width:34px}.media-controls :focus-visible,.snow-pause:focus-visible{outline:2px solid #e9c476;outline-offset:3px}.media-controls button:hover,.snow-pause:hover{background:#273240}.snow-page .media-veil{background:#02091499}.snow-page #admin-snow{width:100%;height:100%}.snow-page .site-shell{padding-bottom:80px}.snow-page .site-header{min-height:100px}.snow-page .brand>span{font-size:25px;letter-spacing:0}.snow-page .brand small{font-size:9px}.snow-page .panel,.snow-page .invite-table-scroll{background:#0a1725ee}.snow-pause{position:fixed;z-index:20;right:18px;bottom:16px;background:#06101de8}.snow-page .page-heading{padding-top:36px}@media(max-width:700px){.cinematic-page main{padding:25px 18px 135px;align-items:center}.cinematic-page .registration-card{padding:24px 20px}.cinematic-page .registration-card .field-pair{grid-template-columns:1fr}.media-controls{left:14px;right:14px;bottom:10px;justify-content:center;gap:8px}.media-controls button{padding:7px 9px}.media-controls input{width:90px}.snow-page .brand>span{font-size:21px}.snow-page .site-shell{padding:0 20px 80px}.media-scene{background-position:74% center}}

/* Compact media controls, no visible text. Accessible labels remain available. */
.media-controls{gap:3px;padding:4px 9px 4px 4px;border-radius:26px;border-color:#b29c5b55;background:#071421b8;backdrop-filter:blur(12px);box-shadow:0 5px 22px #0005;flex-wrap:nowrap}
.media-controls button,.snow-pause{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#e3c789;background:transparent;transition:background .15s,color .15s}
.media-controls button:hover,.snow-pause:hover{background:#b69b5726;color:#ffe3a4}.media-controls button svg,.snow-pause svg{display:block;width:20px;height:20px;pointer-events:none}.media-controls button[aria-pressed=true]{color:#afbbca}.media-controls input[type=range]{width:96px;min-width:65px;margin:0 7px;height:24px;min-height:24px;background:transparent;box-shadow:none;cursor:pointer}.media-controls button:focus-visible,.snow-pause:focus-visible{outline-offset:0}.snow-pause{background:#071421b8;border:1px solid #b29c5b55;backdrop-filter:blur(12px);box-shadow:0 5px 22px #0005}.media-controls label.sr-only,.media-controls output.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;min-width:0}
@media(max-width:700px){.media-controls{left:50%;right:auto;transform:translateX(-50%);bottom:12px;max-width:calc(100vw - 28px);gap:2px;padding:4px 9px 4px 4px}.media-controls button{width:42px;height:42px;padding:0}.media-controls input[type=range]{width:100px;margin:0 6px}}
.language-toggle{position:fixed;top:18px;right:18px;z-index:21;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #b29c5b55;border-radius:24px;background:#071421b8;backdrop-filter:blur(12px);color:#e3c789;text-decoration:none;font:11px Arial,sans-serif;box-shadow:0 5px 22px #0005}.language-toggle:hover{background:#1b2936;color:#ffe4ab}.language-toggle:focus-visible{outline:2px solid #e9c476;outline-offset:3px}.language-toggle svg{pointer-events:none}@media(max-width:700px){.language-toggle{top:10px;right:12px;min-height:38px;padding:0 11px}.cinematic-page main{padding-top:60px}}
@font-face{font-family:'WoW Friz';src:url('/assets/friz-quadrata.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.cinematic-page .registration-card{font-family:'WoW Friz',Georgia,serif;font-weight:400;line-height:1.45}
.cinematic-page .registration-card h1{font-family:'WoW Friz',Georgia,serif;font-weight:400;font-size:34px;letter-spacing:.3px;color:#f1d494;text-shadow:1px 2px 1px #000,0 0 12px #b68b3030}
.cinematic-page .registration-card label{font-family:'WoW Friz',Georgia,serif;font-size:14px;font-weight:400;color:#e2cd9c}
.cinematic-page .registration-card input{font-family:'WoW Friz',Georgia,serif;font-size:16px;font-weight:400}
.cinematic-page .registration-card .help,.cinematic-page .registration-card details,.cinematic-page .registration-card summary{font-family:'WoW Friz',Georgia,serif;font-size:12px;font-weight:400}
.cinematic-page .registration-card .button{font-family:'WoW Friz',Georgia,serif;font-weight:400}.cinematic-page .registration-card .button.primary{font-size:19px}.cinematic-page .registration-card .button.subtle{font-size:12px}.cinematic-page .registration-card .notice{font-size:13px}
@media(max-width:700px){.cinematic-page .registration-card h1{font-size:31px}.cinematic-page .registration-card label{font-size:14px}.cinematic-page .registration-card input{font-size:16px}}

/* Keep the still frame until the local video actually starts. */
.media-scene video{opacity:0}.media-scene.media-started video{opacity:1}