:root{
  --bg:#101511;--panel:rgba(23,31,25,.96);--panel2:#222d25;--line:#68715f;--text:#f0ecdf;--muted:#aaa99d;
  --accent:#c99a55;--accent2:#e1bd76;--danger:#c74f43;--good:#70b27b;--purple:#9f70c6;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button{font:inherit;color:inherit;border:1px solid #6b735f;background:#293329;border-radius:10px;padding:11px 16px;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:linear-gradient(#b8884b,#825b32);border-color:#d8b476;font-weight:700}.danger{background:#552c2c;border-color:#a8554f}.compact{padding:9px 14px}.screen{position:fixed;inset:0;display:none}.screen.active{display:block}.hidden{display:none!important}img{max-width:100%}
.loading-screen{background:radial-gradient(circle at 50% 35%,#394532,#101510 65%);align-items:center;justify-content:center}.loading-screen.active{display:flex}.loading-card{text-align:center;width:min(420px,88vw)}.seal-mark{width:82px;height:82px;margin:auto;border:3px double #d1a864;display:grid;place-items:center;font-size:40px;font-family:serif;transform:rotate(-3deg);background:#7b302b}.loading-card h1{font-family:serif;letter-spacing:4px}.loading-card p{color:var(--muted)}.load-track{height:10px;background:#222;border:1px solid #555;border-radius:10px;overflow:hidden}.load-track div{height:100%;width:0;background:linear-gradient(90deg,#82613c,#e0bb70)}.loading-card b{display:block;margin-top:10px}
.menu-screen{background:linear-gradient(90deg,rgba(10,14,11,.97) 0%,rgba(12,16,13,.82) 42%,rgba(8,10,8,.28)),url('assets/menu-bg.webp') center 30%/cover}.menu-panel{height:100%;width:min(650px,100%);display:flex;flex-direction:column;justify-content:center;padding:calc(36px + var(--safe-top)) 7vw calc(30px + var(--safe-bottom));background:linear-gradient(90deg,rgba(13,18,14,.93),rgba(13,18,14,.58),transparent)}.brand .eyebrow{color:#cfaa69;letter-spacing:3px}.brand h1{font-family:serif;font-size:clamp(42px,8vw,76px);line-height:.98;margin:18px 0;text-shadow:0 4px 16px #000}.brand h1 em{font-style:normal;color:#d4a55f}.brand p{max-width:540px;line-height:1.8;color:#d0cec4}.meta-strip{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.meta-strip span{background:rgba(31,40,32,.88);border:1px solid #59604f;padding:7px 12px;border-radius:999px}.meta-strip b{color:#e3bd75}.menu-actions{display:flex;flex-direction:column;gap:10px;width:min(350px,100%)}.menu-actions button{font-size:18px}.compat{font-size:12px;color:#8f9387;margin-top:20px}
.page-header{min-height:82px;padding:calc(12px + var(--safe-top)) 18px 12px;display:flex;align-items:center;gap:16px;background:#182019;border-bottom:1px solid #4f594b;position:sticky;top:0;z-index:5}.page-header div{flex:1}.page-header small{color:#c8a264}.page-header h2{margin:3px 0;font-family:serif}.back-btn{padding:8px 12px}.prepare-screen,.info-screen{background:radial-gradient(circle at top,#303b30,#111612 58%);overflow:auto}.prepare-content,.info-content{width:min(1120px,94vw);margin:20px auto 50px}.prepare-content h3,.management-panel h3{font-family:serif;color:#ddc28b;margin:0}.character-grid,.weapon-grid,.map-grid{display:grid;gap:10px;margin-top:10px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.weapon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.select-card{position:relative;background:rgba(31,40,32,.91);border:1px solid #596354;border-radius:12px;padding:12px;text-align:left;min-height:92px}.select-card.selected{border-color:#e0b868;box-shadow:inset 0 0 0 2px #9f7541}.select-card.locked{filter:grayscale(.7);opacity:.68}.character-card{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}.character-card img{width:88px;height:88px;object-fit:cover;image-rendering:pixelated;border:3px solid #c39a57;border-radius:50%;background:#182019}.select-card h4{margin:0 0 4px}.select-card p{font-size:12px;color:#b8b8ae;margin:4px 0;line-height:1.45}.select-card .tag{display:inline-block;font-size:11px;color:#e3c183;border:1px solid #77684f;border-radius:8px;padding:2px 6px}.selection-summary{margin-top:20px;background:#202a22;border:1px solid #5a6457;padding:16px;border-radius:12px;line-height:1.7}.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:18px;background:#202920;border:1px solid #4e594d;border-radius:12px}.flow span{padding:8px 12px;background:#2e382e;border-radius:9px}.flow i{color:#cba766}.info-grid,.stats-grid,.economy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.info-grid section,.stats-grid>div,.economy-grid>div{background:#202920;border:1px solid #4e594d;padding:16px;border-radius:12px}.info-grid h3{color:#d9b776}.warehouse-content{display:grid;gap:14px}.management-panel{background:#202920;border:1px solid #4e594d;padding:16px;border-radius:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #3d473d}.section-title span{font-size:12px;color:#aaa}.upgrade-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.upgrade-card{background:#2b352c;border:1px solid #586357;border-radius:10px;padding:12px}.upgrade-card p{color:#aaa;font-size:12px}.warehouse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.warehouse-item{min-height:88px;text-align:left;padding:8px;background:#2b352c}.warehouse-item small{color:#aaa}.warehouse-item.locked-item{border-color:#d0ad69}.pending-panel{border-top:1px solid #4a5549;margin-top:12px;padding-top:10px}.pending-panel p{color:#d6b788}.unlock-list{margin:12px 0 0}.unlock-row{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #3d473d}.unlock-row:last-child{border:0}.unlock-row img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid #b18a50}.unlock-row div{flex:1}.unlock-row small{color:#aaa}.unlock-row button{padding:7px 10px}
.game-screen{background:#000}.game-screen.active{display:block}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;padding:calc(10px + var(--safe-top)) 12px calc(10px + var(--safe-bottom));font-size:13px}.hud button,.inventory,.modal,.mobile-controls{pointer-events:auto}.top-left,.top-center,.top-right{position:absolute;top:calc(10px + var(--safe-top));background:rgba(13,18,14,.86);border:1px solid rgba(126,137,117,.78);border-radius:12px;backdrop-filter:blur(4px)}.hero-panel{left:10px;width:330px;min-height:92px;padding:8px;display:grid;grid-template-columns:76px 1fr;gap:9px}.hero-panel>img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:3px solid #d3aa62;background:#182019}.hero-hud-info{min-width:0}.hero-title{display:flex;justify-content:space-between;align-items:center;gap:5px}.hero-title b{font-size:16px}.hero-title span{font-size:11px;color:#d2b475}.hp-bar{height:11px;background:#2c2625;border-radius:8px;overflow:hidden;margin:7px 0}.hp-bar i{display:block;height:100%;background:linear-gradient(90deg,#488a58,#73bd7c);width:100%}.hero-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c4c1b3;white-space:nowrap}.top-center{left:50%;transform:translateX(-50%);padding:7px 13px;text-align:center}.top-center b{display:block;font-size:22px;color:#f0d398}.top-center span{font-size:11px;color:#b9b8ad}.top-right{right:10px;padding:5px;display:flex;gap:5px;align-items:center}.run-currency{display:flex;align-items:center;gap:3px;padding:2px 6px;border-right:1px solid #4c574a}.run-currency img,.seal-badge img{width:28px;height:28px}.run-currency b{color:#e7c16f}.hud-icon-btn{position:relative;width:46px;height:42px;padding:4px;background:#283129}.hud-icon-btn img{width:32px;height:32px}.bag-hud{width:65px}.bag-hud b{position:absolute;right:2px;bottom:1px;font-size:9px;background:#182019;padding:1px 3px;border-radius:5px}.mission-banner{position:absolute;top:calc(110px + var(--safe-top));left:50%;transform:translateX(-50%);background:rgba(32,42,34,.86);border:1px solid #786d50;padding:7px 14px;border-radius:999px;max-width:72vw;text-align:center}.interaction-prompt{position:absolute;left:50%;bottom:190px;transform:translateX(-50%);background:rgba(10,14,11,.9);border:1px solid #c19d5f;padding:10px 16px;border-radius:10px}.extract-panel{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);background:rgba(14,20,16,.94);border:1px solid #8ca377;padding:10px;border-radius:10px;width:240px;text-align:center}.extract-panel div,.boss-bar div{height:8px;background:#292f29;margin:6px 0;border-radius:8px;overflow:hidden}.extract-panel i{display:block;height:100%;background:#83b77b;width:0}.boss-bar{position:absolute;top:calc(110px + var(--safe-top));left:50%;transform:translateX(-50%);width:min(460px,72vw);background:rgba(36,15,15,.92);border:1px solid #a84e43;padding:7px 12px;border-radius:10px;text-align:center}.boss-bar i{display:block;height:100%;background:linear-gradient(90deg,#7b1f1f,#d14d3d);width:100%}.toast{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);background:rgba(20,25,20,.94);border:1px solid #a58450;border-radius:10px;padding:10px 18px;opacity:0;transition:opacity .2s;text-align:center;max-width:78vw}.toast.show{opacity:1}
.mobile-controls{position:absolute;inset:0;pointer-events:none}.joystick{display:none;position:absolute;left:22px;bottom:calc(24px + var(--safe-bottom));width:132px;height:132px;border-radius:50%;background:rgba(38,47,40,.56);border:2px solid rgba(190,196,178,.45);pointer-events:auto;touch-action:none}.joystick i{position:absolute;left:41px;top:41px;width:48px;height:48px;border-radius:50%;background:rgba(216,190,134,.78);border:2px solid #f1d391}.action-cluster{display:none;position:absolute;right:12px;bottom:calc(14px + var(--safe-bottom));width:250px;height:228px;pointer-events:auto}.action{position:absolute;border-radius:50%;padding:0;background:rgba(40,52,43,.88);border:2px solid #8e987f;width:68px;height:68px;touch-action:none;overflow:hidden}.action img{width:100%;height:100%;object-fit:cover}.action b{position:absolute;left:4px;right:4px;bottom:3px;font-size:10px;background:rgba(14,18,15,.72);border-radius:8px;padding:1px}.action.attack{right:0;bottom:55px;width:94px;height:94px;background:rgba(126,54,46,.9);border-color:#c77c62}.action.tactical{right:96px;bottom:104px}.action.ult{right:112px;bottom:20px;width:76px;height:76px;border-color:#c6a15d}.action.potion{right:8px;bottom:0;width:58px;height:58px}.action.interact{right:178px;bottom:132px;width:64px;height:64px;background:rgba(69,91,66,.92)}.action.cooling{filter:grayscale(.85);opacity:.7}
.inventory{position:absolute;right:12px;top:82px;width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 105px);overflow:auto;background:rgba(22,29,24,.98);border:1px solid #727d6b;border-radius:14px;padding:14px}.inventory header{display:flex;justify-content:space-between;align-items:center}.inventory h3{margin:2px 0}.inventory header small{color:#c6a467}.fixed-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.fixed-slot{padding:6px;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2b352c}.fixed-slot img{width:38px;height:38px}.fixed-slot span{font-size:10px;color:#aaa}.fixed-slot b{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safe-section{display:grid;grid-template-columns:1fr 130px;gap:8px;align-items:center;background:#202c24;border:1px solid #536456;border-radius:10px;padding:8px;margin-bottom:8px}.safe-section>div{display:grid;grid-template-columns:40px 1fr;align-items:center}.safe-section img{width:36px;grid-row:1/3}.safe-section small{color:#91ad93}.safe-slot{height:55px;background:#29372e}.inventory-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inv-slot{position:relative;min-height:82px;background:#2b352c;border:1px solid #596355;border-radius:8px;padding:8px;font-size:12px;text-align:left}.inv-slot.selected{border-color:#d8b36b;box-shadow:inset 0 0 0 2px #7a603a}.inv-slot.empty{opacity:.45;display:grid;place-items:center}.inv-slot .lock-mark{position:absolute;right:4px;top:3px;color:#e0b86d}.item-detail{margin-top:10px;padding:10px;border:1px solid #4c594e;border-radius:9px;background:#202920}.item-detail p{margin:0 0 8px;font-size:12px}.item-actions{display:flex;flex-wrap:wrap;gap:6px}.item-actions button{padding:7px 9px;font-size:12px}
.modal{position:absolute;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.modal-card{width:min(340px,92vw);max-height:90vh;overflow:auto;background:#202920;border:1px solid #788071;border-radius:14px;padding:20px;text-align:center}.wide-card{width:min(560px,94vw)}.map-card{width:min(680px,95vw)}.modal-card button{width:100%;margin-top:10px}.modal-title-row{display:flex;align-items:center;justify-content:space-between;text-align:left}.modal-title-row h2{margin:2px 0}.modal-title-row small{color:#c6a467}.merchant-goods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.merchant-item{text-align:left;padding:10px;background:#2a352c}.merchant-item b{color:#e2bd70}.merchant-item p{font-size:11px;color:#aaa;min-height:32px}.merchant-item button{margin-top:5px}.replace-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.replace-slots button{min-height:78px;padding:7px}.map-card canvas{width:100%;height:auto;background:#111711;border:1px solid #566056;border-radius:10px}
.result-screen{background:radial-gradient(circle at 50% 30%,#394536,#111612 70%)}.result-screen.active{display:grid;place-items:center}.result-card{width:min(650px,94vw);max-height:92vh;overflow:auto;background:rgba(27,35,29,.97);border:1px solid #6d7868;border-radius:16px;padding:24px;text-align:center}.result-card small{color:#d4ad68;letter-spacing:4px}.result-card h2{font-family:serif;font-size:34px}.result-stats,.result-loot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.result-stats div,.result-loot div{background:#2a352c;border:1px solid #515c50;border-radius:9px;padding:10px}.result-details{background:#202920;border:1px solid #4d594f;border-radius:10px;padding:10px;text-align:left;margin:10px 0}.result-details ul{margin:5px 0;padding-left:22px}.result-card button{width:100%;margin-top:8px}
@media(max-width:760px){.character-grid{grid-template-columns:1fr 1fr}.weapon-grid{grid-template-columns:1fr 1fr}.map-grid,.info-grid,.economy-grid{grid-template-columns:1fr}.warehouse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-header h2{font-size:17px}.page-header{min-height:74px}.menu-panel{background:rgba(12,16,13,.7)}.hero-panel{width:245px;grid-template-columns:68px 1fr;min-height:82px}.hero-panel>img{width:66px;height:66px}.top-center{top:calc(99px + var(--safe-top))}.mission-banner{top:calc(145px + var(--safe-top));font-size:11px}.top-right{top:calc(10px + var(--safe-top))}.joystick,.action-cluster{display:block}.interaction-prompt{bottom:198px}.extract-panel{bottom:180px}.boss-bar{top:calc(145px + var(--safe-top));width:64vw}.brand h1{font-size:52px}.result-stats,.result-loot{grid-template-columns:repeat(2,1fr)}.fixed-slots{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.top-left{width:210px}.hero-panel{grid-template-columns:58px 1fr;min-height:72px}.hero-panel>img{width:56px;height:56px}.hero-title b{font-size:14px}.hero-meta{font-size:9px}.top-right{gap:2px}.run-currency{padding:1px 3px}.run-currency img,.seal-badge img{width:24px;height:24px}.hud-icon-btn{width:38px;height:36px;padding:3px}.hud-icon-btn img{width:28px;height:28px}.bag-hud{width:53px}.top-center{top:calc(104px + var(--safe-top))}.mission-banner{top:calc(174px + var(--safe-top));max-width:86vw}.boss-bar{top:calc(174px + var(--safe-top));width:82vw}.character-grid{grid-template-columns:1fr}.character-card{grid-template-columns:82px 1fr}.character-card img{width:78px;height:78px}.menu-panel{padding-left:24px;padding-right:24px}.brand p{font-size:14px}.action-cluster{transform:scale(.9);transform-origin:right bottom}.joystick{transform:scale(.9);transform-origin:left bottom}.inventory{top:74px}.inventory-slots{grid-template-columns:repeat(3,1fr)}.safe-section{grid-template-columns:1fr 105px}.warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-actions{grid-template-columns:1fr}.merchant-goods{grid-template-columns:1fr}}
@media(max-width:360px){.top-left{width:190px}.hero-panel{grid-template-columns:50px 1fr}.hero-panel>img{width:48px;height:48px}.top-right .run-currency{display:none}.action-cluster{transform:scale(.82)}.joystick{transform:scale(.82)}.fixed-slots{grid-template-columns:repeat(2,1fr)}}
.action.ready{border-color:#9ee29d;box-shadow:0 0 0 3px rgba(112,178,123,.25)}
@media(max-width:520px){#mapBtn{display:none}.top-right{max-width:145px}.run-currency{border-right:0;padding:1px 2px}.run-currency img{width:22px;height:22px}}

/* V1.13 综合优化 */
.menu-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(430px,100%)}.menu-actions-grid .wide-menu{grid-column:1/-1}.menu-actions-grid button{font-size:15px;padding:10px 12px}.loadout-section{margin-top:18px}.loadout-grid,.supply-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.loadout-card,.supply-card{min-height:92px;text-align:left;background:#273128;border:1px solid #566052;border-radius:11px;padding:10px}.loadout-card.selected,.supply-card.selected{border-color:#d7b36f;box-shadow:inset 0 0 0 2px #775b37}.loadout-card small,.supply-card small{display:block;color:#aaa;margin-top:4px}.loadout-card .price,.supply-card .price{color:#e4bd72}.selection-summary strong{color:#efce8b}.risk-warning{display:block;color:#e7aa83;margin-top:8px}.character-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-profile{background:#202920;border:1px solid #4e594d;border-radius:12px;padding:14px;display:grid;grid-template-columns:100px 1fr;gap:12px}.character-profile img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #caa25c}.character-profile h3{margin:0;color:#e5c27d}.character-profile p{font-size:12px;color:#bbb;line-height:1.55}.collection-summary{display:flex;align-items:center;gap:16px;padding:15px;background:#202920;border:1px solid #4e594d;border-radius:12px}.collection-summary b{font-size:28px;color:#e3bd73}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.relic-card{background:#202920;border:1px solid #4e594d;border-radius:12px;padding:14px;min-height:200px;position:relative}.relic-card.locked{filter:grayscale(.9);opacity:.55}.relic-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-family:serif;font-size:28px;background:radial-gradient(circle,#76613c,#2a3027 70%);border:3px double #cfa965;color:#f0d18c}.relic-card h3{margin:9px 0 4px}.relic-card p{font-size:12px;color:#b5b5aa;line-height:1.5}.relic-card button{width:100%;margin-top:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#202920;border:1px solid #4e594d;border-radius:10px;padding:12px}.setting-row small{display:block;color:#aaa;margin-top:3px}.setting-row input[type=checkbox]{width:22px;height:22px}.setting-row select,.setting-row input[type=range]{min-width:120px}.recent-runs{display:grid;gap:7px;margin-top:10px}.recent-run{display:grid;grid-template-columns:1.2fr 1fr .7fr .8fr .7fr;gap:8px;padding:9px;background:#2a342b;border-radius:8px;font-size:12px}.character-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-stat{display:grid;grid-template-columns:48px 1fr;gap:8px;background:#2a342b;border-radius:9px;padding:8px}.character-stat img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #b88d50}.search-panel{position:absolute;left:50%;bottom:215px;transform:translateX(-50%);width:250px;background:rgba(14,19,15,.94);border:1px solid #c4a166;border-radius:12px;padding:9px 12px;text-align:center}.search-panel span{display:block;font-size:12px;color:#d6c6a5;margin:4px}.search-panel div{height:8px;background:#262d27;border-radius:8px;overflow:hidden}.search-panel i{display:block;height:100%;width:0;background:linear-gradient(90deg,#887044,#e0bd72)}.interact-progress{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#e4be72 var(--search-progress,0%),rgba(255,255,255,.08) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);pointer-events:none}.loot-card{width:min(600px,94vw)}.loot-spinner{height:150px;display:grid;place-items:center;position:relative;margin:8px 0}.loot-spinner:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;border:2px dashed #9d8150;animation:lootspin 2s linear infinite}.loot-focus{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#303a30;border:3px solid #d0aa64;font-size:18px;color:#efd18f}.loot-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.loot-item{background:#2a342b;border:1px solid #526052;border-radius:9px;padding:8px;font-size:12px}.loot-item.picked{opacity:.45}.damage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(190,33,27,0);transition:box-shadow .12s}.damage-vignette.show{box-shadow:inset 0 0 95px rgba(190,33,27,.58)}.hud.shaking{animation:hudshake .18s linear}.game-screen.shaking canvas{animation:canvasshake .18s linear}.action.searching .interact-progress{display:block}.action:not(.searching) .interact-progress{display:none}.quality-0{border-color:#cfcbbf!important}.quality-1{border-color:#6fca7e!important}.quality-2{border-color:#65a8e9!important}.quality-3{border-color:#b77de1!important}
@keyframes lootspin{to{transform:rotate(360deg)}}@keyframes hudshake{0%,100%{transform:translate(0)}25%{transform:translate(3px,-2px)}75%{transform:translate(-3px,2px)}}@keyframes canvasshake{0%,100%{transform:translate(0)}25%{transform:translate(4px,0)}75%{transform:translate(-4px,1px)}}
@media(max-width:760px){.loadout-grid,.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-page-grid,.collection-grid{grid-template-columns:1fr 1fr}.character-profile{grid-template-columns:78px 1fr}.character-profile img{width:76px;height:76px}.settings-grid{grid-template-columns:1fr}.character-stats-grid{grid-template-columns:1fr 1fr}.search-panel{bottom:235px}.recent-run{grid-template-columns:1fr 1fr 1fr}.recent-run span:nth-child(4),.recent-run span:nth-child(5){display:none}}
@media(max-width:520px){.menu-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menu-actions-grid button{font-size:14px;padding:9px 7px}.character-page-grid,.collection-grid{grid-template-columns:1fr}.loot-items{grid-template-columns:repeat(2,minmax(0,1fr))}.character-stats-grid{grid-template-columns:1fr}.search-panel{bottom:205px;width:210px}.interaction-prompt{bottom:176px}.action.interact{right:170px;bottom:139px}}
/* V1.13 mobile control spacing correction: all circles keep at least an 8px visual gap. */
.action.attack{right:0;bottom:28px}
.action.potion{right:96px;bottom:0}
.action.ult{right:104px;bottom:72px}
.action.tactical{right:182px;bottom:85px}
.action.interact{right:186px;bottom:166px}
@media(max-width:520px){.action.interact{right:186px;bottom:166px}}

/* V1.13：320px窄屏操作区最终避让 */
@media(max-width:360px){
  .action-cluster{transform:scale(.78)}
  .joystick{transform:scale(.78)}
  .action.tactical{right:165px;bottom:150px}
  .action.interact{right:165px;bottom:220px}
}