*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#060503;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#e8dcc0}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(180,0,0,.55) 100%);opacity:0;transition:opacity .1s}#hud-top{position:fixed;top:14px;left:16px;z-index:10;pointer-events:none}#hp-wrap{display:flex;align-items:center;gap:8px}#hp-label{color:#ff9d5c;font-weight:700;text-shadow:0 0 8px #000}#hp-bar{width:260px;height:18px;background:#000000a6;border:1px solid #8a6b3a;border-radius:4px;overflow:hidden}#hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4d4d,#ffb14d);transition:width .15s}#hp-text{font-weight:700;text-shadow:0 0 8px #000}#enemy-count{margin-top:6px;color:#9fe8ff;font-weight:700;text-shadow:0 0 8px #000}#seals{position:fixed;bottom:64px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.seal{position:relative;width:120px;padding:10px 0 8px;text-align:center;background:#0a0804b8;border:1px solid #6b5326;border-radius:8px;overflow:hidden;opacity:.55;transition:all .15s}.seal.active{opacity:1;border-color:#ffd76a;box-shadow:0 0 14px #ffc8508c;transform:translateY(-4px)}.seal-key{display:inline-block;width:22px;height:22px;line-height:22px;border:1px solid #ffd76a;border-radius:4px;color:#ffd76a;font-weight:700;margin-right:6px}.seal-name{font-weight:700;font-size:15px}.seal .cd{position:absolute;left:0;bottom:0;width:100%;height:0%;background:#78c8ff59;pointer-events:none}#seal-desc{position:fixed;bottom:34px;left:50%;transform:translate(-50%);z-index:10;color:#ffd76a;font-size:14px;text-shadow:0 0 8px #000;pointer-events:none}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;color:#ffe9b0;font-size:22px;text-shadow:0 0 6px #000,0 0 12px rgba(255,200,80,.8);pointer-events:none}#hint{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:10;font-size:12px;color:#bfae87;text-shadow:0 0 6px #000;pointer-events:none;white-space:nowrap}#btns{position:fixed;top:14px;right:16px;z-index:20;display:flex;gap:8px}#btns button,#overlay-restart{cursor:pointer;background:#140e06d9;color:#ffd76a;border:1px solid #8a6b3a;border-radius:6px;padding:8px 16px;font-size:15px;font-weight:700}#btns button:hover,#overlay-restart:hover{background:#3c280ae6;box-shadow:0 0 10px #ffc85080}#demo-btn.on{background:#14503ce6;border-color:#5cff9d;color:#c8ffe0}#lock-tip{position:fixed;left:50%;top:62%;transform:translate(-50%);z-index:15;font-size:18px;color:#ffe9b0;background:#0009;padding:10px 22px;border:1px solid #8a6b3a;border-radius:8px;pointer-events:none}#lock-tip.hidden{display:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b8;gap:14px}#overlay.hidden{display:none}#overlay-title{font-size:52px;font-weight:900;color:#ffd76a;text-shadow:0 0 30px rgba(255,180,40,.8);letter-spacing:8px}#overlay-title.lose{color:#ff5c5c;text-shadow:0 0 30px rgba(255,40,40,.8)}#overlay-sub{font-size:17px;color:#d8c9a3}#overlay-restart{font-size:18px;padding:10px 34px;margin-top:10px}#damage-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.dmg-num{position:absolute;font-weight:900;font-size:20px;color:#ffd76a;text-shadow:0 0 6px #000,0 2px 2px #000;animation:float-up .9s ease-out forwards;transform:translate(-50%,-50%)}.dmg-num.thunder{color:#9fe8ff}.dmg-num.shield{color:#fff3b0;font-size:17px}.dmg-num.hurt{color:#ff5c5c;font-size:24px}@keyframes float-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-70px}}