#game-hud,#game-hud *{pointer-events:none}#game-hud{z-index:100;-webkit-user-select:none;user-select:none;touch-action:none;width:340px;font-family:Noto Sans TC,system-ui,sans-serif;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.hud-info-row{align-items:center;gap:8px;margin-bottom:3px;padding:0 4px;display:flex}#hud-stage{color:#8df;white-space:nowrap;text-shadow:0 1px 2px #000c;font-size:11px}#hud-level{color:gold;white-space:nowrap;text-shadow:0 1px 2px #000c;font-size:11px;font-weight:700}.hud-xp-bar{background:#00000080;border-radius:2px;flex:1;height:4px;overflow:hidden}#hud-xp-fill{background:linear-gradient(90deg,#b8860b,gold);border-radius:2px;width:0%;height:100%;transition:width .3s}.hud-main{background:#0a0a14d9;border-top:1px solid #ffffff14;border-radius:10px 10px 0 0;justify-content:center;align-items:center;padding:6px 12px 10px;display:flex}.hud-orb{border-radius:50%;flex-direction:column;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.hud-hp-orb{background:radial-gradient(circle at 40% 35%,#c33 0%,#600 70%,#300 100%);border:2px solid #822;box-shadow:0 0 6px #c800004d}.hud-mp-orb{background:radial-gradient(circle at 40% 35%,#33c 0%,#006 70%,#003 100%);border:2px solid #228;box-shadow:0 0 6px #0000c84d}.hud-orb-empty{background:#00000080;height:0%;transition:height .3s;position:absolute;top:0;left:0;right:0}.hud-orb-text{z-index:1;text-shadow:0 1px 2px #000c;font-family:monospace;font-size:11px;line-height:48px;position:relative}.hud-hp-orb .hud-orb-text{color:#fcc}.hud-mp-orb .hud-orb-text{color:#ccf}.hud-orb-label{white-space:nowrap;font-size:8px;position:absolute;bottom:-14px}.hud-hp-orb .hud-orb-label{color:#a66}.hud-mp-orb .hud-orb-label{color:#66a}.hud-skills{gap:5px;margin:0 12px;display:flex}.hud-skill{background:#282832e6;border:1.5px solid #ffffff1f;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;overflow:hidden}.hud-skill.cooling,.hud-skill.no-mana{opacity:.5}.hud-skill-key{color:#ffffff4d;font-size:7px;position:absolute;top:1px;left:3px}.hud-skill-name{color:#e0e0e0;font-size:9px}.hud-skill-cost{color:#57b;margin-top:1px;font-size:7px}.hud-skill-cooldown{background:#0009;height:0%;transition:height .1s;position:absolute;bottom:0;left:0;right:0}#game-hud{padding-bottom:16px}@media (orientation:portrait) and (width<=1024px){#game-hud{display:none!important}}#menu-screen{z-index:200;-webkit-user-select:none;user-select:none;background:linear-gradient(#484878 0%,#5c5ca0 100%);flex-direction:column;justify-content:center;align-items:center;padding:20px;font-family:Noto Sans TC,system-ui,sans-serif;display:none;position:fixed;inset:0}.menu-title{color:#fff;text-shadow:0 2px 12px #9696ff80;margin-bottom:6px;font-size:32px;font-weight:700}.menu-subtitle{color:#ccc;margin-bottom:24px;font-size:14px}.menu-cards{flex-wrap:wrap;justify-content:center;gap:12px;max-width:700px;display:flex}.menu-card{text-align:center;cursor:pointer;background:#7878b8;border:2px solid #aad;border-radius:10px;width:120px;padding:12px 8px;transition:all .2s}.menu-card:hover:not(.locked){background:#8888c8;border-color:#bbf}.menu-card.selected{background:#8080c0;border-color:gold;box-shadow:0 0 12px #ffd7004d}.menu-card.locked{opacity:.6;cursor:default}.menu-card-img{object-fit:contain;background:#00000026;border-radius:50%;width:56px;height:56px;margin:0 auto 8px;display:block}.menu-card.locked .menu-card-img{filter:grayscale()brightness(.3)}.menu-card-lock{margin-bottom:4px;font-size:24px}.menu-card-name{color:#fff;font-size:14px;font-weight:700}.menu-card.locked .menu-card-name{color:#666}.menu-card-type{margin-top:4px;font-size:11px}.menu-card-skills{color:#ccc;margin-top:6px;font-size:10px;line-height:1.4}.menu-card-stats{justify-content:center;gap:4px;margin-top:8px;display:flex}.menu-stat{border-radius:3px;padding:1px 5px;font-size:9px}.menu-stat-hp{color:#f88;background:#ff646433}.menu-stat-mp{color:#88f;background:#6464ff33}.menu-card-unlock{color:#aaa;margin-top:8px;font-size:10px;line-height:1.4}.menu-confirm{color:#4f4;cursor:pointer;background:linear-gradient(#363,#242);border:2px solid #4f4;border-radius:8px;margin-top:24px;padding:10px 40px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 0 8px #4f43}.menu-confirm:disabled{opacity:.3;cursor:default;box-shadow:none}.menu-confirm:not(:disabled):hover{background:linear-gradient(#484,#363);box-shadow:0 0 12px #4f46}@media (orientation:portrait) and (width<=1024px){#menu-screen{display:none!important}}#levelup-screen{color:#ccc;z-index:200;-webkit-user-select:none;user-select:none;background:#000000d9;justify-content:center;align-items:center;font-family:Noto Sans TC,system-ui,sans-serif;display:none;position:fixed;inset:0}#levelup-content{flex-direction:column;align-items:center;max-width:700px;padding:20px;display:flex}.levelup-title{color:gold;margin-bottom:4px;font-size:28px;font-weight:700}.levelup-subtitle{color:#ccc;margin-bottom:20px;font-size:13px}.levelup-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.equip-card{text-align:center;cursor:pointer;border-radius:6px;width:140px;padding:10px;transition:all .2s}.equip-card:hover{transform:translateY(-2px)}.equip-card.selected{border-color:gold!important;box-shadow:0 0 16px #ffd70066!important}.equip-card-rarity{letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:700}.equip-card-icon{margin:4px 0;font-size:20px}.equip-card-name{color:#ccc;margin-bottom:2px;font-size:11px}.equip-card-stat{color:#aaa;margin-top:4px;font-size:11px}.equip-card-slot{color:#888;margin-top:4px;font-size:10px}.equip-card.rarity-normal{background:#282828e6;border:1px solid #666}.equip-card.rarity-normal .equip-card-rarity{color:#999}.equip-card.rarity-normal .equip-card-name{color:#ccc}.equip-card.rarity-normal .equip-card-stat{color:#aaa}.equip-card.rarity-normal .stat-value{color:#8c8}.equip-card.rarity-excellent{background:#142814e6;border:2px solid #4a4}.equip-card.rarity-excellent .equip-card-rarity{color:#4c4}.equip-card.rarity-excellent .equip-card-name{color:#ccc}.equip-card.rarity-excellent .equip-card-stat{color:#aaa}.equip-card.rarity-excellent .stat-value{color:#8c8}.equip-card.rarity-rare{background:linear-gradient(#14143cf2,#0a0a28f2);border:2px solid #48f;box-shadow:0 0 8px #4488ff4d}.equip-card.rarity-rare .equip-card-rarity{color:#49f;letter-spacing:2px}.equip-card.rarity-rare .equip-card-name{color:#ddd}.equip-card.rarity-rare .equip-card-stat{color:#aaa}.equip-card.rarity-rare .stat-value{color:#6da;font-weight:700}.equip-card.rarity-epic{background:linear-gradient(#280f3cf2,#140528f2);border:2px solid #a4f;box-shadow:0 0 12px #a4f6}.equip-card.rarity-epic .equip-card-rarity{color:#c6f;letter-spacing:2px;text-shadow:0 0 4px #aa44ff80}.equip-card.rarity-epic .equip-card-name{color:#eee;font-weight:700}.equip-card.rarity-epic .equip-card-stat{color:#bbb}.equip-card.rarity-epic .stat-value{color:#fc4;text-shadow:0 0 4px #ffc8004d;font-weight:700}.equip-card.rarity-legendary{background:linear-gradient(#3c1e0af2,#280f05f2);border:2px solid #f80;box-shadow:0 0 16px #f806,inset 0 0 20px #ff64001a}.equip-card.rarity-legendary .equip-card-rarity{color:#fa3;letter-spacing:2px;text-shadow:0 0 6px #f809}.equip-card.rarity-legendary .equip-card-name{color:#ffe0c0;text-shadow:0 0 4px #ff88004d;font-weight:700}.equip-card.rarity-legendary .equip-card-stat{color:#cca080}.equip-card.rarity-legendary .stat-value{color:#fa4;text-shadow:0 0 6px #ff640080;font-weight:700}.equip-card.rarity-mythical{background:linear-gradient(#3c0f0ff2,#1e0505f2);border:2px solid #f44;box-shadow:0 0 20px #ff323266,0 0 40px #ffc80026,inset 0 0 30px #ff32001a}.equip-card.rarity-mythical .equip-card-rarity{color:#f66;letter-spacing:3px;text-shadow:0 0 8px #ff3232b3}.equip-card.rarity-mythical .equip-card-name{color:#ffc0c0;text-shadow:0 0 6px #ff323266;font-weight:700}.equip-card.rarity-mythical .equip-card-stat{color:#c88}.equip-card.rarity-mythical .stat-value{color:#f66;text-shadow:0 0 8px #ff320099;font-weight:700}.equip-card.rarity-secret{background:linear-gradient(135deg,#3c1428f2,#14143cf2,#143228f2);border:2px solid;border-image:linear-gradient(135deg,#f48,#fa0,#4f8,#48f,#a4f) 1;box-shadow:0 0 24px #ff64c84d,0 0 48px #64c8ff26}.equip-card.rarity-secret .equip-card-rarity{letter-spacing:3px;background:linear-gradient(90deg,#f48,#fa0,#4f8,#48f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.equip-card.rarity-secret .equip-card-name{background:linear-gradient(90deg,#fc4,#f84);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.equip-card.rarity-secret .equip-card-stat{color:#cac}.equip-card.rarity-secret .stat-value{background:linear-gradient(90deg,#f48,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.rarity-prefix{margin-right:2px}.world-card{text-align:center;cursor:pointer;border-radius:8px;width:150px;transition:all .2s;overflow:hidden}.world-card:hover{transform:translateY(-2px)}.world-card.selected{border-color:gold!important;box-shadow:0 0 16px #ffd70066!important}.world-card-banner{justify-content:center;align-items:center;height:50px;font-size:28px;display:flex}.world-card-body{padding:10px}.world-card-name{font-size:15px;font-weight:700}.world-card-difficulty{color:#fa0;margin-top:6px;font-size:12px}.world-card-desc{color:#aaa;margin-top:4px;font-size:11px}.world-card-reward{border-radius:3px;margin-top:6px;padding:3px 6px;font-size:10px;display:inline-block}.world-card.world-forest{background:linear-gradient(#0f280ff2,#0a190af2);border:2px solid #383}.world-card.world-forest .world-card-banner{background:linear-gradient(#22883380,#14501e4d)}.world-card.world-forest .world-card-name{color:#8c8}.world-card.world-desert{background:linear-gradient(#2d1e0af2,#1e1205f2);border:2px solid #a83}.world-card.world-desert .world-card-banner{background:linear-gradient(#c826,#78501433)}.world-card.world-desert .world-card-name{color:#da6}.world-card.world-snow{background:linear-gradient(#0f192df2,#0a0f23f2);border:2px solid #69c;box-shadow:0 0 8px #6496c833}.world-card.world-snow .world-card-banner{background:linear-gradient(#8be6,#5078b433)}.world-card.world-snow .world-card-name{color:#adf}.world-card.world-lava{background:linear-gradient(#320f05f2,#1e0803f2);border:2px solid #c40;box-shadow:0 0 12px #c83c004d}.world-card.world-lava .world-card-banner{background:linear-gradient(#c206,#96280033)}.world-card.world-lava .world-card-name{color:#f86}.world-card.world-shadow{background:linear-gradient(#1e0a28f2,#0f0519f2);border:2px solid #73a;box-shadow:0 0 16px #7832aa4d,inset 0 0 20px #6400961a}.world-card.world-shadow .world-card-banner{background:linear-gradient(#44226680,#280f3c4d)}.world-card.world-shadow .world-card-name{color:#c8f;text-shadow:0 0 6px #a4f6}.diff-easy{color:#8c8}.diff-medium{color:#fa0}.diff-hard{color:#f64;font-weight:700}.reward-normal{color:#777;background:#ffffff0d}.reward-rich{color:#4c4;background:#44cc441a;font-weight:700}.reward-extreme{color:#fc4;text-shadow:0 0 4px #ffc8004d;background:#ffc8441a;font-weight:700}.levelup-confirm{color:#4f4;cursor:pointer;background:linear-gradient(#363,#242);border:2px solid #4f4;border-radius:8px;margin-top:20px;padding:8px 32px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 0 8px #4f43}.levelup-confirm:disabled{opacity:.3;cursor:default;box-shadow:none}.levelup-confirm:not(:disabled):hover{background:linear-gradient(#484,#363);box-shadow:0 0 12px #4f46}@media (orientation:portrait) and (width<=1024px){#levelup-screen{display:none!important}}#result-screen{z-index:200;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-family:Noto Sans TC,system-ui,sans-serif;display:none;position:fixed;inset:0}#result-screen.victory{background:linear-gradient(#2a2a10 0%,#3a3a20 100%)}#result-screen.defeat{background:linear-gradient(#2a1010 0%,#3a1515 100%)}#result-content{flex-direction:column;align-items:center;padding:20px;display:flex}.result-title{margin-bottom:12px;font-size:42px;font-weight:700}.result-title.victory{color:gold}.result-title.defeat{color:#f44}.result-subtitle{margin-bottom:30px;font-size:18px}.result-subtitle.victory{color:#fd8}.result-subtitle.defeat{color:#c88}.result-stats{flex-direction:column;align-items:center;gap:8px;margin-bottom:40px;display:flex}.result-stat{text-shadow:0 1px 4px #00000080;font-size:20px}.result-stat.victory{color:#fd8}.result-stat.defeat{color:#caa}.result-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.result-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 40px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:18px;font-weight:700;transition:all .2s}.result-btn:hover{transform:translateY(-1px)}.result-btn-primary{color:gold;background:linear-gradient(#442,#333318);border:2px solid gold;box-shadow:0 0 8px #ffd70033}.result-btn-primary:hover{box-shadow:0 0 16px #ffd70066}.result-btn-danger{color:#f66;background:linear-gradient(#422,#331515);border:2px solid #f44;box-shadow:0 0 8px #f443}.result-btn-danger:hover{box-shadow:0 0 16px #f446}.result-btn-secondary{color:#aaa;background:#333;border:1px solid #666;padding:8px 30px;font-size:14px}.result-btn-secondary:hover{color:#ccc;background:#444}.result-star{pointer-events:none;font-size:20px;animation:linear forwards starFall;position:fixed}@keyframes starFall{0%{opacity:1;transform:translateY(-30px)}to{opacity:0;transform:translateY(100dvh)}}@media (orientation:portrait) and (width<=1024px){#result-screen{display:none!important}}#prepare-screen{color:#ccc;z-index:200;-webkit-user-select:none;user-select:none;background:linear-gradient(#1a1a30 0%,#252545 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;font-family:Noto Sans TC,system-ui,sans-serif;display:none;position:fixed;inset:0;overflow-y:auto}#prepare-content{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.prepare-title{color:gold;margin-bottom:4px;font-size:28px;font-weight:700}.prepare-subtitle{color:#aaa;margin-bottom:16px;font-size:13px}.prepare-slots{flex-direction:column;gap:4px;width:100%;margin-bottom:12px;display:flex}.prepare-slot{cursor:pointer;background:#323250b3;border:1px solid #448;border-radius:6px;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.prepare-slot:hover{background:#3c3c64cc;border-color:#66a}.prepare-slot.active{background:#46466ecc;border-color:#88c}.prepare-slot-type{color:#888;flex-shrink:0;width:80px;font-size:13px}.prepare-slot-name{flex:1;font-size:13px}.prepare-slot-name.empty{color:#555}.prepare-slot-stat{color:#afa;font-size:12px}.prepare-bag-info{color:#888;margin-bottom:12px;font-size:12px}.prepare-options{flex-direction:column;gap:3px;width:100%;max-height:180px;margin-bottom:16px;display:flex;overflow-y:auto}.prepare-option{cursor:pointer;background:#1e1e37e6;border:1px solid #444;border-radius:4px;align-items:center;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.prepare-option:hover{background:#323250e6}.prepare-option-text{flex:1}.prepare-no-items{color:#666;text-align:center;padding:8px;font-size:12px}.prepare-unequip{color:#f66;cursor:pointer;background:#3c1e1ecc;border:1px solid #f44;border-radius:4px;padding:6px 20px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.prepare-unequip:hover{background:#501e1ee6}.prepare-start{color:#4f4;cursor:pointer;background:linear-gradient(#363,#242);border:2px solid #4f4;border-radius:8px;margin-top:8px;padding:10px 40px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 0 8px #4f43}.prepare-start:hover{background:linear-gradient(#484,#363);box-shadow:0 0 16px #4f46}@media (orientation:portrait) and (width<=1024px){#prepare-screen{display:none!important}}#inventory-screen{color:#ccc;z-index:200;-webkit-user-select:none;user-select:none;background:#000000d9;justify-content:center;align-items:center;font-family:Noto Sans TC,system-ui,sans-serif;display:none;position:fixed;inset:0}#inventory-content{flex-direction:column;align-items:center;width:100%;max-width:750px;padding:12px;display:flex}.inv-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.inv-title{color:gold;font-size:24px;font-weight:700}.inv-close{color:#f66;cursor:pointer;background:#3c1e1ecc;border:1px solid #f44;border-radius:4px;padding:4px 14px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:13px;font-weight:700}.inv-close:hover{background:#501e1ee6}.inv-body{gap:16px;width:100%;display:flex}.inv-equip-panel{flex-shrink:0;width:220px}.inv-equip-label{color:#aaa;margin-bottom:6px;font-size:14px;font-weight:700}.inv-equip-slots{flex-direction:column;gap:3px;display:flex}.inv-equip-slot{cursor:pointer;background:#282846b3;border:1px solid #448;border-radius:4px;align-items:center;padding:5px 8px;font-size:12px;transition:all .15s;display:flex}.inv-equip-slot:hover{background:#32325acc}.inv-equip-slot-type{color:#888;flex-shrink:0;width:65px}.inv-equip-slot-name{color:#666;flex:1}.inv-locked-msg{text-align:center;color:#f66;margin-top:8px;font-size:12px;font-weight:700}.inv-grid-panel{flex:1}.inv-grid-header{color:#aaa;margin-bottom:6px;font-size:13px;font-weight:700}.inv-grid{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.inv-cell{aspect-ratio:1;cursor:pointer;background:#19192dcc;border:1px solid #335;border-radius:2px;justify-content:center;align-items:center;font-size:11px;transition:all .1s;display:flex}.inv-cell.has-item{background:#28283ce6}.inv-cell.has-item:hover{background:#373750e6}.inv-cell.selected{border:2px solid gold}.inv-detail{background:#282846cc;border:1px solid #448;border-radius:6px;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 12px;display:none}.inv-detail.visible{display:flex}.inv-detail-text{flex:1;font-size:13px}.inv-detail-btn{cursor:pointer;border:none;border-radius:4px;padding:5px 14px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.inv-btn-equip{color:#4f4;background:#363;border:1px solid #4f4}.inv-btn-equip:hover{background:#484}.inv-btn-discard{color:#f66;background:#633;border:1px solid #f44}.inv-btn-discard:hover{background:#844}.inv-merge-row{align-items:center;gap:8px;margin-top:8px;display:flex}.inv-merge-btn{color:#c84;cursor:pointer;background:#3c2d1ee6;border:1px solid #c84;border-radius:4px;padding:5px 16px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:12px;font-weight:700}.inv-merge-btn:hover{background:#50371ee6}.inv-merge-confirm{color:#4f4;cursor:pointer;background:#363;border:1px solid #4f4;border-radius:4px;padding:5px 16px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:12px;font-weight:700;display:none}.inv-merge-confirm.visible{display:inline-block}.inv-message{pointer-events:none;z-index:300;border-radius:6px;padding:8px 20px;font-size:15px;font-weight:700;animation:1.5s ease-out forwards invMsgFade;position:fixed;top:40%;left:50%;transform:translate(-50%)}.inv-message.success{color:#4f4;background:#1e3c1ee6}.inv-message.error{color:#f66;background:#3c1e1ee6}@keyframes invMsgFade{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-30px)}}@media (orientation:portrait) and (width<=1024px){#inventory-screen{display:none!important}}