html,body{color:#fff;background:#050807;width:100%;height:100%;margin:0;font-family:Consolas,monospace;overflow:hidden}main{place-items:center;width:100%;height:100%;display:grid;position:relative}#game{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}#game canvas{image-rendering:pixelated;margin:auto;display:block}#game-hud{z-index:20;pointer-events:none;color:#e5e9e2;text-shadow:0 2px 4px #000;position:absolute;inset:0}#game-hud.is-hidden,.hud-boss.is-hidden{display:none}.hud-xp{background:#6a776b40;height:4px;position:absolute;top:7px;left:2.5%;right:2.5%;box-shadow:0 -1px #b6c0b566,0 1px #0e120fb3}#hud-xp-fill{background:#6aaa58;width:0;height:100%;box-shadow:0 0 5px #60ae4f66}.hud-time{grid-template-columns:clamp(70px,12vw,210px) auto clamp(70px,12vw,210px);align-items:center;gap:18px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-time i{background:linear-gradient(90deg,#0000,#b9c1b8ad);height:1px}.hud-time i:last-child{transform:scaleX(-1)}.hud-time strong{white-space:nowrap;font-size:clamp(24px,2.3vw,34px)}.hud-run-row{align-items:center;gap:22px;display:flex;position:absolute;top:54px;left:2.6%}.hud-skills{gap:3px;display:flex}.hud-skill{box-sizing:border-box;background:#0509086b;border:1px solid #9aa89abd;place-items:center;width:34px;height:34px;display:grid;position:relative}.hud-skill img{object-fit:contain;width:27px;height:27px;image-rendering:pixelated}.hud-skill b{color:#f1e462;font-size:11px;position:absolute;bottom:-2px;right:1px}.hud-stats{color:#b8c6ad;white-space:nowrap;align-items:baseline;gap:16px;font-size:clamp(12px,1.1vw,16px);display:flex}.hud-stats strong{font-size:1.18em}.hud-boss{width:min(760px,58vw);position:absolute;bottom:4.5%;left:50%;transform:translate(-50%)}.hud-boss-title{grid-template-columns:1fr auto auto 1fr;align-items:center;gap:10px;margin-bottom:5px;display:grid}.hud-boss-title i{background:linear-gradient(90deg,#0000,#776448);height:2px}.hud-boss-title i:last-child{transform:scaleX(-1)}.hud-boss-title strong{color:#d2bd91;letter-spacing:.18em;font:700 clamp(15px,1.4vw,20px) Georgia,serif}.hud-boss-title span{color:#a69272;font-size:12px}.hud-boss-frame{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:linear-gradient(#17100d,#080504);border:1px solid #816b48;height:17px;padding:3px;position:relative;box-shadow:0 0 0 3px #201711,inset 0 1px #dcbe7f2e,0 3px 7px #0009}#hud-boss-fill{background:linear-gradient(90deg,#5f1219,#a72426 58%,#d04a32);width:100%;height:100%;box-shadow:inset 0 3px #ff875c33}.hud-pause{pointer-events:auto;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));letter-spacing:3px;color:#e8e4f0;cursor:pointer;background:#050908b8;border:2px solid #ffd447bf;place-items:center;width:60px;height:60px;font:700 22px/1 Consolas,monospace;display:grid;position:absolute}.hud-pause:hover{color:#fff;background:#050908cc}.hud-pause.is-hidden{display:none}.hud-back{z-index:25;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));box-sizing:border-box;color:#ffd447;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0b0714b8;border:1px solid #ffd44773;border-radius:50%;place-items:center;width:58px;height:58px;padding:0 4px 2px 0;font:400 30px/1 Consolas,monospace;transition:background .12s,border-color .12s;display:grid;position:absolute;box-shadow:0 2px 10px #00000073}.hud-back:active{background:#ffd44738;border-color:#ffd447e6}.hud-back.is-hidden,.orientation-gate{display:none}@media (width<=700px){.hud-xp{height:3px;top:4px;left:2%;right:2%}.hud-time{grid-template-columns:34px auto 34px;gap:7px;top:8px}.hud-time strong{font-size:19px}.hud-run-row{gap:8px;top:34px;left:2%}.hud-skills{gap:2px}.hud-skill{width:24px;height:24px}.hud-skill img{width:18px;height:18px}.hud-skill b{font-size:9px}.hud-stats{gap:7px;font-size:10px}.hud-boss{width:86vw;bottom:7%}.hud-boss-title strong{letter-spacing:.12em;font-size:13px}.hud-boss-title span{font-size:10px}.hud-boss-frame{height:13px}.hud-pause{width:56px;height:56px;font-size:20px}}.touch-mode .hud-back{width:86px;height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;font-size:0}.touch-mode .hud-back:before{content:"‹  BACK";letter-spacing:1.2px;color:#d7caa7;font:700 12px/1 Consolas,monospace}.touch-mode .hud-back:active:before{color:#fff2bd}.touch-mode .hud-pause{width:82px;height:44px;box-shadow:none;letter-spacing:0;background:0 0;border:0;padding:0;font-size:0}.touch-mode .hud-pause:before{content:"II  MENU";letter-spacing:1.2px;color:#d7caa7;text-shadow:0 2px 4px #000;font:700 11px/1 Consolas,monospace}.touch-mode .hud-pause:active:before{color:#fff2bd}.touch-mode .hud-run-row{flex-direction:column;align-items:flex-start;gap:3px;top:12px;left:2%}.touch-mode .hud-skills{gap:2px}.touch-mode .hud-skill{width:21px;height:21px}.touch-mode .hud-skill img{width:16px;height:16px}.touch-mode .hud-skill b{font-size:8px;bottom:-2px;right:0}.touch-mode .hud-stats{gap:7px;font-size:9px}@media (orientation:portrait){.touch-mode .orientation-gate{z-index:100;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#21172c 0,#0b0714 48%,#050807 100%);place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.orientation-gate-icon{color:#ffd447;text-shadow:0 0 18px #ffd44733;font:400 58px/1 Consolas,monospace}.orientation-gate strong{color:#ffd447;letter-spacing:.14em;font:700 22px/1.2 Consolas,monospace}.orientation-gate span{color:#8a8597;letter-spacing:.18em;font:700 11px/1.4 Consolas,monospace}}.gate{z-index:60;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05060ced;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.gate.is-hidden{display:none}.gate-panel{box-sizing:border-box;text-align:center;background:#0b0714;border:1px solid #ffffff1f;width:min(440px,100%);padding:30px 28px 24px;box-shadow:0 18px 60px #0009}.gate-brand{color:#6f6c7a;letter-spacing:.32em;margin-bottom:14px;font-size:11px}.gate-title{letter-spacing:.06em;color:#ffd447;margin:0 0 8px;font-size:26px;font-weight:700}.gate-sub{color:#c4bfd2;margin:0 0 22px;font-size:13px;line-height:1.55}.gate-actions{flex-direction:column;gap:10px;display:flex}.gate-btn{box-sizing:border-box;letter-spacing:.08em;text-align:center;color:#1a1206;cursor:pointer;background:#ffd447;border:0;width:100%;padding:13px 16px;font:700 14px/1 Consolas,monospace;text-decoration:none;display:block}.gate-btn:hover{background:#ffe071}.gate-btn.is-ghost{color:#c4bfd2;background:0 0;border:1px solid #fff3}.gate-btn.is-ghost:hover{background:#ffffff12}.gate-btn.is-busy{color:#8a8597;cursor:default;background:#ffffff14}.gate-note{color:#8a8597;margin:12px 0 0;font-size:11px;line-height:1.5}.gate-error{color:#ffb0a6;background:#ff47471a;border:1px solid #ff47474d;margin:0 0 16px;padding:10px 12px;font-size:11px;line-height:1.5}.gate-balance{color:#8a8597;background:#ffffff08;border:1px solid #ffffff17;flex-direction:column;gap:3px;margin-bottom:20px;padding:14px;font-size:12px;display:flex}.gate-balance strong{color:#ff6a5a;font-size:21px}.gate-fine{color:#6f6c7a;border-top:1px solid #ffffff14;margin:20px 0 0;padding-top:16px;font-size:10px;line-height:1.6}.wallet-badge{z-index:30;color:#c4bfd2;background:#0b0714d1;border:1px solid #ffffff1f;align-items:center;gap:9px;padding:6px 10px;font-size:11px;display:flex;position:fixed;top:10px;right:10px}.wallet-badge-dot{background:#6aaa58;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #6aaa58cc}.wallet-badge-balance{color:#ffd447}.wallet-badge-out{color:#8a8597;cursor:pointer;background:0 0;border:1px solid #ffffff29;padding:3px 7px;font:700 10px/1 Consolas,monospace}.wallet-badge-out:hover{color:#fff;border-color:#fff6}@media (width<=700px){.gate-panel{padding:24px 20px 20px}.gate-title{font-size:21px}.wallet-badge{font-size:10px;top:auto;bottom:8px;right:8px}}.gate-btn.is-dev{color:#6f6c7a;background:0 0;border:1px dashed #ffffff38;margin-top:14px;font-size:12px}.gate-btn.is-dev:hover{color:#c4bfd2;background:#ffffff0d}.gate-input{box-sizing:border-box;letter-spacing:.1em;text-align:center;text-transform:uppercase;color:#ffd447;background:#ffffff0a;border:1px solid #fff3;outline:none;width:100%;margin-bottom:14px;padding:12px 14px;font:700 16px/1 Consolas,monospace}.gate-input:focus{background:#ffd4470f;border-color:#ffd447}.gate-input::placeholder{color:#4d4a58;letter-spacing:.08em}.gate-btn.is-skip{color:#8a8597;border-color:#ffffff24;margin-top:14px;font-size:12px}.gate-btn.is-skip:hover{color:#e5e2ec;background:#ffffff0f}.wallet-badge.is-out{gap:8px;padding:5px 6px 5px 10px}.wallet-badge-hint{color:#6f6c7a;font-size:10px}.wallet-badge-connect{letter-spacing:.06em;color:#1a1206;cursor:pointer;background:#ffd447;border:0;padding:5px 9px;font:700 10px/1 Consolas,monospace}.wallet-badge-connect:hover{background:#ffe071}.touch-mode.run-active .wallet-badge{display:none}