*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05070b;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#app,#stage{width:100%;height:100%;position:relative}#viewport{position:absolute;background:#0e1420;overflow:hidden;font-size:calc(var(--scale, 1) * 16px)}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;left:0;width:100%;height:6.5%;display:flex;align-items:center;gap:.5em;padding:0 2.5%;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;z-index:2}.hpbox{flex:1;min-width:0}.hpbox .label{font-size:.55em;font-weight:700;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpbox .bar{position:relative;height:.5em;background:#ffffff2e;border-radius:999px;overflow:hidden;margin-top:.1em}.hpbox .fill{position:absolute;inset:0 auto 0 0;width:100%;background:#5ec26a}#hud-hero .fill{background:#7fd2ff}#btn-sound{pointer-events:auto;background:transparent;border:none;color:#fff;font-size:1.1em;line-height:1;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0}#hotbar{position:absolute;bottom:0;left:0;width:100%;height:12.5%;display:flex;gap:.3em;padding:.3em;pointer-events:none;z-index:2}#hotbar .slot{pointer-events:auto;flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141822;border:1px solid rgba(255,255,255,.25);border-radius:.5em;color:#fff;overflow:hidden;padding:0}#hotbar .slot .name,#hotbar .slot .lv{position:relative;z-index:1}#hotbar .slot .name{font-size:.66em;font-weight:700}#hotbar .slot .lv{font-size:.55em;opacity:.8}#hotbar .slot .fill{position:absolute;inset:0 auto 0 0;width:0%;background:#ff7a6b47;z-index:0}#hotbar .slot.ready .fill{background:#ff7a6b8c}#hotbar .slot.empty{opacity:.35}#hotbar .slot.glow{border-color:#ffe08a;box-shadow:0 0 .5em .1em #ffe08a}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05080ec7;color:#fff;text-align:center;pointer-events:none;z-index:3}#overlay[data-screen=fight]{display:none}#overlay:not([data-screen=fight]){pointer-events:auto}#overlay .panel{padding:1.2em;width:88%}#overlay h1{font-size:1.5em;margin:0 0 .3em}#overlay h2{font-size:1.2em;margin:0 0 .5em}#overlay p{margin:.3em 0;font-size:.8em}#overlay .sub{font-size:.66em;opacity:.8}#overlay .meta-line{font-size:.66em;opacity:.85;margin:.5em 0}#overlay button{margin-top:.6em;padding:.6em 1.2em;font-size:.85em;border-radius:.5em;border:1px solid rgba(255,255,255,.25);cursor:pointer;background:#2a3140;color:#fff;min-height:44px}#overlay button.primary{background:#ffd25a;color:#20262f;font-weight:700;border:none}.howto-card{background:#1a2030;border:1px solid rgba(255,255,255,.18);border-radius:.6em;padding:.9em .8em;margin:.4em 0;text-align:left}.howto-card .n{display:inline-block;background:#ffd25a;color:#20262f;font-weight:700;border-radius:999px;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;font-size:.75em;margin-right:.4em}.howto-card .t{font-weight:700;font-size:.85em}.howto-card .d{font-size:.68em;opacity:.85;margin-top:.3em}.howto-dots{font-size:.7em;opacity:.7;margin-top:.3em}#shop{display:flex;flex-direction:column;gap:.4em;margin-top:.5em}#shop .item{display:flex;align-items:center;gap:.5em;background:#1a2030;border:1px solid rgba(255,255,255,.18);border-radius:.6em;padding:.5em .6em;text-align:left}#shop .item .info{flex:1;min-width:0}#shop .item .name{font-weight:700;font-size:.8em}#shop .item .desc,#shop .item .held{font-size:.62em;opacity:.8}#shop .item button{margin:0;padding:.4em .7em;font-size:.72em;white-space:nowrap}#shop .item button:disabled{opacity:.4;cursor:default}#version{position:absolute;right:6px;bottom:4px;color:#ffffff59;font-size:10px;pointer-events:none;z-index:5}