.online-intro{color:#f6eddc;background:#070919;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;font-family:Courier New,monospace;position:fixed;inset:0;overflow:hidden}.online-intro::backdrop{background:#070919}.online-intro__film,.online-intro__shade{width:100%;height:100%;position:absolute;inset:0}.online-intro__film{object-fit:contain;image-rendering:pixelated}.online-intro__shade{pointer-events:none;background:linear-gradient(#07091930 0%,#0000 40%,#07091940 58%,#070919ed 100%)}.online-intro__words{bottom:max(18%,105px);left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));text-align:center;text-shadow:2px 3px #070919,0 0 18px #070919;position:absolute}.online-intro__eyebrow{color:#a0cbd3;letter-spacing:.22em;margin:0 0 14px;font-size:clamp(9px,1.1vw,13px)}.online-intro h1{color:#f1d58d;letter-spacing:.11em;margin:0;font-size:clamp(30px,6vw,72px);line-height:1}.online-intro__caption{max-width:650px;margin:18px auto 0;font-size:clamp(12px,1.5vw,18px);line-height:1.5}.online-intro__hint{bottom:max(23px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));color:#a5a5b7;max-width:40%;margin:0;font-size:11px;line-height:1.5;position:absolute}.online-intro__controls{right:max(24px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));gap:12px;display:flex;position:absolute}.online-intro button{color:#e7e4db;cursor:pointer;background:#10182cde;border:1px solid #4c5265;border-radius:0;min-height:44px;padding:10px 15px;font:13px Courier New,monospace}.online-intro button[hidden]{display:none}.online-intro button:hover{background:#26334d}.online-intro button:focus-visible{outline-offset:4px;outline:2px solid #81d0e6}.online-intro .online-intro__skip{color:#f1d58d;border-color:#ab915b}@media (max-width:650px){.online-intro__hint{display:none}.online-intro__controls{justify-content:center;gap:8px;left:16px;right:16px}}@media (max-height:420px){.online-intro__words{bottom:90px}.online-intro__eyebrow{margin-bottom:8px}.online-intro__caption{margin-top:10px}}.player-name{box-sizing:border-box;color:#f3eedf;background:#17132f;border:2px solid #b99b60;border-radius:0;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;font:14px/1.5 Courier New,monospace;overflow-y:auto;box-shadow:0 0 0 5px #08071c,8px 10px #05041180}.player-name::backdrop{background:#070619c9}.player-name__eyebrow{letter-spacing:.24em;color:#b99b60;margin:0 0 8px;font-size:11px}.player-name h2{color:#f5d991;margin:0 0 12px;font-size:25px;line-height:1.2}.player-name__description{color:#c2bbd7;margin:0 0 22px}.player-name label{margin-bottom:6px;font-weight:700;display:block}.player-name input{box-sizing:border-box;color:#fff4d4;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#0b0920;border:2px solid #615683;border-radius:0;width:100%;min-height:48px;padding:10px 12px;font:700 20px/1.2 Courier New,monospace}.player-name__hint{color:#aaa1bf;margin:8px 0 18px;font-size:11px}.player-name__preview{text-align:center;background:#110e26;border:1px solid #40365e;padding:12px}.player-name__preview span{color:#9c92b6;letter-spacing:.16em;font-size:10px;display:block}.player-name__preview strong{color:#f5d991;overflow-wrap:anywhere;margin-top:4px;font-size:18px;display:block}.player-name__error{color:#ffb8b0;min-height:18px;margin:8px 0 12px;font-size:12px}.player-name__controls{justify-content:flex-end;gap:10px;display:flex}.player-name button{color:#d4cce3;cursor:pointer;background:#211b3e;border:1px solid #615683;border-radius:0;min-height:44px;padding:9px 14px;font:700 13px Courier New,monospace}.player-name .player-name__save{color:#17132f;background:#cfb275;border-color:#cfb275}.player-name button:disabled{opacity:.4;cursor:default}.player-name button:hover:not(:disabled){filter:brightness(1.15)}.player-name :focus-visible{outline-offset:3px;outline:2px solid #8adbe4}@media (max-height:500px){.player-name{padding:18px 24px}.player-name__description{margin-bottom:12px}.player-name__preview{display:none}.player-name__hint{margin-bottom:8px}}