html{overscroll-behavior:none}body{padding-bottom:132px;-webkit-tap-highlight-color:transparent}header{min-height:68px;padding:12px 16px;flex-wrap:nowrap}.brand small{letter-spacing:1.8px}.brandmark{width:38px;height:38px;background:url(crystal.png) center/cover;border-radius:10px;font-size:0}header nav{position:fixed;bottom:0;left:0;right:0;z-index:40;height:64px;min-height:64px;background:#101c2bf5;border-top:1px solid #354b60;backdrop-filter:blur(16px);padding:0 8px;flex-wrap:nowrap}header nav button{flex:1;font-size:10px;min-height:48px}header nav button:before{display:block;font-size:20px;line-height:25px;content:'◇'}header nav button[data-view=trials]:before{content:'✦'}header nav button[data-view=collection]:before{content:'▤'}header nav button[data-view=deck]:before{content:'▱'}header nav button.active:after{bottom:auto;top:0}.music-bar{bottom:64px;z-index:41}.world-banner{border-radius:14px}.encounter,.trial-list button,.story-panel{border-radius:10px}.save-note{line-height:1.5;margin-top:8px}.in-battle{padding-bottom:65px}.in-battle .music-bar{bottom:0}.in-battle .battle .player{bottom:62px}.in-battle header nav{display:none}.in-battle .table-area .board{max-width:min(330px,42vh)}.in-battle .battle .enemy .card{max-height:70px}.in-battle .battle-title h1{font-size:25px}.in-battle .battle .hand .card{max-width:76px}.in-battle .battle .player{justify-content:center}.in-battle .battle .player h3{width:100%}.intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0c1c;overflow:hidden;transition:opacity .55s ease}.intro img{width:min(88vw,430px);animation:crystal-reveal 2.1s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(0 0 25px #40baff30)}.intro h1{font:500 32px Georgia,serif;letter-spacing:5px;margin:-10px 0 14px;animation:title-reveal 1.7s ease both;text-align:center}.intro p{font-size:10px;letter-spacing:4px;color:#a4d7eb;animation:title-reveal 2s ease both}.intro .flare{position:absolute;left:-20%;top:46%;width:140%;height:2px;background:#d4ffff;box-shadow:0 0 30px 9px #78dbff;animation:flare-reveal 1.7s ease both;pointer-events:none}.intro button{position:absolute;bottom:40px;border:0;color:#a4b9c9;padding:16px 30px;font-size:12px}.intro.leaving{opacity:0;pointer-events:none}@keyframes crystal-reveal{0%{opacity:0;transform:scale(.75);filter:brightness(2.5) blur(8px)}45%{opacity:1}100%{transform:scale(1);filter:brightness(1) blur(0)}}@keyframes title-reveal{0%,35%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}@keyframes flare-reveal{0%{opacity:0;transform:scaleX(0)}35%{opacity:.8}100%{opacity:0;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.intro *{animation:none!important}.intro{transition:none}.intro .flare{display:none}}

.intro video{width:100%;height:100%;object-fit:contain;background:#000}.intro #skip-intro{bottom:28px;right:12px;background:#0c141fcc;border:1px solid #73bce766;border-radius:24px}.intro #play-intro{top:45%;bottom:auto;background:#142130;border-radius:12px}.intro [hidden]{display:none}

body{padding-top:env(safe-area-inset-top);padding-bottom:calc(132px + env(safe-area-inset-bottom))}header nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.music-bar{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:8px}.in-battle .music-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.in-battle .battle .player{bottom:calc(62px + env(safe-area-inset-bottom))}