.nation-entrance{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;color:#f5f8fc;background:#020710;overflow:hidden;z-index:2147483646;font-family:Arial,sans-serif}
.nation-entrance:not([open]){display:none}.nation-entrance::backdrop{background:#020710}
.entrance-scene{position:absolute;width:max(100vw,177.69vh);aspect-ratio:1672/941;left:50%;top:43%;transform:translate(-50%,-50%);pointer-events:none}
.entrance-lion{display:block;width:100%;filter:brightness(1.55) saturate(1.15);animation:entrance-breathe 8s ease-in-out infinite}
.nation-entrance:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02071022 25%,#02071000 43%,#020710ba 68%,#020710 100%);pointer-events:none}
.entrance-eye{position:absolute;top:34.7%;width:2.8%;height:3%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#d5faff99,#00aaff88 25%,transparent 70%);filter:blur(1px);box-shadow:0 0 25px #009dff77;animation:entrance-eyes 7s ease-in-out infinite}
.entrance-eye-left{left:43.25%}.entrance-eye-right{left:56.65%}
.entrance-bolts{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:drop-shadow(0 0 15px #21adff)}
.entrance-content{position:absolute;z-index:2;left:50%;bottom:8%;transform:translateX(-50%);width:min(92%,650px);text-align:center;margin:0}
.entrance-kicker{color:#9bdcff;font-size:10px;font-weight:800;letter-spacing:.34em;margin:0 0 14px}.entrance-content h1{font-size:clamp(35px,5vw,66px);line-height:.98;letter-spacing:-.045em;font-weight:950;margin:0;text-shadow:0 3px 30px #000}.entrance-content h1 span{color:#43c6ff}
.entrance-content>p:not(.entrance-kicker):not(.entrance-sound-note){font-size:13px;letter-spacing:.06em;color:#c5d4e2;margin:18px 0 22px}
body .entrance-enter{min-width:260px;min-height:56px;justify-content:center;gap:20px;display:inline-flex;align-items:center;font-size:12px;letter-spacing:.13em}
.entrance-sound-note{font-size:11px;color:#96adc0;margin:12px 0 16px}.entrance-skip{color:#b6c8d9;background:none;border:0;border-bottom:1px solid #8fa4b24d;padding:7px 3px;cursor:pointer;font:600 12px Arial,sans-serif;min-height:36px}
.entrance-sound{position:absolute;z-index:3;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));color:#d3e5f4;background:#081725b8;border:1px solid #91c4df55;border-radius:30px;padding:11px 17px;min-height:44px;font:600 12px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(10px)}
.entrance-credit{position:absolute;z-index:3;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;color:#7d93a6;text-align:center;font-size:9px}.entrance-credit a{color:inherit;text-decoration:underline}.entrance-skip:hover,.entrance-credit a:hover{color:#fff}
.nation-entrance :focus-visible{outline:3px solid #9ddfff;outline-offset:5px}
.nation-entrance.is-entering{animation:entrance-reveal 2.6s ease-in forwards}.is-entering .entrance-lion{animation:entrance-roar 2.6s ease-out forwards}.is-entering .entrance-eye{animation:entrance-eye-roar 2.6s ease-out forwards}.is-entering .entrance-bolts{animation:entrance-strike 2.6s ease-out forwards}.is-entering .entrance-content{opacity:0;transition:opacity .2s}
@keyframes entrance-breathe{0%,100%{filter:brightness(1.4) saturate(1.1)}50%{filter:brightness(1.7) saturate(1.2)}}
@keyframes entrance-eyes{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes entrance-roar{0%{transform:scale(1);filter:brightness(1.5)}15%{transform:scale(1.035);filter:brightness(2.5) saturate(1.4)}45%{transform:scale(1.08);filter:brightness(1.8)}100%{transform:scale(1.12);filter:brightness(1)}}
@keyframes entrance-eye-roar{0%{opacity:.7}15%,50%{opacity:1;filter:brightness(3.5);box-shadow:0 0 70px #00aaff}100%{opacity:.4}}
@keyframes entrance-strike{0%{opacity:0}12%,19%{opacity:.8}35%,100%{opacity:0}}
@keyframes entrance-reveal{0%,70%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.entrance-scene{width:max(160vw,145vh);top:35%}.entrance-content{bottom:11%}.entrance-content h1{font-size:44px}.entrance-kicker{font-size:9px;letter-spacing:.2em}.entrance-sound{top:max(16px,env(safe-area-inset-top));right:16px}.entrance-content>p:not(.entrance-kicker):not(.entrance-sound-note){font-size:11px}.entrance-credit{font-size:8px}}
@media(max-height:540px) and (min-width:601px){.entrance-scene{top:36%}.entrance-content{bottom:9%}.entrance-content h1{font-size:32px}.entrance-kicker{margin-bottom:8px}.entrance-content>p:not(.entrance-kicker):not(.entrance-sound-note){margin:10px 0}.entrance-sound-note{margin:7px}.entrance-skip{min-height:25px}}
@media(prefers-reduced-motion:reduce){.entrance-lion,.entrance-eye,.nation-entrance.is-entering,.is-entering .entrance-lion,.is-entering .entrance-eye,.is-entering .entrance-bolts{animation:none}.is-entering .entrance-content{opacity:1;transition:none}}