*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#0a0812;touch-action:none;overscroll-behavior:none}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#d8d2c4}#game{position:fixed;inset:0;width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}#textcanvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.hidden{display:none!important}.dim{color:#776f8a;font-size:11px;font-weight:400}.screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a1426,#0a0812 70%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.title-box{text-align:center;max-width:520px;width:92%}.game-title{font-size:56px;font-weight:900;letter-spacing:14px;color:#e8e0c8;text-shadow:0 0 24px #6b4ce6aa,0 4px 0 #000;margin-bottom:6px}.game-sub{font-size:13px;letter-spacing:6px;color:#9a8fc0;margin-bottom:42px}.title-tip{margin-top:26px;font-size:12px;line-height:1.9;color:#776f8a}.btn{display:inline-block;background:#241e36;color:#d8d2c4;border:2px solid #3d3558;padding:10px 22px;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 3px #000;border-radius:4px;margin:4px}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn-big{font-size:18px;padding:13px 36px}.btn-gold{background:#4a3a14;border-color:#c9a227;color:#ffe9a8;text-shadow:0 1px 0 #000}.btn-red{background:#3d1420;border-color:#8a2438;color:#ff9aa8}.icon-btn{background:#241e36cc;border:2px solid #3d3558;color:#d8d2c4;font-size:17px;width:40px;height:40px;border-radius:6px}#btn-bag{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:48px;height:50px;padding:0;background:linear-gradient(155deg,#3c2d11,#241e36cc);border:2px solid #c9a227;color:#ffd95e;box-shadow:0 0 8px #c9a22766,inset 0 0 6px #ffd95e22}#btn-bag .bag-ico{width:26px;height:26px;display:block}#btn-bag .bag-l{font-size:10px;font-weight:700;line-height:1;letter-spacing:.5px}#btn-bag:active{border-color:#ffd95e;box-shadow:0 0 14px #ffd95eaa}#btn-bag .bag-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 3px;box-sizing:border-box;background:#e8473f;color:#fff;border:1.5px solid #1a1320;border-radius:9px;font-size:11px;font-weight:700;line-height:15px;text-align:center;pointer-events:none}#btn-bag .bag-badge.hidden{display:none}#btn-bag.bag-bump{animation:bagBump .45s ease}@keyframes bagBump{0%,to{transform:scale(1)}38%{transform:scale(1.22);box-shadow:0 0 18px #ffd95e,inset 0 0 8px #ffd95e66}}#screen-lobby{justify-content:flex-start}.lobby-head{width:100%;max-width:680px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px}.lobby-title{font-size:20px;font-weight:700;color:#e8e0c8}.gold-chip{background:#2a2310;border:1px solid #c9a227;color:#ffd95e;padding:4px 12px;border-radius:20px;font-size:15px;font-weight:700}.gold-chip.small{font-size:13px;padding:2px 10px}.claim-nudge{width:100%;max-width:680px;margin:2px auto 0;padding:7px 14px;box-sizing:border-box;cursor:pointer;background:#3a2a10;border:1px solid #c9a227;border-radius:8px;color:#ffe08a;font-size:12px;text-align:center;line-height:1.5}.claim-nudge b{color:#fff3c4}.claim-nudge:hover{background:#48340f}.lobby-scroll{width:100%;max-width:680px;flex:1;overflow-y:auto;padding:0 14px;touch-action:pan-y}.lobby-foot{width:100%;max-width:680px;display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.lobby-foot .tb{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0;padding:7px 3px;font-size:11px;line-height:1.15;white-space:nowrap;position:relative}.lobby-foot .tb .tb-i{font-size:18px;line-height:1}.lobby-foot .tb .tb-l{font-size:11px}.lobby-foot .tb .badge{top:1px;right:1px}.lobby-foot .btn-big{flex:1 1 100%;order:9;font-size:17px;padding:13px;margin:2px 0 0}@media(min-width:900px){.lobby-head,.lobby-scroll,.lobby-foot,.level-line{max-width:min(1080px,94vw)}.lobby-foot{justify-content:center}.lobby-foot .tb{flex:0 1 100px}.lobby-foot .btn-big{flex:0 1 auto;order:0;padding:13px 30px}}@media(max-width:560px){.lobby-head{flex-wrap:wrap;gap:5px 6px;padding:10px 12px 6px}.lobby-head .lobby-title{order:1;flex:1 1 auto;font-size:17px;white-space:nowrap}.lobby-head .gem-chip{order:2}.lobby-head .gold-chip{order:3}.lobby-head .gem-chip,.lobby-head .gold-chip{font-size:13px;padding:3px 10px;white-space:nowrap}.lobby-head .lobby-account{order:4;flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap}.lobby-foot{gap:5px;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:560px){.lobby-foot{gap:5px;padding:5px 8px calc(5px + env(safe-area-inset-bottom))}.lobby-foot .tb{padding:4px 3px}.lobby-foot .tb .tb-i{font-size:15px}.lobby-foot .tb .tb-l{font-size:10px}.lobby-foot .btn-big{flex:2 1 0;order:0;font-size:15px;padding:9px;margin:0}}.panel{background:#171225cc;border:2px solid #2e2745;border-radius:6px;padding:10px 12px;margin:8px 0}.panel-title{font-size:13px;color:#b9a76a;margin-bottom:8px;font-weight:700;letter-spacing:2px}.stat-summary{color:#8fc7ff;font-size:12px;font-weight:400;margin-left:8px}.attr-row{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:7px;font-size:12px}.attr-row .at{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.attr-row .at b{font-weight:600}#modal-char .attr-row{font-size:14px;gap:8px 14px;margin:10px 0;justify-content:center}.char-stats{margin-top:10px;font-size:13px;color:#cfd8e8;line-height:1.9;text-align:center}.char-stats b{color:#fff}.potion-line{margin-top:8px;font-size:13px;color:#ff9aa8}#class-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;touch-action:pan-x pan-y}.class-card{flex:0 0 108px;background:#1d1730;border:2px solid #3d3558;border-radius:6px;padding:8px 6px;text-align:center;cursor:pointer;position:relative}.class-card.locked img{filter:grayscale(.85) brightness(.55)}.class-card.locked .cname{color:#8a86a0}.class-card .cls-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0a08129e;border-radius:6px;font-size:18px;color:#ffd95e;text-shadow:0 1px 3px #000}.class-card .cls-lock span{font-size:11px;color:#ffe9a8;font-weight:700;max-width:100%;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;padding:0 2px;box-sizing:border-box}.class-card .cls-lock .cls-boss{margin-top:5px;font-size:9px;font-weight:700;line-height:1.35;color:#ff9e7a;text-shadow:0 1px 2px #000;padding:2px 5px;background:#280c08b3;border:1px solid #7a3a2a;border-radius:8px;max-width:96%}.class-card.sel{border-color:#c9a227;background:#2a2310;box-shadow:0 0 12px #c9a22755}.class-card img{width:48px;height:52px;image-rendering:pixelated}.class-card .cname{font-size:14px;font-weight:700;color:#e8e0c8;margin:2px 0}.class-card .cdesc{font-size:10px;color:#9a8fc0;line-height:1.5;min-height:42px}.class-card .cskill{font-size:10px;color:#6db1ff;line-height:1.5}#class-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px}.cls-tab{flex:0 0 auto;padding:4px 9px;background:#1a1428;border:1px solid #3d3558;border-radius:6px;font-size:12px;color:#9a8fc0;cursor:pointer;user-select:none;white-space:nowrap}.cls-tab.on{background:#2a2310;border-color:#c9a227;color:#ffe9a8;box-shadow:0 0 8px #c9a22744}.cls-tab .cls-tab-n{font-size:9px;color:#776f8a;margin-left:3px}.cls-tab.on .cls-tab-n{color:#c9a227}.class-card .cls-diff{position:absolute;top:2px;right:2px;font-size:8px;font-weight:700;max-width:62%;line-height:1.25;text-align:right;overflow-wrap:anywhere;background:#0a08129e;padding:1px 3px;border-radius:3px;pointer-events:none;z-index:2}.class-card .cls-new{position:absolute;top:2px;left:2px;font-size:8px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff5e7e,#ff9e3d);padding:1px 4px;border-radius:3px;letter-spacing:.5px;pointer-events:none;z-index:3;box-shadow:0 0 6px #ff5e7eb3;animation:clsNewPulse 1.6s ease-in-out infinite}@keyframes clsNewPulse{0%,to{opacity:1}50%{opacity:.6}}.class-card .cmech{font-size:9px;color:#ffcf6a;font-weight:700;line-height:1.4;margin:1px 0 2px;background:#c9a2271f;border-radius:3px;padding:1px 2px}.slot-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.slot-row{display:flex;gap:8px;flex-wrap:wrap}.slot{aspect-ratio:1;min-width:40px;background:#0f0c1a;border:2px solid #2e2745;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.slot-grid .slot{min-width:0}.slot-row .slot{width:52px;flex:0 0 52px}.slot img{width:75%;height:75%;image-rendering:pixelated}.slot .slot-tag{position:absolute;top:1px;left:3px;font-size:9px;color:#776f8a}.slot .slot-cnt{position:absolute;bottom:1px;right:3px;font-size:10px;color:#ffd95e}.slot.r0{border-color:#6a6f76}.slot.r1{border-color:#b9bdc4}.slot.r2{border-color:#4caf50}.slot.r3{border-color:#42a5f5;box-shadow:0 0 6px #42a5f544}.slot.r4{border-color:#ab47bc;box-shadow:0 0 8px #ab47bc55}.slot.r5{border-color:#ffa726;box-shadow:0 0 10px #ffa72666;animation:legBreath 1.9s ease-in-out infinite}@keyframes legBreath{0%,to{box-shadow:0 0 6px #ffa72655}50%{box-shadow:0 0 14px #ffa726bb,inset 0 0 5px #ffd95e55}}.slot.sel{border-color:#c9a227!important;box-shadow:0 0 10px #c9a22799,inset 0 0 8px #c9a22755!important;animation:none!important}.slot.dnd-src{cursor:grab}.dnd-ghost{position:fixed;left:0;top:0;width:46px;height:46px;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;background:#0f0c1a;border:2px solid #ffd95e;border-radius:5px;box-shadow:0 6px 16px #000b,0 0 12px #ffd95e99;opacity:.96;display:flex;align-items:center;justify-content:center}.dnd-ghost img{width:76%;height:76%;image-rendering:pixelated}body.dnd-active{cursor:grabbing;-webkit-user-select:none;user-select:none}body.dnd-active .slot{cursor:grabbing}.slot.dnd-ok{border-color:#ffd95e!important;animation:dndPulse 1s ease-in-out infinite}.slot.dnd-over{background:#2a2440;border-color:#fff!important;box-shadow:0 0 14px #fff;transform:scale(1.07)}@keyframes dndPulse{0%,to{box-shadow:0 0 5px #ffd95e77}50%{box-shadow:0 0 13px #ffd95edd}}.dnd-zone{margin-bottom:8px;padding:14px 10px;text-align:center;color:#8a82a6;font-size:13px;border:2px dashed #3d3558;border-radius:6px;background:#140f24;user-select:none}.dnd-zone.dnd-ok{border-color:#ffd95e;color:#ffd95e;animation:dndPulse 1s ease-in-out infinite}.dnd-zone.dnd-over{background:#2a2440;border-color:#fff;color:#fff;box-shadow:0 0 14px #fff}.dnd-zone.sell-zone{color:#cf8f8f;border-color:#523a3a;background:#1a1014}.panel-title .sort-btn,.modal-title .sort-btn{float:right;padding:3px 9px;font-size:12px}.modal-bag .panel-title .sort-btn{float:right}.stash-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.stash-head-label{flex:1 1 auto;min-width:0}.stash-head-btns{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}.stash-head-btns .btn{padding:4px 11px;font-size:12px}.stash-cats{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;clear:both}.stash-cat{padding:4px 10px;font-size:12px;line-height:1;border-radius:7px;cursor:pointer;background:#241e36;color:#9a8fb0;border:1px solid #3d3558;transition:background .12s,color .12s}.stash-cat:hover{color:#d8d2c4;border-color:#5a4f80}.stash-cat.on{background:#b9a76a;color:#1a1622;border-color:#d4c084;font-weight:700}.carry-head{font-size:13px;color:#9fe0c0;font-weight:700;letter-spacing:1px;margin-bottom:6px}.carry-row{display:flex;gap:8px;margin:0 0 10px}.carry-slot{position:relative;width:46px;height:46px;padding:0;border:2px solid #5a7a6a;border-radius:8px;background:#1c2620;cursor:pointer;flex:0 0 auto}.carry-slot .carry-ico{font-size:21px;text-shadow:0 1px 2px #000}.carry-slot .carry-cnt{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:700;color:#9fe0b0;text-shadow:0 1px 2px #000}.carry-slot.carry-empty{border-style:dashed;border-color:#4a5560;opacity:.78}.carry-slot.carry-empty .carry-ico{color:#8a93a0;font-size:22px}.carry-slot.carry-out{opacity:.5}.carry-slot.carry-out .carry-cnt{color:#d08a8a}.carry-slot:hover{border-color:#8fd0b0}.monthly-card{border:2px solid #c9a227;border-radius:12px;background:linear-gradient(135deg,#2a2438,#1c1830);padding:12px 14px;margin:0 0 12px;box-shadow:0 0 14px #c9a22730}.monthly-card.mc-on{border-color:#7ee08a;box-shadow:0 0 14px #7ee08a40}.mc-head{font-size:15px;font-weight:700;color:#ffd95e;margin-bottom:8px}.mc-head .mc-status{font-size:12px;font-weight:400;color:#b9a76a}.monthly-card.mc-on .mc-head .mc-status{color:#7ee08a}.mc-perks{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin-bottom:10px}.mc-perk{font-size:12px;color:#cfc8dc;line-height:1.5}.mc-buy{width:100%}@media(max-width:420px){.mc-perks{grid-template-columns:1fr}}.modal{position:fixed;inset:0;z-index:80;background:#000000b8;display:flex;align-items:center;justify-content:center}#modal-item{z-index:85}.modal-box{background:#171225;border:2px solid #3d3558;border-radius:8px;padding:16px;width:92%;max-width:480px;max-height:86vh;overflow-y:auto;touch-action:pan-y}.small-box{max-width:340px;text-align:center}.modal-title{font-size:17px;font-weight:700;color:#e8e0c8;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.item-name{font-size:17px;font-weight:700;margin-bottom:6px}.item-stats{font-size:13px;color:#9a8fc0;line-height:1.8;margin-bottom:14px;white-space:pre-line}#item-actions{display:flex;flex-direction:column;gap:2px}.cmp-line{margin-top:4px;font-size:11px;line-height:1.6}.cmp-up{color:#7ee08a;margin-right:4px}.cmp-down{color:#ff7a8a;margin-right:4px}.goods-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:6px 10px;margin:5px 0}.goods-row img{width:30px;height:30px;image-rendering:pixelated}.goods-coin{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 30px}.goods-info{flex:1;font-size:13px}.goods-info .gstat{font-size:11px;color:#9a8fc0}.goods-buy{background:#2a2310;border:1px solid #c9a227;color:#ffd95e;padding:5px 12px;border-radius:4px;font-size:13px;font-family:inherit}.goods-buy:disabled{opacity:.4}.results-title{font-size:40px;font-weight:900;letter-spacing:8px;margin-bottom:8px}.results-title.win{color:#7ee08a;text-shadow:0 0 20px #2e8a3a}.results-title.dead{color:#e05a6a;text-shadow:0 0 20px #8a2438}.results-sub{font-size:13px;color:#9a8fc0;margin-bottom:18px}.results-list{max-height:34vh;overflow-y:auto;touch-action:pan-y;margin-bottom:12px;font-size:14px;line-height:2}.results-gold{font-size:18px;color:#ffd95e;margin-bottom:18px}#hud{position:fixed;inset:0;z-index:60;pointer-events:none;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) 8px calc(env(safe-area-inset-left) + 8px)}#hud button{pointer-events:auto}#hud-top-left{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 10px)}.hp-wrap{width:170px;height:20px;background:#1a0c10;border:2px solid #000;border-radius:3px;position:relative;box-shadow:0 0 0 1px #3d3558}#hp-fill{height:100%;width:100%;background:linear-gradient(#c43b4e,#8a2438);transition:width .15s}#hp-text{position:absolute;inset:0;text-align:center;font-size:11px;line-height:17px;color:#fff;text-shadow:0 1px 2px #000}#buff-row{margin-top:4px;font-size:11px;color:#ffd95e;text-shadow:0 1px 2px #000}#swarm-text{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:50%;transform:translate(-50%);font-size:12px;color:#ff7a8a;text-shadow:0 1px 3px #000;background:#0006;padding:3px 12px;border-radius:12px;white-space:nowrap}#hud-top-right{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 10px);text-align:right}.hud-row{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-bottom:6px}#minimap{background:#0a0812cc;border:2px solid #2e2745;border-radius:4px;image-rendering:pixelated;width:114px;height:114px;pointer-events:auto;cursor:pointer}#minimap:active{border-color:#c9a227}.bigmap-box{text-align:center}#bigmap{width:min(86vw,68vh);height:min(86vw,68vh);image-rendering:pixelated;background:#0a0812;border:3px solid #3d3558;border-radius:8px}.bigmap-tip{font-size:12px;color:#776f8a;margin-top:10px;line-height:1.8}#bossbar{position:absolute;top:calc(env(safe-area-inset-top) + 44px);left:50%;transform:translate(-50%);width:min(420px,70vw);text-align:center}#bossbar-name{font-size:12px;color:#ffb3b3;text-shadow:0 1px 2px #000;margin-bottom:2px}.boss-hp-wrap{height:10px;background:#1a0c10;border:1px solid #000;border-radius:2px}#bossbar-fill{height:100%;width:100%;background:#a32638}#channel-wrap{position:absolute;bottom:34vh;left:50%;transform:translate(-50%);width:200px;text-align:center}#channel-label{font-size:13px;color:#9fd7ff;text-shadow:0 1px 3px #000;margin-bottom:4px}.channel-bar{height:10px;background:#0f0c1a;border:1px solid #3d3558;border-radius:5px;overflow:hidden}#channel-fill{height:100%;width:0%;background:linear-gradient(90deg,#2e7fd4,#9fd7ff)}#touch-root{position:fixed;inset:0;z-index:55}#joy-zone{position:absolute;left:0;top:0;bottom:0;width:46%}#joy-base{position:absolute;width:104px;height:104px;border-radius:50%;background:#ffffff10;border:2px solid #ffffff2e;transform:translate(-50%,-50%);pointer-events:none}#joy-base.joy-idle{opacity:.4}#joy-knob{position:absolute;width:46px;height:46px;border-radius:50%;background:#d8d2c455;border:2px solid #d8d2c488;left:50%;top:50%;transform:translate(-50%,-50%)}#action-cluster{position:absolute;right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 16px);width:190px;height:190px}.act-btn{position:absolute;border-radius:50%;background:#241e36b8;border:2px solid #5a5270;color:#d8d2c4;font-family:inherit;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.act-btn:active{background:#3d3558d8}.act-label{font-size:20px;pointer-events:none;z-index:2;text-shadow:0 1px 2px #000}.attack-btn{width:84px;height:84px;right:0;bottom:0;border-color:#c9a227;background:#4a3a14b8}.attack-btn .act-label{font-size:30px}#btn-skill1{width:56px;height:56px;right:104px;bottom:16px}#btn-skill2{width:56px;height:56px;right:88px;bottom:74px}#btn-skill3{width:56px;height:56px;right:32px;bottom:114px}#btn-potion{width:46px;height:46px;right:120px;bottom:138px;border-color:#a3526a}#btn-potion .act-label{font-size:16px}#potion-count{position:absolute;bottom:2px;right:6px;font-size:11px;color:#ffd95e;z-index:2}.skill-btn .act-label{font-size:11px;line-height:1.1;white-space:normal;overflow-wrap:break-word;word-break:break-word;text-align:center;max-width:52px}#quick-consum{position:absolute;right:6px;bottom:248px;display:flex;gap:6px;pointer-events:none}.qc-btn{position:relative;width:42px;height:42px;border-color:#5a7a6a;background:#1c2620b8;pointer-events:auto}.qc-btn .qc-ico{font-size:19px;pointer-events:none;z-index:2;text-shadow:0 1px 2px #000}.qc-btn .qc-cnt{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:700;color:#9fe0b0;z-index:3;text-shadow:0 1px 2px #000;pointer-events:none}.qc-btn.qc-empty{border-style:dashed;border-color:#4a5560;opacity:.72}.qc-btn.qc-empty .qc-ico{color:#8a93a0;font-size:22px}.qc-btn.qc-out{opacity:.45}.qc-btn.qc-out .qc-cnt{color:#d08a8a}@media(orientation:landscape){body:not(.pc-mode) #quick-consum{right:238px;bottom:16px;flex-direction:column;gap:9px}body:not(.pc-mode) .qc-btn{width:36px;height:36px}body:not(.pc-mode) .qc-btn .qc-ico{font-size:16px}}.cd-mask{position:absolute;inset:0;background:#000000a8;transform-origin:bottom;transform:scaleY(0);pointer-events:none}.cd-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;z-index:3;pointer-events:none}#btn-interact{position:absolute;left:50%;right:auto;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 112px);min-width:120px;padding:11px 18px;border-radius:24px;background:#10324ad8;border:2px solid #6db1ff;color:#cfe8ff;font-size:15px;font-family:inherit;box-shadow:0 0 14px #2e7fd466;z-index:30}@media(orientation:portrait){#btn-interact{bottom:calc(env(safe-area-inset-bottom) + 216px)}}#btn-interact:active{background:#1a4a6ad8}.kb{display:none}body.pc-mode .kb{display:flex;position:absolute;bottom:2px;right:2px;min-width:15px;height:15px;padding:0 3px;align-items:center;justify-content:center;background:#0f0c1add;border:1px solid #6b6347;border-radius:3px;font-size:10px;font-weight:700;color:#ffd95e;z-index:4;pointer-events:none}body.pc-mode .kb-inline{position:static;display:inline-flex;margin-left:7px;vertical-align:middle}.ctrl-row{display:flex;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px solid #241e36;font-size:13px;text-align:left}.ctrl-row b{flex:0 0 124px;color:#ffd95e;text-align:right;font-size:12px}.ctrl-row span{color:#b9bdc4}body.pc-mode #joy-zone,body.pc-mode #joy-base{display:none!important}body.pc-mode #action-cluster{right:auto;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 12px);width:auto;height:auto;display:flex;gap:9px;align-items:flex-end}body.pc-mode .act-btn{position:relative;width:56px;height:56px;border-radius:9px;background:#131022b8;border:2px solid #3d3558;cursor:pointer;transition:border-color .12s}body.pc-mode #btn-attack,body.pc-mode #btn-skill1,body.pc-mode #btn-skill2,body.pc-mode #btn-skill3,body.pc-mode #btn-skill4,body.pc-mode #btn-potion,body.pc-mode #btn-mode{inset:auto}body.pc-mode .act-btn:hover{border-color:#c9a227}body.pc-mode .attack-btn{order:-1;border-color:#8a6e2e;background:#241c0cb8}body.pc-mode .attack-btn .act-label{font-size:26px}body.pc-mode #btn-potion{border-color:#7e4154}body.pc-mode #btn-potion .act-label{font-size:20px}body.pc-mode .act-btn .act-label{margin-bottom:8px}body.pc-mode .skill-btn .act-label{font-size:9px;line-height:1.1;max-width:52px}body.pc-mode #potion-count{bottom:auto;top:2px;right:4px}body.pc-mode #quick-consum{position:relative;right:auto;bottom:auto;display:flex;gap:9px;align-items:flex-end;pointer-events:auto}body.pc-mode .qc-btn{width:46px;height:46px;border-radius:9px}body.pc-mode .qc-btn .qc-cnt{top:2px;bottom:auto;right:4px}body.pc-mode #btn-interact{left:auto;right:50%;transform:translate(50%);bottom:calc(env(safe-area-inset-bottom) + 88px)}body.pc-mode #btn-say{left:auto;right:auto;left:calc(50% + 214px);bottom:calc(env(safe-area-inset-bottom) + 74px);width:42px;height:42px}body.pc-mode #phrase-panel{left:auto;right:calc(50% - 202px);bottom:calc(env(safe-area-inset-bottom) + 74px)}.chg-mask{position:absolute;inset:0;background:linear-gradient(0deg,#ffd95ecc,#ffd95e44);transform-origin:bottom;transform:scaleY(0);pointer-events:none;mix-blend-mode:screen}.mode-btn{width:40px;height:40px;right:150px;bottom:72px;border-color:#7e6a3e}.mode-btn .act-label{font-size:11px}body.pc-mode .mode-btn{width:44px;height:44px}#btn-skill4{width:56px;height:56px;right:166px;bottom:120px;border-color:#caa86a}#btn-skill4 .act-label{color:#f0dcb0}#btn-mount{position:absolute;left:calc(env(safe-area-inset-left) + 14px);bottom:calc(env(safe-area-inset-bottom) + 258px);pointer-events:auto;width:auto;min-width:40px;height:38px;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}#btn-mount.mounted{border-color:#c9a227;background:#4a3a14cc}#btn-mount .mount-cur{font-size:13px;font-weight:700;white-space:nowrap}body.pc-mode #btn-mount{left:calc(50% + 214px);bottom:calc(env(safe-area-inset-bottom) + 126px)}#mount-hp{position:absolute;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 48px);width:148px;height:13px;background:#1a1626cc;border:1px solid #5a4a2e;border-radius:7px;overflow:hidden;pointer-events:none;z-index:6}#mount-hp .mh-fill{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#c98a3a,#e0b070);transition:width .12s linear}#mount-hp .mh-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-shadow:0 1px 1px #000}.cd-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000;z-index:3;pointer-events:none}#vignette{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,#a3263888 100%);transition:opacity .25s}#toast{position:fixed;top:18vh;left:50%;transform:translate(-50%);z-index:90;pointer-events:none;background:#171225e8;border:1px solid #5a5270;color:#e8e0c8;padding:8px 20px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .3s;white-space:nowrap;max-width:88vw}.login-box{margin-bottom:14px}.login-box input{display:block;width:240px;margin:6px auto;padding:10px 14px;background:#0f0c1a;border:2px solid #3d3558;color:#e8e0c8;border-radius:4px;font-size:15px;font-family:inherit}.login-box input:focus{outline:none;border-color:#c9a227}.login-msg{font-size:12px;color:#ff9aa8;min-height:18px}.login-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:6px}.login-actions .btn{margin:0}.guest-row{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:5px}.guest-hint{font-size:12px;color:#9a8fc0}.btn-guest-cta{margin:0;min-width:240px;background:#2a2150;border-color:#6b4ce6;color:#cdbcff;box-shadow:0 3px #000,0 0 14px #6b4ce655}.btn-guest-cta:hover{border-color:#8a6cff;color:#e6dcff}.login-box.guest-only .login-actions{display:none}.login-box.guest-only .guest-row{margin-top:4px}.login-box.guest-only .btn-guest-cta{font-size:18px;padding:13px 36px}.lobby-account{font-size:12px;color:#9a8fc0;display:flex;align-items:center;gap:6px}.mini-btn{background:#241e36;border:1px solid #3d3558;color:#9a8fc0;font-size:11px;padding:2px 8px;border-radius:3px;font-family:inherit}.level-line{width:100%;max-width:680px;display:flex;align-items:center;gap:8px;padding:0 16px 4px}.level-tag{color:#ffd95e;font-weight:700;font-size:14px;white-space:nowrap}.xp-wrap{flex:1;height:12px;background:#0f0c1a;border:1px solid #3d3558;border-radius:6px;position:relative;overflow:hidden}#xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#6b4ce6,#9fd7ff);transition:width .3s}#xp-text{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;color:#d8d2c4;text-shadow:0 1px 2px #000}#loadout-row{display:flex;flex-direction:column;gap:5px}.skill-chip{background:#1d1730;border:2px solid #3d3558;border-radius:5px;padding:6px 10px;cursor:pointer;font-size:12px}.skill-chip b{color:#d8d2c4;margin-right:8px}.skill-chip span{color:#776f8a;font-size:11px}.skill-chip.on{border-color:#c9a227;background:#2a2310}.skill-chip.on b{color:#ffe9a8}.skill-chip.tree-chip{border-style:dashed}.skill-chip.tree-chip.glow{border-color:#7ee08a;animation:treeGlow 1.6s ease-in-out infinite}.skill-chip.tree-chip.glow b{color:#7ee08a}@keyframes treeGlow{0%,to{box-shadow:0 0 2px #7ee08a33}50%{box-shadow:0 0 12px #7ee08a77}}.pts-tag{color:#7ee08a;font-size:11px;font-weight:700;animation:treeGlow 1.6s ease-in-out infinite;border:1px solid #7ee08a66;border-radius:8px;padding:1px 7px}#tree-equip-row{display:flex;gap:8px;margin-bottom:10px}.tree-equip-slot{flex:1;background:#0f0c1a;border:1px solid #3d3558;border-radius:5px;padding:5px 9px;font-size:12px;display:flex;align-items:center;gap:7px}.tree-equip-slot b{color:#ffe9a8}#tree-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:2px 0 8px}#tree-grid{display:flex;flex-direction:column;gap:0;position:relative}#tree-links{position:absolute;left:0;top:0;pointer-events:none}.tree-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:relative;padding-top:16px}.tree-row:first-child{padding-top:0}#tree-grid:after{content:"";position:absolute;top:18px;bottom:0;left:60%;width:0;border-left:2px dashed #3d3558;opacity:.45;pointer-events:none;z-index:0}.tree-branch-head{display:grid;grid-template-columns:3fr 2fr;gap:5px;margin-bottom:2px;font-size:11px;font-weight:700;position:relative;z-index:1}.tree-branch-head .tbh-act{color:#ffd95e}.tree-branch-head .tbh-pas{color:#7ee08a;text-align:right}.tree-node{position:relative;z-index:1;min-width:0;background:#1d1730;border:2px solid #3d3558;border-radius:6px;padding:7px 3px 6px;text-align:center;cursor:pointer;transition:transform .08s}.tree-node:active{transform:scale(.96)}.tree-node .tn-icon{font-size:19px;line-height:1.2;filter:grayscale(1) brightness(.6)}.tree-node .tn-name{font-size:10px;color:#776f8a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node .tn-sub{font-size:9px;color:#5a5270;margin-top:1px}.tree-node.on{border-color:#c9a227;background:#2a2310}.tree-node.on .tn-icon{filter:none}.tree-node.on .tn-name{color:#ffe9a8}.tree-node.on .tn-sub{color:#c9a227}.tree-node.avail{border-color:#4f8a58}.tree-node.avail .tn-icon{filter:grayscale(.3)}.tree-node.avail .tn-name{color:#b8d8bc}.tree-node.avail .tn-sub{color:#7ee08a}.tree-node.avail{animation:treeGlow 1.8s ease-in-out infinite}.tree-node.locked{opacity:.62}.tree-node.passive{border-radius:14px}.sk-ico{display:block;font-size:14px;line-height:1}#map-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;touch-action:pan-x pan-y}.insure-bar{display:flex;align-items:center;gap:8px;margin-top:6px;padding:7px 10px;background:#161d2a;border:2px solid #2c3a50;border-radius:6px;cursor:pointer;font-size:11px;color:#9aa6b8}.insure-bar b{color:#cfe2f0;font-size:12px}.insure-bar .ins-ico{font-size:16px}.insure-bar .ins-txt{flex:1;line-height:1.4}.insure-bar .ins-state{font-size:14px}.insure-bar.on{border-color:#7ec8e8;background:#12222e;box-shadow:0 0 8px #7ec8e833}.lonewolf-bar.on{border-color:#e8b15a;background:#241d12;box-shadow:0 0 8px #e8b15a33}.lonewolf-bar.on b{color:#f0d8a8}.lonewolf-bar.na{opacity:.5;cursor:default}body.touch-mode .map-card{flex:0 0 150px;padding:6px}body.touch-mode .map-info span{font-size:9px}body.touch-mode .class-card .cdesc{min-height:32px;font-size:9px}.map-card{flex:0 0 168px;display:flex;align-items:center;gap:8px;background:#1d1730;border:2px solid #3d3558;border-radius:6px;padding:8px;cursor:pointer}.map-card.sel{border-color:#c9a227;background:#2a2310;box-shadow:0 0 10px #c9a22744}.map-card.locked{opacity:.45;cursor:default}.map-swatch{width:36px;height:36px;flex:0 0 36px;border:2px solid;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:17px}.map-info b{display:block;font-size:13px;color:#e8e0c8}.map-info span{font-size:10px;color:#776f8a;line-height:1.4;display:block}.map-rot-label{font-size:11px;color:#9a8cc0;margin:0 0 6px;letter-spacing:.3px}.map-rot-label b{color:#c9a227;font-weight:600}.map-closed{display:inline;font-size:9px;color:#c98a8a;font-weight:600;margin-left:4px}#tier-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;touch-action:pan-x pan-y;flex-wrap:wrap}.tier-card{flex:1 1 150px;min-width:148px;background:#1a1626;border:2px solid #3d3558;border-radius:6px;padding:9px 10px;cursor:pointer}.tier-card.sel{border-color:#c9a227;background:#2a2310;box-shadow:0 0 10px #c9a22744}.tier-card.locked{opacity:.6}.tier-head{display:flex;align-items:center;gap:6px}.tier-head b{font-size:13px;color:#e8e0c8}.tier-ico{font-size:16px}.tier-desc{font-size:10px;color:#8a82a0;line-height:1.4;margin:3px 0}.tier-stat{font-size:10px;color:#9fb0c8;line-height:1.5}.tier-req{font-size:10px;color:#c9a227;margin-top:4px;line-height:1.4}.tier-req.bad{color:#e06a6a}.tier-keybar{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:7px 10px;background:#1d1326;border:2px solid #4a2c50;border-radius:6px;font-size:12px;color:#d8b8e0}.btn-sm{padding:5px 10px;font-size:12px}body.touch-mode .tier-card{flex:0 0 150px}.party-input{width:90px;padding:9px 12px;background:#0f0c1a;border:2px solid #3d3558;color:#e8e0c8;border-radius:4px;font-size:15px;font-family:inherit;text-transform:uppercase}.party-code-line{font-size:13px;color:#9a8fc0;margin-bottom:8px}.party-code-line b{color:#ffd95e;font-size:18px;letter-spacing:4px;margin:0 4px}.party-member{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:5px 10px;margin:4px 0}.party-member img{width:26px;height:28px;image-rendering:pixelated}.pm-info{flex:1;font-size:13px}.pm-info b{display:block;color:#e8e0c8}.pm-info span{font-size:11px;color:#776f8a}.pm-state{font-size:12px;color:#9a8fc0}.party-loot{margin:6px 0;padding:6px 10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;font-size:12px}.party-loot .pl-cur{color:#d8d2c4}.party-loot .pl-cur b{color:#ffd95e}.party-loot .pl-vote{color:#9fd7ff;margin-top:4px}.party-loot .pl-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:5px}.party-loot .pl-row .btn{padding:3px 10px;font-size:12px}.loot-popup{position:fixed;left:50%;bottom:120px;transform:translate(-50%);z-index:60;background:#1a1530ee;border:2px solid #c9a227;border-radius:10px;padding:12px 16px;text-align:center;box-shadow:0 4px 20px #000a;min-width:220px}.loot-popup .lp-title{font-size:13px;color:#b9a76a;letter-spacing:1px}.loot-popup .lp-item{font-size:16px;font-weight:700;margin:6px 0 10px}.loot-popup .lp-btns{display:flex;gap:8px;justify-content:center;align-items:center}.loot-popup .lp-bid{width:70px;padding:5px;background:#0f0c1a;border:1px solid #5a5270;color:#fff;border-radius:5px}#hud-party{margin-top:6px}#hud-party .mate{margin-bottom:4px}#hud-party .mate span{font-size:10px;color:#8fe3a0;text-shadow:0 1px 2px #000}#hud-party .mate-bar{width:110px;height:6px;background:#1a0c10;border:1px solid #000;border-radius:2px;overflow:hidden}#hud-party .mate-bar i{display:block;height:100%;background:#4caf50}.results-xp{font-size:14px;color:#9fd7ff;margin-bottom:18px}.quest-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:5px;padding:7px 10px;margin:5px 0}.quest-row.qdone{border-color:#c9a227;background:#1d1812}.q-info{flex:1}.q-info b{font-size:13px;color:#e8e0c8;display:block;margin-bottom:4px}.q-info span{font-size:11px;color:#776f8a}.q-bar{height:6px;background:#171225;border-radius:3px;overflow:hidden;margin-bottom:3px}.q-bar i{display:block;height:100%;background:linear-gradient(90deg,#6b4ce6,#9fd7ff)}.qdone .q-bar i{background:linear-gradient(90deg,#c9a227,#ffe9a8)}.ach-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:6px 10px;margin:4px 0;opacity:.55}.ach-row.got{opacity:1;border-color:#c9a227;background:#1d1812}.ach-ico{font-size:16px}.ach-info{flex:1}.ach-info b{display:block;font-size:13px;color:#e8e0c8}.ach-info span{font-size:11px;color:#776f8a}.ach-prog{font-size:11px;color:#9fd7ff}.ach-gold{font-size:12px;color:#ffd95e}#codex-grid{display:flex;flex-wrap:wrap;gap:6px}.codex-chip{font-size:12px;padding:4px 10px;border-radius:12px;background:#0f0c1a;border:1px solid #2e2745;color:#554d6b}.codex-chip.got{color:#e8e0c8;border-color:#4caf50}.codex-chip.got.uniq{color:#ffd95e;border-color:#ffa726}.lb-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:7px 12px;margin:4px 0;font-size:14px}.lb-row.me{border-color:#c9a227}.lb-rank{width:34px;text-align:center;font-weight:700;color:#ffd95e}.lb-name{flex:1;color:#e8e0c8}.lb-name i{font-style:normal;font-size:11px;color:#9a8fc0}.lb-val{color:#ffd95e;font-weight:700}.lb-sub{font-size:11px;color:#776f8a}.gem-chip{background:#101a2e;border:1px solid #4a8ad4;color:#9fd7ff;padding:4px 12px;border-radius:20px;font-size:15px;font-weight:700}.gem-chip.small{font-size:13px;padding:2px 10px}.shop-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.shop-tab{background:#1d1730;border:2px solid #3d3558;color:#9a8fc0;padding:6px 12px;border-radius:5px;font-size:12px;font-family:inherit;cursor:pointer}.shop-tab.on{border-color:#c9a227;background:#2a2310;color:#ffe9a8}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.shop-card{background:#0f0c1a;border:2px solid #2e2745;border-radius:6px;padding:8px 6px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.shop-card img{width:40px;height:44px;image-rendering:pixelated}.shop-card b{font-size:12px}.shop-card.sel{box-shadow:0 0 10px #c9a22766;border-color:#c9a227!important}.shop-card.r2{border-color:#4caf50}.shop-card.r3{border-color:#42a5f5}.shop-card.r4{border-color:#ab47bc}.shop-tag{font-size:10px;color:#9a8fc0}.shop-tag.on{color:#7ee08a}.shop-card.topup{cursor:default}.shop-card.topup .gem-big{font-size:26px}.shop-card.topup .bonus{font-style:normal;font-size:10px;color:#7ee08a}.shop-card .btn{padding:5px 14px;font-size:13px;margin:2px 0 0}.shop-preview{display:flex;gap:12px;align-items:flex-start;background:#0f0c1a;border:1px solid #3d3558;border-radius:6px;padding:10px;margin-bottom:10px}.pv-big{width:72px;height:78px;image-rendering:pixelated;flex:0 0 72px}.pv-swatch{display:flex;gap:8px;flex:0 0 72px;padding-top:10px;justify-content:center}.pv-swatch i{width:24px;height:24px;border-radius:4px}.pv-info{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px}.pv-info b{font-size:15px}.pv-info span{color:#9a8fc0;font-size:11px;line-height:1.5}.pv-info .btn{align-self:flex-start;padding:6px 16px;font-size:13px;margin:4px 0 0}.pv-row{display:flex;gap:4px}.pv-row img{width:26px;height:28px;image-rendering:pixelated}.btn:disabled{opacity:.45;cursor:default}.btn-sm2{padding:5px 12px;font-size:12px;margin:0}.title-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:7px 10px;margin:4px 0}.title-row .t-name{font-size:14px;font-weight:700}.title-row .t-src{flex:1}.perk-card{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:6px;padding:10px 12px;margin:6px 0}.perk-card b{display:block;font-size:14px;color:#e8e0c8}.perk-card span{display:block;flex:1;font-size:11px;color:#9a8fc0;margin-top:2px}.perk-card>b{flex:0 0 auto}.perk-card .btn{margin-left:auto;flex:0 0 auto}.wfx-swatch{display:flex;gap:5px;height:30px;align-items:center}.wfx-swatch i{width:18px;height:18px;border-radius:3px}.pass-line{display:flex;align-items:center;gap:8px}.pass-line .btn{padding:5px 14px;font-size:12px;margin:0;flex:0 0 auto}#pass-fill{height:100%;width:0%;background:linear-gradient(90deg,#8a5ce6,#c792ff);transition:width .3s}#pass-xp-text{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;color:#d8d2c4;text-shadow:0 1px 2px #000}.pass-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pass-head .xp-wrap{min-width:80px}#pass-fill2{height:100%;background:linear-gradient(90deg,#8a5ce6,#c792ff)}.pass-head .xp-wrap span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;color:#d8d2c4;text-shadow:0 1px 2px #000}.pass-head .btn{padding:6px 14px;font-size:12px;margin:0;flex:0 0 auto}.pass-badge{color:#ffd95e;font-size:12px;font-weight:700;white-space:nowrap}.pass-track{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;touch-action:pan-x pan-y}.pass-col{flex:0 0 84px;display:flex;flex-direction:column;gap:5px;opacity:.55}.pass-col.reached{opacity:1}.pass-col.cur .pass-lvn{color:#ffe9a8;background:#4a3a14;border-color:#c9a227}.pass-lvn{text-align:center;font-size:11px;font-weight:700;color:#9a8fc0;background:#1d1730;border:1px solid #3d3558;border-radius:4px;padding:2px 0}.pass-cell{position:relative;min-height:54px;background:#0f0c1a;border:1px solid #2e2745;border-radius:5px;padding:5px 4px;font-size:11px;line-height:1.5;text-align:center;color:#d8d2c4;display:flex;align-items:center;justify-content:center}.pass-cell.prem{border-color:#5a3a78;background:#160f22}.pass-cell.empty{color:#3d3558}.pass-cell.ready{border-color:#c9a227;box-shadow:0 0 8px #c9a22755;cursor:pointer}.pass-cell.ready:active{background:#2a2310}.pass-cell.claimed{opacity:.5}.pass-cell .pc-mark{position:absolute;top:1px;right:4px;font-style:normal;font-size:11px;color:#7ee08a}#btn-mail{position:relative}.badge{position:absolute;top:-6px;right:-6px;background:#c43b4e;color:#fff;font-size:10px;min-width:16px;height:16px;line-height:16px;border-radius:8px;padding:0 4px}.mail-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:5px;padding:7px 10px;margin:5px 0}.mail-row.done{opacity:.6}.mail-info{flex:1;cursor:pointer}.mail-info b{display:block;font-size:13px;color:#e8e0c8}.mail-info .mail-body{display:block;font-size:12px;color:#9a8fc0;margin:4px 0;line-height:1.6;white-space:pre-line}.mail-info .dim{display:block;margin-top:2px}.q-section{font-size:11px;color:#b9a76a;margin:8px 0 2px;letter-spacing:1px}.quest-row.qweek{border-color:#5a3a78;background:#160f22}.quest-row.qclaimed{opacity:.5}.q-got{font-size:12px;color:#7ee08a;white-space:nowrap}.friend-add{display:flex;gap:6px;align-items:center;margin-bottom:6px}.friend-add .party-input{flex:1;max-width:180px;text-transform:none}.friend-row{display:flex;align-items:center;gap:8px;background:#0f0c1a;border:1px solid #2e2745;border-radius:4px;padding:5px 10px;margin:4px 0;font-size:13px}.friend-row .f-name{font-weight:700;color:#e8e0c8}.friend-row .dim{flex:1}.friend-row .dot{width:8px;height:8px;border-radius:50%;background:#3d3558;flex:0 0 8px}.friend-row .dot.on{background:#7ee08a;box-shadow:0 0 6px #7ee08a88}.friend-row .dot.run{background:#ffa726;box-shadow:0 0 6px #ffa72688}.friend-row .f-uid{flex:0 0 auto;font-size:11px}.friend-row .has-unread{background:#c43b4e;border-color:#e0566a;color:#fff}.chat-log{max-height:180px;overflow-y:auto;background:#0c0a16;border:1px solid #2e2745;border-radius:5px;padding:6px 8px;margin:4px 0;font-size:13px;line-height:1.7;word-break:break-word;-webkit-overflow-scrolling:touch}.chat-tabs{display:flex;gap:6px;margin-bottom:6px}.chat-tab{position:relative;flex:0 0 auto;padding:4px 12px;background:#1a1428;border:1px solid #3d3558;border-radius:6px;font-size:12px;color:#9a8fc0;cursor:pointer;font-family:inherit}.chat-tab.on{background:#2a2310;border-color:#c9a227;color:#ffe9a8}.chat-tab.has-new:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ff5e7e;box-shadow:0 0 6px #ff5e7e}.chat-row{margin:1px 0}.chat-row.mention{background:#2a2412;border-left:3px solid #ffd95e;padding:1px 6px;margin:2px -2px;border-radius:3px}.chat-row .chat-name{color:#9a8fd8;font-weight:700;cursor:pointer}.chat-row .chat-name:hover{text-decoration:underline}.chat-row .chat-name.self{cursor:default}.chat-row .chat-name.self:hover{text-decoration:none}#btn-chat-send.cooling{opacity:.5;pointer-events:none}.lobby-foot .btn{position:relative}.confirm-text{font-size:14px;line-height:1.7;color:#e8e0c8;padding:6px 2px}.confirm-btns{display:flex;gap:10px;margin-top:14px;justify-content:center}.panel.flash{animation:panelFlash .9s ease}@keyframes panelFlash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 2px #c9a227,0 0 14px #c9a22788}}.chat-row .chat-body{color:#d8d0bc}.chat-row.shout{background:#2a230fcc;border-left:3px solid #c9a227;padding:2px 6px;margin:3px -2px;border-radius:3px}.chat-row.shout .chat-name{color:#ffe066}.chat-row.shout .chat-body{color:#ffe9b8}.chat-input-row{display:flex;gap:6px;align-items:center;margin-top:4px}.chat-input-row .party-input{flex:1;max-width:none;text-transform:none}.chat-input-row .btn{flex:0 0 auto}.dm-thread{max-height:300px;min-height:160px;overflow-y:auto;background:#0c0a16;border:1px solid #2e2745;border-radius:5px;padding:8px;margin:6px 0;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.dm-msg{display:flex}.dm-msg.mine{justify-content:flex-end}.dm-msg.theirs{justify-content:flex-start}.dm-bubble{max-width:75%;padding:6px 10px;border-radius:10px;font-size:13px;line-height:1.5;word-break:break-word}.dm-msg.mine .dm-bubble{background:#3a2f5e;color:#ece6ff;border-bottom-right-radius:3px}.dm-msg.theirs .dm-bubble{background:#1c1830;color:#d8d0bc;border:1px solid #2e2745;border-bottom-left-radius:3px}.trade-stash{display:flex;flex-wrap:wrap;gap:5px;max-height:130px;overflow-y:auto;margin:4px 0;-webkit-overflow-scrolling:touch}.trade-pick{font-size:12px;padding:4px 8px;background:#0f0c1a;border:1px solid #3d3558;border-radius:4px;cursor:pointer;color:#d8d0bc}.trade-pick.sel{background:#2a2310;border-color:#c9a227;box-shadow:0 0 8px #c9a22755}.trade-price-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:6px 0}.trade-price-row .party-input{flex:0 0 90px;max-width:90px;text-transform:none}.trade-price-row .cur-on{background:#2a2310;border-color:#c9a227;color:#ffe9a8}.trade-row{display:flex;align-items:center;gap:8px;background:#0f0c1a;border:1px solid #2e2745;border-radius:5px;padding:6px 10px;margin:4px 0;font-size:13px}.trade-row .trade-iname{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-row .trade-iprice{color:#ffd95e;flex:0 0 auto}.inbox-row{display:flex;align-items:center;gap:10px;background:#0f0c1a;border:1px solid #2e2745;border-radius:5px;padding:8px 10px;margin:5px 0;cursor:pointer}.inbox-row:active{transform:translateY(1px)}.inbox-row .dot{width:8px;height:8px;border-radius:50%;background:#3d3558;flex:0 0 8px}.inbox-row .dot.on{background:#7ee08a;box-shadow:0 0 6px #7ee08a88}.inbox-mid{flex:1;min-width:0}.inbox-name{font-size:13px;font-weight:700;color:#e8e0c8}.inbox-prev{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-badge{position:static}#btn-say{position:absolute;left:calc(env(safe-area-inset-left) + 14px);bottom:calc(env(safe-area-inset-bottom) + 210px);pointer-events:auto}#btn-stance{position:absolute;left:calc(env(safe-area-inset-left) + 62px);bottom:calc(env(safe-area-inset-bottom) + 210px);pointer-events:auto;width:auto;min-width:54px;height:44px;padding:2px 10px;border-radius:10px;border:2px solid #c9a227;background:#2a2310e6;color:#ffe9a8;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;gap:1px;box-shadow:0 0 8px #c9a22744}#btn-stance .stance-cap{font-size:8px;opacity:.8;letter-spacing:1px;font-weight:400}#btn-stance .stance-cur{font-size:14px;font-weight:700;white-space:nowrap}body.pc-mode #btn-stance{left:calc(50% + 214px);bottom:calc(env(safe-area-inset-bottom) + 178px)}#phrase-panel{position:absolute;left:calc(env(safe-area-inset-left) + 14px);bottom:calc(env(safe-area-inset-bottom) + 256px);display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#171225e8;border:2px solid #3d3558;border-radius:8px;padding:8px;pointer-events:auto;z-index:5}.phrase-btn{background:#241e36;border:1px solid #5a5270;color:#e8e0c8;padding:7px 12px;border-radius:14px;font-size:13px;font-family:inherit;white-space:nowrap}.phrase-btn:active{background:#3d3558}#tut-bar{position:absolute;top:calc(env(safe-area-inset-top) + 78px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#10324ad8;border:2px solid #6db1ff;border-radius:22px;padding:8px 16px;max-width:86vw;pointer-events:auto}#tut-text{font-size:13px;color:#cfe8ff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btn-tut-skip{background:none;border:1px solid #6db1ff66;color:#9fd7ff;font-size:11px;padding:3px 10px;border-radius:10px;font-family:inherit;flex:0 0 auto}#invite-bar{position:fixed;top:26vh;left:50%;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:8px;background:#171225f0;border:2px solid #c9a227;border-radius:10px;padding:10px 16px;box-shadow:0 6px 24px #000a}#invite-text{font-size:14px;color:#ffe9a8}#invite-bar .btn{padding:6px 14px;font-size:13px;margin:0}#vignette.boss-rage{opacity:.26!important;animation:bossRage 1.5s ease-in-out infinite}@keyframes bossRage{0%,to{opacity:.26}50%{opacity:.1}}#vignette.on-fire{background:radial-gradient(ellipse at center,transparent 48%,#ff4d12cc 100%);opacity:.34!important;animation:onFire .7s ease-in-out infinite}@keyframes onFire{0%,to{opacity:.36}50%{opacity:.16}}#downed-tip{position:absolute;top:38vh;left:50%;transform:translate(-50%);background:#2a0d14e8;border:2px solid #8a2438;color:#ff9aa8;padding:10px 22px;border-radius:24px;font-size:15px;text-shadow:0 1px 2px #000;white-space:nowrap}#downed-tip span{color:#ffe9a8;font-weight:700}@media(max-height:480px){.game-title{font-size:40px}#action-cluster{transform:scale(.92);transform-origin:bottom right}.lobby-scroll{padding:0 10px}}@media(max-width:520px){#swarm-text{top:calc(env(safe-area-inset-top) + 56px);left:calc(env(safe-area-inset-left) + 10px);transform:none}#bossbar{top:calc(env(safe-area-inset-top) + 80px)}.hp-wrap{width:140px}}.pwa-banner{position:fixed;left:0;right:0;bottom:0;z-index:79;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:linear-gradient(180deg,#1b1530,#110d1e);border-top:2px solid #c9a227;box-shadow:0 -8px 26px #000b;transform:translateY(125%);transition:transform .32s cubic-bezier(.2,.9,.3,1)}.pwa-banner.show{transform:translateY(0)}.pwa-banner.hidden{display:none}.pwa-ico{width:46px;height:46px;flex:0 0 auto;border-radius:10px;border:1px solid #4a3f66;image-rendering:pixelated}.pwa-txt{flex:1 1 auto;min-width:0}.pwa-t1{font-size:14px;font-weight:700;color:#ffe9a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-t2{font-size:11px;color:#9a92b0;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-go{flex:0 0 auto}.pwa-x{flex:0 0 auto;background:none;border:none;color:#7a7290;font-size:18px;line-height:1;padding:6px 4px;cursor:pointer;font-family:inherit}.pwa-x:active{color:#fff}@media(min-width:560px){.pwa-banner{left:auto;right:18px;bottom:18px;max-width:420px;border:2px solid #c9a227;border-radius:12px;padding:12px 14px;box-shadow:0 10px 34px #000c}}.pwa-note{color:#ffc08a;font-size:12px;line-height:1.6;margin-bottom:10px;background:#2a1c12;border:1px solid #6a4326;border-radius:7px;padding:8px 10px}.pwa-steps{list-style:none;margin:4px 0 0;padding:0}.pwa-steps li{display:flex;align-items:center;gap:9px;padding:9px;margin-bottom:8px;background:#1d1730;border:1px solid #3d3558;border-radius:8px;color:#d8d2c4;font-size:13px;line-height:1.4}.pwa-step-no{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#0a0812;background:#c9a227;border-radius:50%}.pwa-step-ic{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#2a2240;border:1px solid #4a3f66;border-radius:7px}.pwa-step-tx{flex:1 1 auto;min-width:0}.pwa-benefit{color:#8fc98f;font-size:11.5px;line-height:1.6;margin-top:8px;text-align:center}.pwa-title-btn{margin-top:12px;background:#241e36;border-color:#c9a227;color:#ffe9a8}.pwa-lobby-btn{padding:2px 7px}.play-feedback-cta{text-decoration:none;justify-content:center}.title-feedback{margin-top:12px;padding:8px 14px;font-size:12px;border-color:#3d3558;background:#171225cc;color:#d8d2c4}.lobby-foot .play-feedback-cta{flex:0 0 auto}