:root{--app-height:100dvh}
.game-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,#203b4b 0,#08131b 42%,#020507 100%);color:#f4fbff;transition:opacity .45s ease,visibility .45s ease}
.game-splash.hidden{opacity:0;visibility:hidden;pointer-events:none}
.splash-inner{width:min(430px,92vw);text-align:center}
.splash-emblem{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 18px;border:1px solid rgba(255,190,76,.6);border-radius:28px;background:linear-gradient(145deg,rgba(255,198,84,.2),rgba(10,28,38,.82));box-shadow:0 22px 70px rgba(0,0,0,.48),inset 0 0 34px rgba(255,190,76,.1)}
.splash-emblem img{width:78px;height:78px;object-fit:contain;border-radius:18px}
.splash-emblem::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(111,216,255,.22);border-radius:34px;animation:splashPulse 1.8s ease-in-out infinite}
@keyframes splashPulse{50%{transform:scale(1.045);opacity:.45}}
.splash-inner h1{margin:0;font-size:clamp(24px,7vw,42px);letter-spacing:.12em}
.splash-inner p{margin:8px 0 18px;color:#9eb5c2;font-size:12px;letter-spacing:.11em}
.splash-progress{height:7px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(0,0,0,.34)}
.splash-progress i{display:block;width:7%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9f35,#ffd66d,#71d8ff);box-shadow:0 0 18px rgba(255,188,73,.65);transition:width .22s ease}
.splash-version{display:block;margin-top:10px;color:#77909e;font-size:9px;letter-spacing:.15em}
.orientation-coach{position:fixed;inset:0;z-index:9998;display:none;place-items:center;padding:18px;background:rgba(1,5,8,.88);backdrop-filter:blur(14px)}
.orientation-coach.open{display:grid}
.orientation-card{width:min(480px,94vw);padding:22px;border:1px solid rgba(255,190,76,.42);border-radius:22px;background:linear-gradient(155deg,#10232e,#071117 70%);color:#edf8fc;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.rotate-device{position:relative;width:118px;height:78px;margin:0 auto 17px;border:4px solid #ffbd4d;border-radius:16px;transform:rotate(-90deg);animation:rotateHint 2.2s ease-in-out infinite}
.rotate-device::before{content:"";position:absolute;right:8px;top:50%;width:5px;height:22px;border-radius:5px;background:#ffbd4d;transform:translateY(-50%)}
.rotate-device::after{content:"↻";position:absolute;left:42px;top:16px;color:#79d9ff;font-size:30px;transform:rotate(90deg)}
@keyframes rotateHint{0%,100%{transform:rotate(-90deg)}45%,65%{transform:rotate(0)}}
.orientation-card h2{margin:0 0 8px;font-size:22px}.orientation-card p{margin:0 0 14px;color:#9eb5c2;font-size:12px;line-height:1.55}
.orientation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orientation-actions button{min-height:48px;border-radius:12px;font-weight:900;cursor:pointer}.orientation-primary{border:0;color:#1a1005;background:linear-gradient(145deg,#ffd36a,#f89b30)}.orientation-secondary{border:1px solid #294655;color:#edf8fc;background:#0b1921}
.orientation-note{display:block;margin-top:11px;color:#718b99;font-size:9px;line-height:1.4}
.display-mode-btn{font-size:18px}
.orientation-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:10000;max-width:min(90vw,520px);padding:10px 14px;border:1px solid rgba(255,190,76,.4);border-radius:999px;background:rgba(4,11,15,.94);color:#eef8fb;font-size:10px;font-weight:800;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.orientation-toast.show{transform:translate(-50%,0);opacity:1}
html.mobile-game,html.mobile-game body{min-height:var(--app-height)}
html.mobile-game body{overscroll-behavior:none}
html.mobile-game button,html.mobile-game input,html.mobile-game select{touch-action:manipulation}
html.mobile-game #renderCanvas,html.mobile-game .aim-pad{touch-action:none}
@media(max-width:640px){.orientation-actions{grid-template-columns:1fr}.orientation-card{padding:18px}.splash-emblem{width:96px;height:96px}.splash-emblem img{width:66px;height:66px}}
@media(orientation:landscape) and (max-height:520px){.game-splash{padding:8px}.splash-inner{display:grid;grid-template-columns:88px 1fr;column-gap:18px;align-items:center;text-align:left}.splash-emblem{grid-row:1/5;width:80px;height:80px;margin:0}.splash-emblem img{width:55px;height:55px}.splash-inner h1{font-size:25px}.splash-inner p{margin:4px 0 10px}.splash-version{margin-top:6px}.orientation-card{width:min(660px,94vw);display:grid;grid-template-columns:120px 1fr;column-gap:18px;text-align:left}.rotate-device{grid-row:1/6;margin:auto}.orientation-actions{grid-template-columns:1fr 1fr}}