.entry-open{overflow:hidden}.entry-gate{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;color:#f1d8ce;background:radial-gradient(ellipse at 50% 65%,#4b151a55,transparent 62%),linear-gradient(#080607ee,#10080bf5);overflow:hidden}.entry-gate::backdrop{background:#080607}.entry-logo{position:absolute;top:2vh;left:50%;transform:translateX(-50%);width:min(760px,85vw);text-align:center;z-index:2;pointer-events:none}.entry-logo h1{margin:0}.entry-logo img{width:100%;height:clamp(160px,27vh,280px);object-fit:contain;filter:drop-shadow(0 0 40px #d6422928)}.entry-logo p{font-size:11px;letter-spacing:5px;color:#c99084;margin:-16px 0 0}.entry-dragon{position:absolute;inset:22vh 5vw 11vh;display:grid;place-items:center}.entry-dragon .guardian-habitat{height:100%;width:min(100%,1100px);margin:0;background:none}.entry-action{position:absolute;bottom:7vh;left:50%;transform:translateX(-50%);z-index:3;text-align:center;width:min(420px,85vw)}.entry-enter{font-family:var(--serif,Georgia,serif);font-size:30px;letter-spacing:5px;text-transform:uppercase;min-width:260px;padding:18px 42px;border:1px solid #b6614d;border-radius:3px;color:#ffe8d8;background:linear-gradient(140deg,#8e3029,#351118);box-shadow:0 0 0 5px #812b2814,0 0 50px #b5382f2b;cursor:pointer;transition:transform .2s,box-shadow .2s}.entry-enter:hover,.entry-enter:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 5px #812b2824,0 0 65px #e74e3940;outline:2px solid #e9a387;outline-offset:5px}.entry-enter span{font-family:Arial;font-size:22px}.entry-action p{font-size:9px;letter-spacing:3px;color:#b58a83;margin:18px 0 0}.entry-embers{position:absolute;inset:-100% 0 0;pointer-events:none;opacity:.55;background-image:radial-gradient(2px 2px at 12% 35%,#f39b51,transparent),radial-gradient(2px 2px at 77% 55%,#e15d39,transparent),radial-gradient(1px 1px at 44% 88%,#ffd4a6,transparent),radial-gradient(2px 2px at 91% 19%,#b83d2c,transparent);background-size:340px 400px;animation:entry-braises 22s linear infinite}@keyframes entry-braises{to{transform:translateY(-400px)}}@media(max-width:600px){.entry-logo{top:4vh;width:95vw}.entry-logo p{font-size:8px;letter-spacing:3px}.entry-dragon{inset:24vh 0 17vh}.entry-enter{font-size:25px;min-width:230px}.entry-action{bottom:9vh}}@media(prefers-reduced-motion:reduce){.entry-embers{animation:none}.entry-enter{transition:none}}

.entry-gate{background:#080604}.entry-backdrop{position:absolute;inset:-3%;background:linear-gradient(180deg,#05030265,transparent 48%,#09050255),url(assets/entrance-dragon.png) center 42%/cover;animation:entrance-breath 24s ease-in-out infinite alternate}.entry-logo{top:2vh}.entry-logo img{filter:sepia(.92) saturate(1.2) brightness(.95) drop-shadow(0 0 22px #f99e3538);animation:logo-ember 5s ease-in-out infinite alternate}.entry-logo h1{position:relative}.entry-logo h1:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 43%,#fff1b7b0 49%,transparent 55%) 160% 0/350% 100%;mask:url(assets/metabattle-logo.png) center/contain no-repeat;animation:logo-shine 9s ease-in-out infinite;pointer-events:none}.entry-action{top:60%;bottom:auto;transform:translate(-50%,-50%)}.entry-enter{background:linear-gradient(140deg,#271b0df5,#090704f5);border-color:#d2a25b;color:#ffe2a6;box-shadow:0 0 0 5px #ba862414,0 0 50px #ef9d242b}.entry-enter:hover,.entry-enter:focus-visible{box-shadow:0 0 0 5px #ba862424,0 0 65px #ef9d2440;outline-color:#efc575}.entry-logo p,.entry-action p{color:#e6c698;text-shadow:0 1px 6px #000}.entry-embers{z-index:1;opacity:.9}@keyframes entrance-breath{to{transform:scale(1.035)}}@keyframes logo-ember{to{filter:sepia(.92) saturate(1.3) brightness(1.2) drop-shadow(0 0 30px #f99e3570)}}@keyframes logo-shine{0%,25%{background-position:160% 0}65%,100%{background-position:-60% 0}}@media(max-width:600px){.entry-backdrop{background-position:center}.entry-action{top:64%}.entry-logo{top:5vh}}@media(prefers-reduced-motion:reduce){.entry-backdrop,.entry-logo img,.entry-logo h1:after{animation:none}}

.entry-action .entry-promise{margin:0 auto 16px;max-width:33ch;font:600 clamp(.98rem,1.55vw,1.2rem)/1.45 system-ui,sans-serif;letter-spacing:normal;text-transform:none;color:#fff5e0;text-shadow:0 2px 4px #000,0 0 14px #000}
.entry-action .entry-enter,.masthead-build{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:48px;padding:.75em 1.45em;border:1px solid #ffe8b6;border-radius:4px;background:linear-gradient(165deg,#ffe2a0,#d7a660 66%,#bd8641);color:#291409;text-transform:none;text-decoration:none;font:750 clamp(1.05rem,2.3vw,1.55rem)/1.2 system-ui,sans-serif;letter-spacing:.02em;box-shadow:inset 0 0 0 2px #8d5a2938,0 4px 26px #260a04a6;cursor:pointer}
.entry-explore{display:block;margin:12px auto 0;padding:8px 15px;color:#fff3d9;background:#100a08cc;border:1px solid #947555;border-radius:4px;cursor:pointer}
.masthead .masthead-build{position:relative;z-index:3;flex:none}
.masthead:has(.masthead-build){flex-direction:column;gap:4px;padding-bottom:12px}
.masthead .masthead-logo{max-height:72%}
.masthead-build:hover,.masthead-build:focus-visible,.entry-explore:focus-visible{outline:2px solid #ffe5a7;outline-offset:4px}
@media(max-width:600px){.masthead:has(.masthead-build){height:auto;min-height:230px;padding:36px 8px 6px}.masthead .masthead-logo{max-height:130px}.masthead .motion-control{position:static;align-self:flex-end}.entry-action .entry-enter{min-width:0}.entry-explore{min-height:42px}}
@media(max-height:460px){.entry-action{top:65%}.entry-logo p{display:none}.entry-action .entry-promise{margin-bottom:6px}.entry-explore{margin-top:5px}}
