@import url('./fx-style.css');
@font-face{font-family:CloudPilot;src:url('../assets/display.ttf') format('truetype');font-display:swap}
:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;color:#062566;--ink:#062566;--muted:#476288;--paper:#fffaf0}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer;font-weight:700;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}h1,h2,h3,p{margin:0}svg{display:block}button svg{width:22px;height:22px}input{width:100%;min-width:0;padding:12px 14px;min-height:48px;border:2px solid #afcceb;background:white;border-radius:12px}a{color:inherit}dialog{margin:auto}::selection{background:#ffe58a;color:#123f7b}
.topbar{display:flex;align-items:center}.brand{margin-right:auto;font-weight:900;line-height:1.05}.brand span{display:block;font-weight:500;margin-top:5px}.text-btn{background:none;text-decoration:underline;min-height:44px;padding:8px}.secondary{min-height:44px;padding:10px 20px}.gallery-card strong{display:block}.shop-art,.detail-art,.fx-art{display:block;background-image:url('../assets/skills-atlas.webp');background-size:300% 200%;background-position:var(--art-x) var(--art-y)}.shop-art{aspect-ratio:1}
.pawn{pointer-events:all}.pawn.can-move{cursor:pointer}.pawn-hit{pointer-events:all}.plane-sprite,.plane-ground{pointer-events:none}.pawn:focus-visible{outline:none}.pawn:focus-visible .pawn-hit{stroke:#ffdc50;stroke-width:4}.shield-bubble{fill:#80daff45;stroke:#70d9ff;stroke-width:3}.move-halo{animation:halo-breathe 1s ease-in-out infinite}@keyframes halo-breathe{50%{opacity:.5}}.timer{display:flex;align-items:center;gap:4px}.connection{font-size:12px}.connection.offline{color:#ffdf8d}
#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:13px 22px;max-width:90vw;width:max-content;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}