#intro-flow[hidden],#intro-flow [hidden]{display:none!important}#intro-flow{position:fixed;inset:0;z-index:1000;background:#0b1421;color:#fff;font-family:Arial,sans-serif;overflow:hidden}#intro-flow canvas{position:absolute;inset:0;width:100%;height:100%}.intro-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 45%,#08111fea)}.intro-skip{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));padding:14px 20px;border:1px solid #ffffff60;background:#0b1421bb;color:#fff;cursor:pointer}.intro-caption{position:absolute;bottom:max(45px,env(safe-area-inset-bottom));left:7%;right:7%;pointer-events:none}#intro-flow small{color:#d9ff63;font-size:11px;letter-spacing:3px}#intro-flow h1{font-size:clamp(26px,5vw,65px);line-height:1.05;margin:18px 0}#intro-flow p{color:#b9c8d8;line-height:1.6;font-size:14px}.intro-progress{height:3px;background:#ffffff30;margin-top:24px}.intro-progress i{display:block;height:100%;background:#d9ff63}#intro-flow form{position:relative;max-width:540px;margin:auto;padding:max(40px,env(safe-area-inset-top)) 28px;display:flex;flex-direction:column;justify-content:center;min-height:100%;box-sizing:border-box;overflow:auto;height:100%}#intro-flow label{margin:22px 0 10px}#intro-flow input{font-size:22px;padding:16px;background:#17273a;color:#fff;border:1px solid #647589;border-radius:4px;user-select:text;-webkit-user-select:text;min-width:0}#intro-flow form button{padding:18px;background:#d9ff63;color:#101b2c;border:0;font-weight:700;margin-top:18px;cursor:pointer}.pilot-badge{color:#d9ff63;font-size:13px;letter-spacing:1px;margin-bottom:16px;overflow-wrap:anywhere}#intro-flow .pilot-error{color:#ffb1b1}.intro-active #game-container{visibility:hidden}#intro-flow .intro-skip{background:#d9ff63;color:#101b2c;border:2px solid #fff;font-weight:900;font-size:15px;min-height:52px;padding:16px 24px;box-shadow:0 4px 20px #0008}#intro-flow .intro-skip:focus-visible{outline:3px solid #00cfff;outline-offset:4px}.intro-play{pointer-events:auto;border:0;border-radius:4px;background:#d9ff63;color:#101b2c;padding:14px 24px;font-weight:900;min-height:48px;margin-top:18px;cursor:pointer}.intro-caption h1{max-width:900px;text-shadow:0 3px 28px #000b}.intro-caption p{max-width:600px}.intro-progress i{background:linear-gradient(90deg,#00dfff,#d9ff63)}@media (max-height:500px){.intro-caption{bottom:18px;left:5%;right:5%}#intro-flow .intro-caption h1{font-size:28px;margin:8px 0}#intro-flow .intro-caption p{margin:4px 0;font-size:12px}.intro-progress{margin-top:10px}.intro-play{position:absolute;right:0;bottom:12px}.intro-caption p{max-width:65%}#intro-flow .intro-skip{top:12px;right:16px;padding:10px 16px;min-height:44px}}@media (max-width:500px){.intro-caption{bottom:24px}#intro-flow .intro-caption h1{font-size:30px}#intro-flow .intro-caption small{font-size:9px;letter-spacing:1px}}html.name-open,html.name-open body{overflow:hidden;overscroll-behavior:none;height:100%;position:fixed;width:100%}#intro-flow.name-mode{inset:auto 0;top:var(--name-top,0px);height:var(--name-height,100dvh);box-sizing:border-box;display:flex;align-items:center;justify-content:center;overscroll-behavior:none;background:radial-gradient(ellipse at 90% 0,#a300b84a,transparent 60%),radial-gradient(ellipse at 0 100%,#ff78452b,transparent 65%),#10051e;font-family:inherit;padding:16px}#intro-flow.name-mode .intro-shade{display:none}#intro-flow.name-mode form{width:100%;max-width:440px;height:auto;min-height:0;margin:0;padding:24px;overflow:hidden;background:linear-gradient(145deg,#28103e,#160922);border:1px solid #e273ff45;border-radius:18px;box-shadow:0 20px 80px #0005;gap:10px}#intro-flow.name-mode small{color:#ff65cf;font-size:10px;letter-spacing:2px}#intro-flow.name-mode h1{font-size:clamp(26px,7vw,38px);margin:4px 0 8px;letter-spacing:-.8px}#intro-flow.name-mode label{margin:0;color:#e6d7ef;font-size:12px}#intro-flow.name-mode input{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;font:inherit;font-size:18px;border:1px solid #c994ec66;border-radius:8px;background:#10071d;color:#fff;outline:none}#intro-flow.name-mode input:focus{border-color:#ff55ce;box-shadow:0 0 0 3px #ff55ce20}#intro-flow.name-mode p{font-size:11px;line-height:1.4;margin:0;color:#c6b2d8}#intro-flow.name-mode .pilot-error{color:#ffb9cb}#intro-flow.name-mode .pilot-error:empty{display:none}#intro-flow.name-mode .name-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:6px}#intro-flow.name-mode form button{margin:0;min-height:46px;padding:10px 8px;border-radius:8px;font-size:11px;letter-spacing:.7px;color:#fff;background:linear-gradient(110deg,#ff8749,#ff159c 55%,#b800fa)}#intro-flow.name-mode form button[type=button]{background:#ffffff08;border:1px solid #ffffff30;color:#d9c9e7}#intro-flow.name-mode button:focus-visible{outline:2px solid #ff8add;outline-offset:2px}#intro-flow.name-compact{padding:8px 16px}#intro-flow.name-compact form{padding:14px 18px;gap:6px}#intro-flow.name-compact h1{font-size:24px;margin:0 0 2px}#intro-flow.name-compact h1 br{display:none}#intro-flow.name-compact h1 br:after{content:" "}#intro-flow.name-short form{padding:8px 14px;gap:4px}#intro-flow.name-short form>small,#intro-flow.name-short h1,#intro-flow.name-short form>p:not(.pilot-error){display:none}#intro-flow.name-short .name-actions{margin-top:2px}#intro-flow.name-mode{padding-left:max(16px,calc(env(safe-area-inset-left) + 12px));padding-right:max(16px,calc(env(safe-area-inset-right) + 12px))}#intro-flow .trailer-dissolve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:transparent}#intro-flow.name-mode .trailer-dissolve{display:none}#intro-flow .intro-caption{z-index:2;left:max(6%,calc(env(safe-area-inset-left) + 20px));right:max(6%,calc(env(safe-area-inset-right) + 20px))}#intro-flow .intro-caption small{color:#ff8ada;letter-spacing:2px}#intro-flow .intro-caption h1{font-style:italic;letter-spacing:-1px;font-weight:950;font-size:clamp(28px,4.5vw,62px);line-height:1.04;max-width:850px}#intro-flow .intro-progress i{background:linear-gradient(90deg,#ff854c,#ff199f,#b700ff)}#intro-flow .intro-play{background:linear-gradient(110deg,#ff854c,#ff199f,#b700ff);color:#fff;border-radius:8px}#intro-flow .intro-skip{z-index:3;background:#1a0b2ed9;color:#fff;border:1px solid #f298ee66;border-radius:8px;font-size:11px;min-height:44px;padding:10px 16px}@media (orientation:landscape) and (max-height:500px){#intro-flow .intro-caption h1{font-size:28px;max-width:70%}#intro-flow .intro-caption{bottom:max(18px,env(safe-area-inset-bottom))}}