/* Illustrated navigation stays separate from the battlefield and its HUD. */
#intro,#app-screen{position:fixed;inset:0;z-index:90;width:100%;height:100dvh;background-color:#142537;background-repeat:no-repeat;background-position:center;background-size:cover}
#intro{background-image:url('assets/screen-welcome.png');display:block;animation:none}
#intro[hidden],#app-screen[hidden],#home-links[hidden],#play-links[hidden],#screen-back[hidden]{display:none!important}
#app-screen[data-screen="home"]{background-image:url('assets/screen-home.png')}
#app-screen[data-screen="play"]{background-image:url('assets/screen-play.png')}
#app-screen[data-screen="lab"]{background-image:url('assets/screen-lab.png')}
#app-screen[data-screen="stats"]{background-image:url('assets/screen-stats.png')}
body:not([data-screen="match"])>main,body:not([data-screen="match"])>header,body:not([data-screen="match"])>#announcement{visibility:hidden;pointer-events:none}
.text-action,#intro .text-action{font-family:'Cinzel Decorative',Georgia,serif;font-weight:700;color:#ffe7a1;background:none!important;border:0!important;border-image:none!important;box-shadow:none!important;border-radius:0;padding:12px 18px;min-height:48px;text-shadow:0 2px 3px #101522,1px 0 1px #241b10,-1px 0 1px #241b10,0 -1px 1px #241b10;letter-spacing:.03em;cursor:pointer;filter:none}
.text-action::before,.text-action::after{display:none!important}
.text-action:hover:not(:disabled),.text-action:focus-visible{color:#fff6d6;text-shadow:0 2px 3px #111,0 0 15px #ffc765;outline:1px solid #ffe7a1;outline-offset:2px}
.text-action:disabled{color:#b9b4ad;opacity:.65;cursor:default;filter:none}
#intro #intro-continue{position:absolute;left:50%;bottom:max(5dvh,env(safe-area-inset-bottom));transform:translateX(-50%);font-size:clamp(23px,5vw,34px);opacity:0;visibility:hidden;width:auto;margin:0}
#intro #intro-continue.ready{visibility:visible;animation:continue-glow 1.8s ease-in-out infinite}
@keyframes continue-glow{0%,100%{opacity:.72;text-shadow:0 2px 4px #151515,0 0 5px #f7c95a}50%{opacity:1;text-shadow:0 2px 4px #151515,0 0 17px #ffd364}}
#home-links,#play-links{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2dvh,22px);width:min(94%,540px)}
#home-links .text-action,#play-links .text-action{font-size:clamp(24px,5.4vw,40px);white-space:nowrap}
#play-links{top:28%;gap:10px}
.back{position:absolute;top:max(8px,env(safe-area-inset-top));right:8px;font-size:36px;z-index:2;line-height:1}
#setup{position:fixed}#setup-back{top:4px;right:4px;font-size:27px}
#match-menu,#confirm-menu{width:min(340px,calc(100vw - 40px));max-height:80dvh;padding:18px;border:1px solid var(--panel-accent);border-radius:14px;background-color:var(--panel-base);background-image:var(--panel-material);color:var(--panel-ink);box-shadow:0 14px 40px #0008}
#match-menu::backdrop,#confirm-menu::backdrop{background:#07101b70}
.menu-actions{display:grid;gap:12px;margin-top:16px}.menu-actions button{min-height:44px}#confirm-menu h2{font-size:20px}#confirm-menu p{font-size:15px;line-height:1.5}
#handoff-name{display:flex;align-items:center;justify-content:center;gap:9px}#handoff-name img{width:34px;height:34px;object-fit:contain}
@media(min-aspect-ratio:1/1){#intro,#app-screen{background-size:auto 100%;background-color:#162536}#home-links{top:50%}#play-links{top:35%}#home-links .text-action,#play-links .text-action{font-size:clamp(22px,4dvh,34px);padding:5px 18px}#home-links,#play-links{gap:2px}}
@media(prefers-reduced-motion:reduce){#intro #intro-continue.ready{animation:none;opacity:1}}