*{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;align-items:center;--camp-bg:#070910;--camp-veil1:rgba(7,9,16,.78);--camp-veil2:rgba(7,9,16,.88);--camp-veil3:rgba(7,9,16,.95);--camp-glow-top:rgba(90,120,190,.13);--camp-glow-bot:rgba(0,0,0,0);--camp-srf-hi:#131725e6;--camp-srf:#0e131de8;--camp-srf-lo:#0a0e16e8;--camp-drawer:#0b0f16f8;--camp-line:#303846;--camp-line2:#3d4655;--camp-hov:#171c28;--camp-acc:#e4bd48;--camp-acc-dim:#a9882d;--camp-acc-bg:#282310;--camp-acc-ink:#fff1bd;--camp-kicker:#77a6aa;background-color:var(--camp-bg);background-image:radial-gradient(130% 52% at 50% -6%,var(--camp-glow-top),transparent 64%),radial-gradient(120% 44% at 50% 106%,var(--camp-glow-bot),transparent 62%),linear-gradient(180deg,var(--camp-veil1),var(--camp-veil2) 52%,var(--camp-veil3)),var(--camp-tile, url(../bg-tile.png));background-size:100% 100%,100% 100%,100% 100%,256px 256px;image-rendering:pixelated}#screen-lobby[data-camp-skin=brick]{--camp-bg:#0a0716;--camp-veil1:rgba(10,7,22,.6);--camp-veil2:rgba(10,7,22,.74);--camp-veil3:rgba(8,6,18,.88);--camp-glow-top:rgba(126,80,230,.16);--camp-glow-bot:rgba(60,30,120,.1);--camp-srf-hi:#171129e0;--camp-srf:#130e21e6;--camp-srf-lo:#0e0a1ae8;--camp-drawer:#0e0a1af8;--camp-line:#372e52;--camp-line2:#473b6b;--camp-hov:#1c1430;--camp-acc:#e0b13e;--camp-acc-dim:#9d8030;--camp-acc-bg:#2a2310;--camp-acc-ink:#ffe9a8;--camp-kicker:#9a8fc0}#screen-lobby[data-camp-skin=ember]{--camp-bg:#0d0805;--camp-veil1:rgba(14,9,6,.58);--camp-veil2:rgba(14,9,6,.74);--camp-veil3:rgba(12,8,5,.9);--camp-glow-top:rgba(255,170,80,.06);--camp-glow-bot:rgba(255,120,40,.15);--camp-srf-hi:#1b1410e2;--camp-srf:#171110e6;--camp-srf-lo:#100b08e8;--camp-drawer:#100b08f8;--camp-line:#453528;--camp-line2:#5a4534;--camp-hov:#211913;--camp-acc:#ffb547;--camp-acc-dim:#b5813a;--camp-acc-bg:#2d1f0c;--camp-acc-ink:#ffe2b0;--camp-kicker:#c9945c}.lobby-head{position:relative;z-index:20;width:calc(100% - 24px);max-width:1160px;display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto auto;grid-template-areas:"title account gems gold";gap:10px;align-items:center;margin:12px auto 0;padding:10px 12px;border:1px solid var(--camp-line);border-radius:8px;background:var(--camp-srf-hi);box-shadow:0 10px 30px #0008,inset 0 1px #ffffff0a;backdrop-filter:blur(6px)}.lobby-brand{grid-area:title;min-width:0}.lobby-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;color:#f1e7c8;text-shadow:0 1px 0 #000}.lobby-title #lobby-ver{font-size:9px;color:#6d7180;font-weight:400}.lobby-subtitle{margin:2px 0 0 27px;color:#767d8e;font-size:9px;font-weight:700;letter-spacing:1px}.lobby-head .lobby-account{grid-area:account;min-width:0}.lobby-head .lobby-account #lobby-user{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-head .gem-chip{grid-area:gems;border-radius:6px}.lobby-head .gold-chip{grid-area:gold}.gold-chip{background:#29230f;border:1px solid #b9952d;color:#ffe08a;padding:5px 11px;border-radius:6px;font-size:14px;font-weight:700}.gold-chip.small{font-size:13px;padding:2px 10px}.claim-nudge{position:relative;width:calc(100% - 24px);max-width:1160px;margin:8px auto 0;padding:5px 34px 5px 12px;box-sizing:border-box;cursor:pointer;background:var(--camp-srf);border:1px solid var(--camp-line);border-left:3px solid var(--camp-acc-dim);border-radius:6px;color:#e0c383;font-size:11px;text-align:left;line-height:1.5}.claim-nudge b{color:#ffe9ac}.claim-nudge:hover{background:var(--camp-hov);border-color:var(--camp-line2);border-left-color:var(--camp-acc)}#claim-nudge-x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:22px;height:22px;border:1px solid var(--camp-line);border-radius:4px;background:transparent;color:#8d94a4;font-family:inherit;font-size:14px;line-height:1;cursor:pointer}#claim-nudge-x:hover{color:#fff;border-color:var(--camp-line2)}.camp-layout{width:calc(100% - 24px);max-width:1160px;min-height:0;flex:1;display:grid;grid-template-columns:148px minmax(0,1fr);gap:12px;margin:0 auto;padding:10px 0 0}.camp-nav{min-height:0;align-self:start;display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--camp-line);border-radius:8px;background:var(--camp-srf);box-shadow:0 10px 26px #0007}.camp-tab{width:100%;min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8d94a4;font-family:inherit;text-align:left;cursor:pointer;transition:color .12s,background-color .12s,border-color .12s}.camp-tab:hover{color:#d7dce5;background:var(--camp-hov);border-color:var(--camp-line)}.camp-tab.on{color:var(--camp-acc-ink);background:var(--camp-acc-bg);border-color:var(--camp-acc-dim);box-shadow:inset 3px 0 0 var(--camp-acc),0 5px 16px #0005}.camp-tab-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--camp-line);border-radius:5px;background:var(--camp-srf-lo);color:#aeb8c8}.camp-tab.on .camp-tab-icon{border-color:var(--camp-acc-dim);background:var(--camp-acc-bg);color:#ffe08a}.camp-tab-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.camp-tab-copy b{font-size:13px;letter-spacing:1px}.camp-tab-copy small{font-size:9px;color:#687080;white-space:nowrap}.camp-tab.on .camp-tab-copy small{color:#aa955b}.camp-workspace{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.camp-workspace>.level-line{max-width:none;margin:0 0 8px;flex:0 0 auto}.lobby-scroll{width:100%;min-width:0;min-height:0;flex:1;overflow-y:auto;padding:0 4px 14px 0;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-color:#3d4555 #0b0e15}.camp-view[hidden]{display:none!important}.camp-view{min-width:0;animation:campViewIn .16s ease-out}@keyframes campViewIn{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.camp-view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:62px;margin:0 2px 10px;padding:4px 4px 10px;border-bottom:1px solid var(--camp-line)}.camp-view-head h2{margin-top:2px;color:#e8edf3;font-size:21px;line-height:1.1;letter-spacing:1px}.camp-kicker{color:var(--camp-kicker);font-size:9px;font-weight:700;letter-spacing:2px}#camp-view-prepare{width:100%;max-width:900px;margin:0 auto;padding:2px 2px 20px}.camp-prepare-head{min-height:58px}.camp-ready-status{color:#8fc4a4;font-size:11px;font-weight:700}.camp-ready-status:before{content:"\25c6";margin-right:6px;color:#5e9c78;font-size:8px}.camp-mission-board{padding:14px;border:1px solid var(--camp-line);border-top:2px solid var(--camp-acc-dim);border-radius:8px;background:var(--camp-srf-hi);box-shadow:0 12px 28px #0007,inset 0 1px #ffffff08}.camp-hero-brief{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:0 2px 13px;border-bottom:1px solid var(--camp-line)}.camp-hero-portrait{width:48px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #3b4652;border-radius:6px;background:#0a0e15}.camp-hero-portrait img{width:42px;height:46px;object-fit:contain;image-rendering:pixelated}.camp-hero-copy{min-width:0;display:flex;flex-direction:column}.camp-hero-copy small{color:#748090;font-size:9px}.camp-hero-copy strong{overflow:hidden;color:#f0e6c9;font-size:18px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.camp-hero-copy span{color:#778191;font-size:10px}.camp-hero-brief .mini-btn{min-height:32px;padding:5px 10px;cursor:pointer}.camp-route-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.camp-stage{min-width:0;min-height:82px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--camp-line);border-radius:6px;background:var(--camp-srf-lo);color:#dfe5ec;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.camp-stage:hover{border-color:var(--camp-line2);background:var(--camp-hov)}.camp-stage-step{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #426278;border-radius:5px;color:#8fc7e4;background:#111b24;font-size:10px;font-weight:700}.camp-stage:nth-child(2) .camp-stage-step{border-color:#4f745f;color:#9bc9a9;background:#111d17}.camp-stage:nth-child(3) .camp-stage-step{border-color:#7e6832;color:#e2c475;background:#1d190e}.camp-stage-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.camp-stage-copy small{color:#707b8b;font-size:9px}.camp-stage-copy b{overflow:hidden;color:#ecf0f4;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.camp-stage-edit{color:#7e8997;font-size:10px;white-space:nowrap}.camp-stage:hover .camp-stage-edit{color:#cbd3dc}.camp-advanced{margin-top:10px}.camp-advanced>summary{min-height:48px;display:flex;align-items:center;gap:9px;padding:8px 12px;list-style:none;border:1px solid var(--camp-line);border-radius:6px;background:var(--camp-srf);color:#cbd2da;font-size:12px;font-weight:700;cursor:pointer}.camp-advanced>summary::-webkit-details-marker{display:none}.camp-advanced>summary:before{content:"\ff0b";width:20px;color:#86a6b7;font-size:15px}.camp-advanced[open]>summary:before{content:"\2212"}.camp-advanced>summary small{margin-left:auto;color:#707b8b;font-size:10px;font-weight:400}.camp-advanced-options{display:flex;flex-direction:column;gap:8px;padding-top:8px}.camp-advanced-options .panel{margin:0}.camp-picker-drawer{position:absolute;z-index:12;inset:45px 0 0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--camp-line2);border-radius:8px;background:var(--camp-drawer);box-shadow:0 18px 46px #000c;backdrop-filter:blur(10px);animation:campDrawerIn .18s ease-out}@keyframes campDrawerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.camp-picker-head{flex:0 0 auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--camp-line);background:var(--camp-hov)}.camp-picker-head div{display:flex;flex-direction:column}.camp-picker-head small{color:#758292;font-size:9px;letter-spacing:1px}.camp-picker-head strong{color:#edf1f5;font-size:17px}.camp-picker-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #3a4552;border-radius:5px;background:#171d27;color:#bbc5cf;font-family:inherit;font-size:23px;line-height:1;cursor:pointer}.camp-picker-close:hover{border-color:#78899b;color:#fff}.camp-picker-scroll{min-height:0;flex:1;overflow-y:auto;padding:14px;touch-action:pan-y}.camp-picker-panel{width:100%;max-width:900px;margin:0 auto}.camp-picker-panel[hidden]{display:none!important}.camp-picker-panel>.panel-title{margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #2e3642}.camp-picker-panel #mode-row,.camp-picker-panel #tier-row,.camp-picker-panel #map-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}.camp-picker-panel .tier-card,.camp-picker-panel .map-card{width:auto;min-width:0;margin:0;flex:none}.camp-picker-panel .tier-card{padding:10px}.camp-picker-panel .map-card{min-height:84px}.camp-picker-panel .map-card.locked{display:none}.camp-picker-panel .tier-keybar{grid-column:1/-1}.camp-picker-panel .map-info{min-width:0}.camp-picker-panel .map-info span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.camp-view-note{color:#748090;font-size:10px}.camp-roster-lead{min-height:72px;display:grid;grid-template-columns:54px minmax(150px,auto) minmax(0,1fr);align-items:center;gap:11px;margin-bottom:10px;padding:9px 12px;border:1px solid var(--camp-line);border-radius:7px;background:var(--camp-srf)}.camp-roster-portrait{width:50px;height:54px;display:flex;align-items:center;justify-content:center;border:1px solid #4a594f;border-radius:6px;background:#0a0e14}.camp-roster-portrait img{width:44px;height:49px;object-fit:contain;image-rendering:pixelated}.camp-roster-copy{display:flex;flex-direction:column;min-width:0}.camp-roster-copy small{color:#748090;font-size:9px}.camp-roster-copy b{color:#f0e6c9;font-size:16px}.camp-roster-copy span{color:#88b29a;font-size:10px}.camp-roster-hint{justify-self:end;color:#707b89;font-size:10px;text-align:right}.camp-hero-panel{border-top:2px solid #a98d43!important}.camp-hero-panel #class-row{padding:4px 2px 9px}.camp-hero-panel .class-card{flex-basis:122px;background:#121722;border-color:#303848}.camp-hero-panel .class-card.sel{background:#28230f;border-color:#c9a227}.camp-gear-grid{width:100%;max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;margin:0 auto}.camp-gear-grid>*{min-width:0}.camp-gear-panel{border-top:2px solid #638e9f!important}.camp-gear-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #303744}.camp-gear-toolbar .panel-title,.camp-gear-toolbar .potion-line{margin:0}.camp-loadout-grid{display:grid;grid-template-columns:112px minmax(250px,auto) minmax(260px,1fr);align-items:center;gap:18px;padding-top:12px}.camp-paperdoll{min-width:0;display:flex;flex-direction:column;align-items:center}.camp-paperdoll-frame{width:86px;height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border:1px solid #40505d;border-bottom:2px solid #7ea2ad;border-radius:6px;background:#090d14}.camp-paperdoll-frame img{width:72px;height:88px;object-fit:contain;image-rendering:pixelated}.camp-paperdoll small{color:#6f7b89;font-size:9px}.camp-paperdoll b{max-width:100%;overflow:hidden;color:#e8edf3;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.camp-block-label{min-height:20px;color:#aeb8c4;font-size:11px;font-weight:700}.camp-block-label span{margin-left:5px;color:#66717f;font-size:9px;font-weight:400}.camp-equip-block #equip-slots{display:grid;grid-template-columns:repeat(3,52px);gap:7px;padding-top:6px}.camp-equip-block #equip-slots .slot{width:52px;min-width:52px;height:52px}.camp-attr-block{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:17px;border-left:1px solid #303744}.camp-attr-block .attr-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.camp-attr-block .attr-row .at{min-width:0;justify-content:space-between;padding:6px 8px;border:1px solid #29323d;border-radius:5px;background:#0c1118}.camp-attr-block .camp-note{max-width:360px}.camp-stash-panel{border-top:2px solid #887342!important}.camp-stash-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #303744}.camp-stash-head .panel-title{margin:2px 0 0;font-size:15px}.camp-stash-head .stash-head-btns{margin-left:0}.camp-stash-tools{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:end;gap:14px;padding:10px 0 9px}.camp-carry-block{min-width:0;padding-right:14px;border-right:1px solid #303744}.camp-carry-block .carry-row{margin-bottom:0}.camp-stash-tools .stash-cats{align-content:end;margin:0}.camp-stash-panel #lobby-sell-zone{margin:0 0 10px;padding:9px 12px;border-width:1px;font-size:11px;text-align:left}.camp-stash-panel .slot-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.camp-stash-panel .slot-grid .slot{width:auto;min-width:0;height:auto;background:#0a0e15}.camp-stash-panel .slot-grid .slot:empty{border-color:#29313d}.camp-stash-panel .stash-cat{border-radius:5px;background:#151a24;border-color:#303947;color:#8893a2}.camp-stash-panel .stash-cat.on{background:#3a3216;border-color:#b7963b;color:#ffe6a0}.camp-board-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px;border:1px solid var(--camp-line);border-radius:7px;background:var(--camp-srf)}.camp-board-overview>div{min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-right:1px solid var(--camp-line)}.camp-board-overview>div:last-child{border-right:0}.camp-board-overview small{color:#6f7b8b;font-size:9px}.camp-board-overview b{overflow:hidden;color:#dfe6ed;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.camp-board-grid{display:flex;flex-direction:column;gap:10px}.camp-board-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:10px}.camp-board-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.camp-board-main>.panel,.camp-board-social>.panel{min-width:0}.camp-board-main>.panel:first-child{border-top:2px solid #698c75!important}.camp-board-main>#pass-panel{border-top:2px solid #816aa8!important}.camp-board-main .quest-row{border-color:#29323d;background:#0b1017}.camp-skill-title,.camp-subtitle{margin-top:10px}.camp-note{margin-top:8px;color:#737d8e;font-size:10px;line-height:1.5}#loadout-row .skill-chip.on{border-color:var(--camp-line2);background:var(--camp-srf)}#loadout-row .skill-chip.on b{color:#d8e2f0}#screen-lobby .mini-btn{background:var(--camp-srf-lo);border-color:var(--camp-line);color:#9aa4b5}#screen-lobby .btn.tb{background:var(--camp-srf);border-color:var(--camp-line2)}.camp-stash-panel .slot:empty{opacity:.5}#camp-stash-empty{margin:2px 0 10px;padding:16px 12px;border:1px dashed var(--camp-line2);border-radius:6px;color:#79839a;font-size:11px;text-align:center;line-height:1.7}[data-pix] canvas{display:block;image-rendering:pixelated}.camp-tab-icon canvas{width:20px;height:20px}.lobby-foot .tb .tb-i{display:flex;align-items:center;justify-content:center;height:20px}.lobby-foot .tb .tb-i canvas{width:20px;height:20px}.gold-chip [data-pix],.gem-chip [data-pix]{display:inline-flex;vertical-align:-2px}.gold-chip canvas,.gem-chip canvas{width:14px;height:14px}#btn-camp-skin{display:inline-flex;align-items:center;gap:4px;cursor:pointer}#btn-camp-skin canvas{width:13px;height:13px}.camp-skin-pop{position:absolute;z-index:60;top:calc(100% + 6px);right:10px;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--camp-line2);border-radius:8px;background:var(--camp-drawer);box-shadow:0 14px 34px #000a;animation:campDrawerIn .15s ease-out}.camp-skin-opt{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;min-width:158px;padding:5px 8px;border:1px solid var(--camp-line);border-radius:6px;background:var(--camp-srf-lo);color:#c8cfda;font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.camp-skin-opt:hover{border-color:var(--camp-line2);background:var(--camp-hov)}.camp-skin-opt.sel{border-color:var(--camp-acc-dim);color:var(--camp-acc-ink);background:var(--camp-acc-bg)}.camp-skin-opt canvas{width:44px;height:26px;border-radius:3px;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.camp-view,.camp-picker-drawer,.camp-skin-pop,.lobby-foot .btn-big,.skill-chip.tree-chip.glow{animation:none!important}}.lobby-foot{width:calc(100% - 24px);max-width:1160px;display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;justify-content:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--camp-line);background:var(--camp-srf-lo)}.lobby-foot .btn-big{animation:campCtaGlow 2.8s ease-in-out infinite}@keyframes campCtaGlow{0%,to{box-shadow:0 3px #000,0 0 #c9a22700}50%{box-shadow:0 3px #000,0 0 15px #c9a22766}}.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-account{justify-content:flex-end;flex-wrap:wrap}.lobby-foot .tb{flex:0 1 100px}.lobby-foot .btn-big{flex:0 1 220px;order:0;padding:12px 28px}}@media(max-width:899px){.lobby-head,.claim-nudge,.camp-layout,.lobby-foot{max-width:680px}.lobby-head{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title gems gold" "account account account"}.lobby-head .lobby-account{justify-content:flex-start;flex-wrap:wrap}.camp-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:7px}.camp-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px}.camp-tab{min-height:46px;grid-template-columns:25px minmax(0,1fr);gap:5px;padding:5px 6px}.camp-tab.on{box-shadow:inset 0 -3px 0 var(--camp-acc),0 5px 16px #0005}.camp-tab-icon{width:25px;height:25px;font-size:15px}.camp-tab-icon canvas{width:17px;height:17px}.camp-tab-copy small{display:none}.camp-workspace>.level-line{margin-bottom:7px}.lobby-scroll{padding-right:2px}.camp-loadout-grid{grid-template-columns:104px minmax(0,1fr)}.camp-attr-block{grid-column:1/-1;padding:12px 0 0;border-left:0;border-top:1px solid #303744}.camp-stash-tools{grid-template-columns:1fr;align-items:start}.camp-carry-block{padding:0 0 9px;border-right:0;border-bottom:1px solid #303744}.camp-stash-panel .slot-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.camp-board-main,.camp-board-social{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.lobby-head{width:calc(100% - 16px);gap:6px;margin-top:7px;padding:8px 9px}.lobby-title{font-size:16px}.lobby-subtitle{display:none}.lobby-head .gem-chip,.lobby-head .gold-chip{font-size:12px;padding:3px 7px;white-space:nowrap}.lobby-head .lobby-account #lobby-user{max-width:100%}.claim-nudge,.camp-layout,.lobby-foot{width:calc(100% - 16px)}.camp-layout{padding-top:7px}.camp-tab{grid-template-columns:1fr;justify-items:center;gap:1px;min-height:46px;padding:4px 2px;text-align:center}.camp-tab-copy b{font-size:11px;letter-spacing:0}.camp-view-head{display:block;min-height:0;margin-bottom:8px;padding:2px 2px 9px}.camp-view-head h2{font-size:18px}.camp-ready-status{display:none}.camp-mission-board{padding:10px}.camp-hero-brief{grid-template-columns:46px minmax(0,1fr);gap:8px}.camp-hero-portrait{width:42px;height:46px}.camp-hero-portrait img{width:38px;height:42px}.camp-hero-copy strong{font-size:16px}.camp-hero-brief .mini-btn{grid-column:2;justify-self:start}.camp-route-flow{grid-template-columns:1fr;gap:6px;padding-top:9px}.camp-stage{min-height:62px;padding:7px 9px}.camp-picker-drawer{inset:45px 0 0;border-radius:6px}.camp-picker-scroll{padding:10px}.camp-picker-panel #mode-row,.camp-picker-panel #tier-row,.camp-picker-panel #map-row{grid-template-columns:1fr}.camp-view-note{display:none}.camp-roster-lead{grid-template-columns:50px minmax(0,1fr)}.camp-roster-hint{grid-column:1/-1;justify-self:start;text-align:left}.camp-loadout-grid{grid-template-columns:82px minmax(0,1fr);gap:10px}.camp-paperdoll-frame{width:72px;height:88px}.camp-paperdoll-frame img{width:61px;height:76px}.camp-equip-block #equip-slots{grid-template-columns:repeat(3,minmax(42px,52px));gap:5px}.camp-equip-block #equip-slots .slot{width:100%;min-width:42px;height:auto}.camp-attr-block .attr-row{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-stash-head{align-items:flex-start}.camp-stash-head .stash-head-btns{flex-wrap:wrap;justify-content:flex-end}.camp-stash-panel .slot-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.camp-stash-panel .slot-grid .slot{width:auto;min-width:0;height:auto}.camp-board-overview>div{padding:7px 8px}.lobby-foot{gap:5px;padding:6px 4px 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}.lobby-scroll .panel{margin:0;padding:12px;border:1px solid var(--camp-line);border-left:3px solid #5d6f83;border-radius:8px;background:var(--camp-srf-hi);box-shadow:0 8px 20px #0006,inset 0 1px #ffffff08}.lobby-main .panel{border-left-color:#9a8140}.lobby-side .panel{border-left-color:#4f7b6a}.panel-title{font-size:13px;color:#b9a76a;margin-bottom:8px;font-weight:700;letter-spacing:2px}.lobby-scroll .panel-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-bottom:9px;letter-spacing:1px}.fx-settings{display:flex;flex-direction:column;gap:8px;margin:8px 0 10px}.fx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f0c1acc;border:1px solid #2e2745;border-radius:6px;padding:9px 10px}.fx-row span{display:flex;flex-direction:column;gap:2px;min-width:0}.fx-row b{color:#e8e0c8;font-size:13px}.fx-row em{color:#776f8a;font-style:normal;font-size:11px;line-height:1.35}.fx-row input[type=checkbox]{width:18px;height:18px;flex:0 0 auto}.fx-row select{max-width:116px;padding:5px 7px}.fx-actions{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.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;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--camp-line2, #3d4655) transparent}#class-row::-webkit-scrollbar{height:5px}#class-row::-webkit-scrollbar-thumb{background:var(--camp-line2, #3d4655);border-radius:3px}#class-row::-webkit-scrollbar-track{background:transparent}#class-row .class-card{scroll-snap-align:start}.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.mounted{border-color:#c9a227;background:#4a3a14cc}#btn-mount .mount-cur{font-size:10px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}#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;margin:8px auto 0;padding:8px 12px;border:1px solid #292a3e;border-radius:8px;background:#10131edd;box-shadow:0 6px 18px #0005}@media(min-width:900px){.level-line{max-width:min(1120px,94vw)}}.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}#mode-row{display:flex;gap:8px;overflow-x:auto;flex-wrap:wrap;padding-bottom:4px;touch-action:pan-x pan-y}#mode-row .tier-card{flex:1 1 168px}.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}