*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#111}body{font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;user-select:none;-webkit-user-select:none}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:0;left:0;right:0;padding:8px 12px;pointer-events:none;color:#fff}.hud-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.bar{position:relative;height:16px;border-radius:8px;background:#00000080;overflow:hidden}.bar>i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;border-radius:8px}.bar>span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:16px;color:#fff;text-shadow:0 1px 2px #000}.bar.hp{flex:1;max-width:320px}.bar.hp>i{background:#e04848}.bar.xp{flex:1;max-width:320px;height:10px}.bar.xp>i{background:#48a0e0}.hud-text{font-size:14px;font-weight:600;text-shadow:0 1px 2px #000}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#overlay:empty{display:none}.panel{pointer-events:auto;background:#141a14eb;border:2px solid #4a6b4a;border-radius:12px;padding:24px;max-width:92vw;max-height:88vh;overflow-y:auto;color:#eee;text-align:center}.panel h1{font-size:28px;margin-bottom:12px;color:#ffd54a}.panel h2{font-size:20px;margin-bottom:12px;color:#ffd54a}.panel p{margin-bottom:12px;font-size:14px;color:#bbb}.cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:12px 0}.card{width:150px;min-height:120px;background:#26301f;border:2px solid #557755;border-radius:10px;padding:12px 10px;cursor:pointer;color:#eee;font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.card:hover{border-color:#ffd54a;background:#2f3b26}.card .name{font-size:16px;font-weight:700}.card .price{color:#ffd54a;font-weight:700}.card.rare{border-color:#4a90d9}.card.epic{border-color:#b06ac7}.card.sold{opacity:.35;pointer-events:none}.btn{pointer-events:auto;display:inline-block;margin:6px;padding:12px 32px;font-size:18px;font-weight:700;color:#1a2415;background:#ffd54a;border:none;border-radius:10px;cursor:pointer}.btn:active{transform:scale(.96)}.btn.secondary{background:#575;color:#eee}.btn:disabled{opacity:.4;pointer-events:none}.joy-base{position:absolute;width:100px;height:100px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:none;transform:translate(-50%,-50%)}.joy-nub{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffffff59;pointer-events:none;transform:translate(-50%,-50%)}