:root{--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;color:#f6e7c6;background:#07040e;height:100%;font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;overflow:hidden}#c{background:#0b0614;margin:auto;display:block;position:fixed;inset:0}#hud{left:16px;right:16px;top:calc(12px + var(--sa-t));pointer-events:none;z-index:2;position:fixed}#hp,#xp{background:#08040e8c;border:1px solid #ffffff1f;border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}#hp i{background:linear-gradient(90deg,#ff4d6d,#ff9f1c);width:100%;height:100%;display:block}#xp i{background:linear-gradient(90deg,#5dffd2,#7dff6b);width:0%;height:100%;display:block}#meta{letter-spacing:.04em;text-shadow:0 1px 4px #000;opacity:.9;font-size:13px}#cards{z-index:4;background:#06030c8c;flex-direction:column;justify-content:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}#cards[hidden],#over[hidden],#endcard[hidden]{display:none}.card{text-align:left;color:#fff6d8;font:inherit;background:linear-gradient(#2a1540,#160c24);border:0;border-radius:16px;padding:16px 18px;box-shadow:0 8px 28px #00000059}.card b{color:#5dffd2;margin-bottom:4px;font-size:18px;display:block}.card span{opacity:.85;font-size:13px}#over{z-index:5;background:#06030cb8;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:22px;display:flex;position:fixed;inset:0}#over button{color:#08110e;font:inherit;background:#5dffd2;border:0;border-radius:999px;padding:10px 22px;font-weight:700}#endcard{z-index:9;color:#fff6d8;letter-spacing:.04em;background:#07040e;justify-content:center;align-items:center;font-size:42px;font-weight:800;display:flex;position:fixed;inset:0}