:root{--px: 2px;--fs: 1.2;--ink: #2a1a12;--wood: #5a3a24;--wood-hi: #8a5c38;--wood-lo: #3a2416;--paper: #f3e3c3;--paper-lo: #dcc49a;--gold: #f2c230;--hp: #e0484a;--hp-lo: #7a1e26;--mp: #3f86e8;--mp-lo: #1a3a7a;--exp: #f2cc5a;--exp-lo: #6a5418;--text: #fff6e0;--font: "Nunito", "Segoe UI", system-ui, sans-serif;--font-ui: var(--font)}.pixel-frame{background:linear-gradient(var(--wood-hi),var(--wood) 30%,var(--wood-lo));border:var(--px) solid var(--ink);box-shadow:inset 0 0 0 var(--px) var(--wood-hi),inset 0 0 0 calc(var(--px) * 2) var(--wood-lo),0 calc(var(--px) * 2) 0 #00000059;border-radius:calc(var(--px) * 3);image-rendering:pixelated}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font-ui);color:var(--text)}#ui>*{pointer-events:auto}.coin{width:calc(var(--px) * 5);height:calc(var(--px) * 5);border-radius:50%;background:var(--gold);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #c8901a,0 0 0 var(--px) var(--ink)}.btn{font:calc(var(--px) * 4 * var(--fs)) var(--font);color:var(--ink);background:linear-gradient(#fff2c8,var(--gold));cursor:pointer;border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);padding:calc(var(--px) * 3) calc(var(--px) * 6);box-shadow:inset 0 calc(var(--px) * -2) 0 #c8901a,0 var(--px) 0 var(--ink)}.btn:active{transform:translateY(var(--px));box-shadow:inset 0 calc(var(--px) * -1) 0 #c8901a}.win{position:absolute;padding:calc(var(--px) * 2);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:pan-y}.win-title{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--px) * 4);padding:calc(var(--px) * 2) calc(var(--px) * 3);cursor:grab}.win-title span{font:calc(var(--px) * 4 * var(--fs)) var(--font);color:var(--text);text-shadow:0 var(--px) 0 var(--ink);letter-spacing:calc(var(--px) * .5)}.win-close{font:bold calc(var(--px) * 6 * var(--fs)) var(--font-ui);line-height:1;color:var(--text);background:var(--hp-lo);border:var(--px) solid var(--ink);border-radius:var(--px);width:calc(var(--px) * 8);height:calc(var(--px) * 8);cursor:pointer;padding:0}.win-close:hover{background:var(--hp)}.win-body{background:var(--paper);border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);padding:calc(var(--px) * 3);box-shadow:inset 0 calc(var(--px) * 2) 0 #ffffff73,inset 0 calc(var(--px) * -2) 0 var(--paper-lo)}.tabs{display:flex;gap:var(--px);margin-bottom:calc(var(--px) * 3)}.tabs button{flex:1;font:calc(var(--px) * 3.5 * var(--fs)) var(--font);color:var(--paper);background:var(--wood);border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2) calc(var(--px) * 2) 0 0;padding:calc(var(--px) * 2) 0;cursor:pointer}.tabs button.on{background:var(--gold);color:var(--ink)}.slots{display:grid;gap:var(--px)}.inv-grid{grid-template-columns:repeat(6,calc(var(--px) * 20));grid-auto-rows:calc(var(--px) * 20)}.inv-grid .slot{width:calc(var(--px) * 20);height:calc(var(--px) * 20)}.inv-grid .slot img{width:calc(var(--px) * 16);height:calc(var(--px) * 16)}.slot{position:relative;width:calc(var(--px) * 22);height:calc(var(--px) * 22);background:var(--paper-lo);border:var(--px) solid var(--wood);border-radius:var(--px);box-shadow:inset var(--px) var(--px) 0 #0000002e;display:flex;align-items:center;justify-content:center}.slot.filled{background:#efdcb4;cursor:pointer}.slot.filled:hover{background:#fff1cf;border-color:var(--gold)}.slot img{width:calc(var(--px) * 18);height:calc(var(--px) * 18);image-rendering:pixelated;pointer-events:none}.slot .qty{position:absolute;right:var(--px);bottom:0;font:calc(var(--px) * 3 * var(--fs)) var(--font);color:var(--text);text-shadow:var(--px) var(--px) 0 var(--ink),calc(var(--px) * -1) 0 0 var(--ink)}.slot small{font-size:calc(var(--px) * 3 * var(--fs));color:var(--wood);opacity:.8}.noicon{font:calc(var(--px) * 6 * var(--fs)) var(--font);color:var(--wood)}.inv-foot{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--px) * 2);margin-top:calc(var(--px) * 3);font:calc(var(--px) * 4 * var(--fs)) var(--font);color:var(--wood)}.equip-grid{display:grid;grid-template-columns:calc(var(--px) * 22) calc(var(--px) * 72) calc(var(--px) * 22);grid-template-rows:repeat(5,calc(var(--px) * 22));gap:calc(var(--px) * 2);align-items:center;justify-items:center}.equip-grid .slot{width:calc(var(--px) * 22);height:calc(var(--px) * 22)}.equip-preview{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 92%,rgba(90,58,36,.3) 22%,transparent 24%),linear-gradient(#e9f4ff,#cfe6c4);border:var(--px) solid var(--wood);border-radius:calc(var(--px) * 2)}.equip-preview img{image-rendering:pixelated;margin-bottom:calc(var(--px) * 3)}.st-head{display:flex;flex-direction:column;margin-bottom:calc(var(--px) * 2)}.st-head b{font-size:calc(var(--px) * 5.5 * var(--fs))}.st-head small{font-size:calc(var(--px) * 4 * var(--fs));color:var(--wood)}.st-row{display:grid;grid-template-columns:1fr auto calc(var(--px) * 8);align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 4.2 * var(--fs));padding:var(--px) 0}.st-row b{font-weight:700}.st-row em{color:#2f7d3a;font-style:normal}.st-row.ap b{color:#b0301e}.win hr{border:0;border-top:var(--px) dashed var(--paper-lo);margin:calc(var(--px) * 2) 0}.plus{width:calc(var(--px) * 7);height:calc(var(--px) * 7);padding:0;font:bold calc(var(--px) * 5 * var(--fs)) var(--font-ui);line-height:1;color:var(--ink);background:var(--gold);border:var(--px) solid var(--ink);border-radius:var(--px);cursor:pointer}.plus:hover{background:#ffe27a}.px-icon{width:calc(var(--px) * 12);height:calc(var(--px) * 12);display:block;image-rendering:pixelated;flex:none}.thumb-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html:not(.touch) .thumb-zone{display:none}.thumb-ring{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.thumb-ring:before{content:"";position:absolute;left:calc(var(--px) * -26);top:calc(var(--px) * -26);width:calc(var(--px) * 52);height:calc(var(--px) * 52);border-radius:50%;border:var(--px) solid rgba(255,246,224,.5);background:#2a1a122e}.thumb-knob{position:absolute;left:calc(var(--px) * -10);top:calc(var(--px) * -10);width:calc(var(--px) * 20);height:calc(var(--px) * 20);border-radius:50%;background:#fff6e08c;border:var(--px) solid rgba(42,26,18,.6)}.touch .win-title{cursor:default}.layout-desktop .win .win-body{max-height:72vh;overflow-y:auto;overscroll-behavior:contain}.touch .win-body{display:flex;flex-direction:column;align-items:center}.touch .win-body>*{align-self:stretch}.touch .inv-grid,.touch .equip-grid{align-self:center!important}.touch .win-close{width:calc(var(--px) * 12);height:calc(var(--px) * 12)}.detail{align-self:stretch;display:flex;gap:calc(var(--px) * 3);align-items:flex-start;margin-top:calc(var(--px) * 3);padding:calc(var(--px) * 3);background:linear-gradient(#3a2a44,#231a2c);border:var(--px) solid #120c18;border-radius:calc(var(--px) * 2);color:var(--text);font-size:calc(var(--px) * 4 * var(--fs))}.detail[hidden]{display:none}.detail .detail-info{flex:1;min-width:0}.detail .detail-acts{display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.detail .btn{white-space:nowrap}.btn.alt{background:linear-gradient(var(--paper),var(--paper-lo));box-shadow:inset 0 calc(var(--px) * -2) 0 #b89a6a,0 var(--px) 0 var(--ink)}.slot.sel{border-color:var(--gold)!important;box-shadow:0 0 0 var(--px) var(--gold)}.npc-win .win-body{max-height:min(70vh,calc(var(--px) * 260));overflow-y:auto}.npc-say{margin:0 0 calc(var(--px) * 3);padding:calc(var(--px) * 3);background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2);font-size:calc(var(--px) * 4.2 * var(--fs));line-height:1.35}.npc-hint{margin:calc(var(--px) * 2) 0 0;font-size:calc(var(--px) * 3.5 * var(--fs));color:var(--wood);text-align:center}.npc-h{margin:calc(var(--px) * 3) 0 calc(var(--px) * 1.5);font:calc(var(--px) * 3.5 * var(--fs)) var(--font);color:var(--wood);display:flex;justify-content:space-between}.npc-h small{font:inherit;opacity:.8}.npc-act{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2);justify-content:center;align-items:center;margin-top:calc(var(--px) * 3)}.npc-act .btn{min-height:calc(var(--px) * 14)}.qty-step{display:flex;align-items:center;gap:calc(var(--px) * 1.5)}.qty-step b{min-width:calc(var(--px) * 12);text-align:center;font:calc(var(--px) * 4.5 * var(--fs)) var(--font)}.qty-step .btn{padding:calc(var(--px) * 2) calc(var(--px) * 3)}.shop-list{display:flex;flex-direction:column;gap:calc(var(--px) * 1.5)}.shop-row{display:flex;align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2);background:#efdcb4;border:var(--px) solid var(--wood);border-radius:calc(var(--px) * 2);cursor:pointer;text-align:left;font:inherit;color:var(--ink);min-height:calc(var(--px) * 20)}.shop-row.sel{border-color:var(--gold);box-shadow:0 0 0 var(--px) var(--gold);background:#fff1cf}.shop-ic{width:calc(var(--px) * 16);height:calc(var(--px) * 16);display:flex;align-items:center;justify-content:center}.shop-ic img{width:100%;height:100%;image-rendering:pixelated}.shop-nm{flex:1;display:flex;flex-direction:column;font-weight:700;font-size:calc(var(--px) * 4.2 * var(--fs))}.shop-nm small{font-weight:400;font-size:calc(var(--px) * 3.4 * var(--fs));color:var(--wood)}.shop-price{display:flex;align-items:center;gap:var(--px);font:calc(var(--px) * 3.5 * var(--fs)) var(--font);color:#7a5410}.npc-grid{align-self:center}.q-name{margin:0 0 calc(var(--px) * 2);font-size:calc(var(--px) * 5 * var(--fs))}.q-type{font:normal calc(var(--px) * 2.5 * var(--fs)) var(--font);color:var(--ink);background:#9be8ff;padding:calc(var(--px) * .5) calc(var(--px) * 1.5);border-radius:var(--px);vertical-align:middle}.q-desc{margin:0 0 calc(var(--px) * 2);font-size:calc(var(--px) * 3.6 * var(--fs));color:var(--wood)}.q-obj{display:grid;grid-template-columns:1fr calc(var(--px) * 30) auto;align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 3.8 * var(--fs));margin:var(--px) 0}.q-bar{height:calc(var(--px) * 3.5);background:var(--ink);border-radius:var(--px);overflow:hidden}.q-bar i{display:block;height:100%;background:#7ee07a}.q-obj b{font:calc(var(--px) * 3 * var(--fs)) var(--font)}.q-rew{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--px) * 3);font-size:calc(var(--px) * 4 * var(--fs))}.q-exp{color:#1b7fa8;font-weight:700}.q-gold{display:inline-flex;align-items:center;gap:var(--px);font-weight:700;color:#7a5410}.q-item{position:relative;width:calc(var(--px) * 18);height:calc(var(--px) * 18);background:var(--paper-lo);border:var(--px) solid var(--wood);border-radius:var(--px);display:flex;align-items:center;justify-content:center}.q-item img{width:calc(var(--px) * 14);height:calc(var(--px) * 14);image-rendering:pixelated}.q-item .qty{position:absolute;right:var(--px);bottom:0;font:calc(var(--px) * 3 * var(--fs)) var(--font);color:var(--text);text-shadow:var(--px) var(--px) 0 var(--ink)}.q-card{padding:calc(var(--px) * 3);margin-bottom:calc(var(--px) * 2);background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2)}.q-card.ready{border-color:#3a9a3e;box-shadow:inset 0 0 0 var(--px) #b8f5b0}.q-state{display:block;font-size:calc(var(--px) * 3.4 * var(--fs));color:var(--wood);margin-bottom:calc(var(--px) * 1.5)}.q-card.ready .q-state{color:#2f7d3a;font-weight:700}.q-foot{display:flex;align-items:center;gap:calc(var(--px) * 3);margin-top:calc(var(--px) * 2);font-size:calc(var(--px) * 3.6 * var(--fs))}.q-ab{margin-left:auto;padding:calc(var(--px) * 1.5) calc(var(--px) * 3);font-size:calc(var(--px) * 3 * var(--fs))}.job-skills{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2)}.job-skill{display:flex;flex-direction:column;align-items:center;width:calc(var(--px) * 26);font-size:calc(var(--px) * 2.8 * var(--fs));text-align:center;color:var(--wood)}.job-warn{color:#b0301e;font-weight:700;text-align:center;margin:calc(var(--px) * 2) 0 0;font-size:calc(var(--px) * 4 * var(--fs))}.sk-img{width:calc(var(--px) * 16);height:calc(var(--px) * 16);image-rendering:pixelated;display:block}.sk-list{display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.sk-row{display:grid;grid-template-columns:calc(var(--px) * 18) 1fr calc(var(--px) * 8);gap:calc(var(--px) * 2);align-items:start;padding:calc(var(--px) * 2);background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2)}.sk-row.dim .sk-ic{opacity:.45;filter:grayscale(.6)}.sk-ic{width:calc(var(--px) * 18);height:calc(var(--px) * 18);background:var(--ink);border-radius:calc(var(--px) * 2);display:flex;align-items:center;justify-content:center}.sk-info{display:flex;flex-direction:column;gap:calc(var(--px) * .5);font-size:calc(var(--px) * 3.6 * var(--fs));min-width:0}.sk-info b{font-size:calc(var(--px) * 4.2 * var(--fs))}.sk-info b small{font-weight:400;color:var(--wood);font-size:calc(var(--px) * 3.2 * var(--fs))}.sk-info em{font-style:normal;color:#1b7fa8;font-size:calc(var(--px) * 3.2 * var(--fs))}.sk-slots{display:flex;gap:calc(var(--px) * 1.5);margin-top:calc(var(--px) * 1)}.sk-slot{min-width:calc(var(--px) * 12);height:calc(var(--px) * 10);font:calc(var(--px) * 3 * var(--fs)) var(--font);background:var(--paper-lo);border:var(--px) solid var(--wood);border-radius:calc(var(--px) * 1.5);cursor:pointer;color:var(--ink)}.sk-slot.on{background:var(--gold);border-color:var(--ink)}.sk-job{margin-top:calc(var(--px) * 3)}.sk-job b{font-size:calc(var(--px) * 4.2 * var(--fs))}.menu-links{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--px) * 2)}.menu-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--px);padding:calc(var(--px) * 2);background:linear-gradient(var(--wood-hi),var(--wood));color:var(--text);border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);font:calc(var(--px) * 2.8 * var(--fs)) var(--font);cursor:pointer}.menu-link .dot{position:absolute;top:calc(var(--px) * -1);right:calc(var(--px) * -1);width:calc(var(--px) * 4);height:calc(var(--px) * 4);border-radius:50%;background:var(--hp);border:var(--px) solid var(--ink)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--px) * 3);width:100%;padding:calc(var(--px) * 2) 0;background:none;border:0;border-bottom:var(--px) dashed var(--paper-lo);text-align:left;cursor:pointer;font:inherit;color:var(--ink)}.set-row span{display:flex;flex-direction:column;font-size:calc(var(--px) * 4 * var(--fs))}.set-row small{color:var(--wood);font-size:calc(var(--px) * 3.2 * var(--fs))}.toggle{flex:none;width:calc(var(--px) * 16);height:calc(var(--px) * 8);border-radius:calc(var(--px) * 4);background:var(--paper-lo);border:var(--px) solid var(--wood);position:relative}.toggle:after{content:"";position:absolute;top:var(--px);left:var(--px);width:calc(var(--px) * 5);height:calc(var(--px) * 5);border-radius:50%;background:var(--wood);transition:left .15s}.toggle.on{background:#7ee07a;border-color:#2f7d3a}.toggle.on:after{left:calc(var(--px) * 9);background:#fff}.chat-log{height:calc(var(--px) * 70);overflow-y:auto;font-size:calc(var(--px) * 3.8 * var(--fs));line-height:1.35;background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2);padding:calc(var(--px) * 2);-webkit-user-select:text;user-select:text}.cl{word-break:break-word}.cl.sys{color:#b0301e;font-style:italic}.cl.party i{color:#1f8a66;font-style:normal;font-weight:700}.cl.whisper{color:#8a3fb8}.cl b{font-weight:800}.chat-form,.party-form{display:flex;gap:calc(var(--px) * 1.5);margin-top:calc(var(--px) * 2)}.chat-in,.party-in,.trade-gold{flex:1;min-width:0;font:calc(var(--px) * 4.2 * var(--fs)) var(--font-ui);padding:calc(var(--px) * 2);border:var(--px) solid var(--wood);border-radius:calc(var(--px) * 2);background:#fffdf5;color:var(--ink);-webkit-user-select:text;user-select:text}.touch .chat-in,.touch .party-in{font-size:16px}.chat-mode.party{background:linear-gradient(#b8f5b0,#3a9a3e)}.layout-desktop .chat-win{left:calc(var(--px) * 4)!important;top:auto!important;bottom:calc(var(--px) * 44)}.pm{display:grid;grid-template-columns:1fr calc(var(--px) * 28) auto;align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1.5) 0;border-bottom:var(--px) dashed var(--paper-lo);font-size:calc(var(--px) * 4 * var(--fs))}.pm small{color:var(--wood)}.pm-kick{background:var(--hp-lo);color:#fff}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--px) * 3)}.trade-grid{grid-template-columns:repeat(3,calc(var(--px) * 20))}.trade-grid .slot,.trade-bag .slot{width:calc(var(--px) * 20);height:calc(var(--px) * 20)}.trade-g{display:flex;align-items:center;gap:calc(var(--px) * 1.5);margin-top:calc(var(--px) * 2);font:calc(var(--px) * 3.5 * var(--fs)) var(--font)}.trade-g .trade-gold{width:calc(var(--px) * 30);flex:none;padding:var(--px) calc(var(--px) * 1.5)}.fr{display:flex;align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1.5) 0;border-bottom:var(--px) dashed var(--paper-lo)}.fr span{flex:1;display:flex;flex-direction:column;font-size:calc(var(--px) * 4 * var(--fs))}.fr small{color:var(--wood);font-size:calc(var(--px) * 3.2 * var(--fs))}.fr .btn{padding:calc(var(--px) * 1.5) calc(var(--px) * 2.5);font-size:calc(var(--px) * 2.8 * var(--fs))}.st{width:calc(var(--px) * 3);height:calc(var(--px) * 3);border-radius:50%;background:#999;flex:none}.st.on{background:#3ad13a;box-shadow:0 0 calc(var(--px) * 2) #3ad13a}.pl-head{margin:0 0 calc(var(--px) * 2);font-size:calc(var(--px) * 4 * var(--fs));color:var(--wood)}.pl-acts{display:flex;flex-direction:column;gap:calc(var(--px) * 1.5)}.pl-gear{display:flex;flex-wrap:wrap;gap:var(--px);margin-top:calc(var(--px) * 2)}.invite{position:absolute;left:50%;top:14%;transform:translate(-50%);z-index:5500;width:min(86vw,calc(var(--px) * 150));padding:calc(var(--px) * 3) calc(var(--px) * 4) calc(var(--px) * 4);color:var(--text);overflow:hidden}.invite p{margin:0 0 calc(var(--px) * 3);font-size:calc(var(--px) * 4.2 * var(--fs));text-shadow:0 var(--px) 0 var(--ink);text-align:center}.inv-acts{display:flex;gap:calc(var(--px) * 3);justify-content:center}.inv-timer{position:absolute;left:0;bottom:0;height:calc(var(--px) * 1.5);width:100%;background:var(--gold);transform-origin:left;animation:inv-timer linear forwards}@keyframes inv-timer{to{transform:scaleX(0)}}.account{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(var(--px) * 4) calc(var(--px) * 4) calc(var(--px) * 4 + env(safe-area-inset-bottom));background:#7ec3ef}.acc-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.acc-bg i{position:absolute;left:0;right:0;bottom:0;background-repeat:repeat-x;background-position:0 100%;image-rendering:pixelated;animation:acc-pan 90s linear infinite}.acc-bg .far{top:0;background-image:url(/assets/game/maps/town-far.png);background-size:auto 70%;filter:saturate(.8) blur(1px);opacity:.9}.acc-bg .mid{height:55%;background-image:url(/assets/game/maps/town-mid.png);background-size:auto 100%;animation-duration:45s}@keyframes acc-pan{to{background-position-x:-2048px}}.acc-box{position:relative;width:min(92vw,calc(var(--px) * 170));display:flex;flex-direction:column;align-items:center;gap:calc(var(--px) * 4)}.acc-logo{display:flex;flex-direction:column;align-items:center}.acc-logo img{width:calc(var(--px) * 22);height:calc(var(--px) * 22);image-rendering:pixelated;filter:drop-shadow(0 var(--px) 0 var(--ink));animation:acc-bob 2.4s ease-in-out infinite}@keyframes acc-bob{50%{transform:translateY(calc(var(--px) * -2))}}.acc-logo h1{margin:calc(var(--px) * 2) 0 0;font:calc(var(--px) * 12 * var(--fs)) var(--font);color:var(--gold);letter-spacing:var(--px);text-shadow:0 calc(var(--px) * 1.5) 0 var(--ink),var(--px) 0 0 var(--ink),calc(var(--px) * -1) 0 0 var(--ink),0 calc(var(--px) * -1) 0 var(--ink),0 calc(var(--px) * 3) 0 rgba(0,0,0,.3)}.acc-logo small{font:calc(var(--px) * 3.5 * var(--fs)) var(--font);color:var(--text);text-shadow:0 var(--px) 0 var(--ink);margin-top:calc(var(--px) * 2)}.acc-panel{width:100%;box-sizing:border-box;padding:calc(var(--px) * 6);display:flex;flex-direction:column;gap:calc(var(--px) * 3);color:var(--text)}.acc-lead,.acc-hint{margin:0;text-align:center;font-size:calc(var(--px) * 4.2 * var(--fs));text-shadow:0 var(--px) 0 var(--ink)}.acc-hint{font-size:calc(var(--px) * 3.4 * var(--fs));color:var(--paper-lo)}.acc-h{margin:0;text-align:center;font:calc(var(--px) * 5 * var(--fs)) var(--font);color:var(--gold);text-shadow:0 var(--px) 0 var(--ink)}.acc-big{width:100%;min-height:calc(var(--px) * 18);font-size:calc(var(--px) * 4.5 * var(--fs))}.acc-small{font-size:calc(var(--px) * 3 * var(--fs));padding:calc(var(--px) * 2) calc(var(--px) * 3)}.acc-big .g{display:inline-block;width:calc(var(--px) * 6);color:#4285f4;font-family:Arial,sans-serif}.acc-email,.acc-code,.acc-create,.acc-del{display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.acc-email input,.acc-otp,.acc-name{font:16px var(--font-ui);font-size:max(16px,calc(var(--px) * 5));padding:calc(var(--px) * 3);border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);background:#fffdf5;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text}.acc-otp{font-family:var(--font);letter-spacing:calc(var(--px) * 2)}.acc-err{margin:0;text-align:center;color:#ffb4a8;font-size:calc(var(--px) * 3.8 * var(--fs));text-shadow:0 var(--px) 0 var(--ink)}.acc-err[hidden]{display:none}.acc-slots{display:flex;flex-direction:column;gap:calc(var(--px) * 2)}.acc-slot{display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--px) * 3) calc(var(--px) * 4);background:var(--paper);border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);color:var(--ink);cursor:pointer;text-align:left;font:inherit}.acc-slot b{font-size:calc(var(--px) * 5 * var(--fs))}.acc-slot small{font-size:calc(var(--px) * 3.4 * var(--fs));color:var(--wood)}.acc-slot.on{background:linear-gradient(#fff2c8,var(--gold));box-shadow:0 0 0 var(--px) var(--gold)}.acc-slot.empty{background:#f3e3c366;border-style:dashed;align-items:center;color:var(--text)}.acc-slot.empty small{color:var(--paper-lo)}.acc-row{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2);justify-content:center}.btn.danger{background:linear-gradient(#ffb4a8,var(--hp));color:#fff;box-shadow:inset 0 calc(var(--px) * -2) 0 var(--hp-lo),0 var(--px) 0 var(--ink)}.btn:disabled{opacity:.5;cursor:default}.acc-foot{font:calc(var(--px) * 2.5 * var(--fs)) var(--font);color:var(--text);text-shadow:0 var(--px) 0 var(--ink);opacity:.8}.acc-confirm{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(86vw,calc(var(--px) * 150));padding:calc(var(--px) * 5);color:var(--text);z-index:9100;text-align:center}.acc-confirm p{font-size:calc(var(--px) * 4.2 * var(--fs));text-shadow:0 var(--px) 0 var(--ink)}.mm{width:100%;height:auto;image-rendering:pixelated;border:var(--px) solid var(--ink);border-radius:calc(var(--px) * 2);display:block}.mm-legend{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 1) calc(var(--px) * 3);margin:calc(var(--px) * 2) 0;font-size:calc(var(--px) * 3.2 * var(--fs));color:var(--wood);align-items:center}.mm-legend i{width:calc(var(--px) * 3);height:calc(var(--px) * 3);display:inline-block;margin-right:calc(var(--px) * -1.5)}.mm-legend .me{background:#7ee07a}.mm-legend .mob{background:#e0484a}.mm-legend .npc{background:#ffb347}.mm-legend .por{background:#7fd4ff}.mm-legend .oth{background:#74b9ff}.world{display:flex;align-items:stretch;gap:calc(var(--px) * 2)}.wm{flex:1;display:flex;flex-direction:column;gap:var(--px);padding:calc(var(--px) * 2);background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2);font-size:calc(var(--px) * 3.4 * var(--fs))}.wm b{font-size:calc(var(--px) * 4 * var(--fs))}.wm small{color:var(--wood)}.wm.here{border-color:#3a9a3e;box-shadow:inset 0 0 0 var(--px) #b8f5b0}.wm-link{align-self:center;font:calc(var(--px) * 5 * var(--fs)) var(--font);color:var(--wood)}.ach{padding:calc(var(--px) * 2);margin-bottom:calc(var(--px) * 1.5);background:#fff8e6;border:var(--px) solid var(--paper-lo);border-radius:calc(var(--px) * 2);display:flex;flex-direction:column;font-size:calc(var(--px) * 3.6 * var(--fs))}.ach b{font-size:calc(var(--px) * 4.2 * var(--fs));display:flex;justify-content:space-between}.ach b small{color:#7a5410}.ach>small{color:var(--wood)}.ach em{color:#2f7d3a;font-style:normal;font-weight:700}.ach.done{border-color:#3a9a3e}.lb-row{display:grid;grid-template-columns:calc(var(--px) * 12) 1fr auto;gap:calc(var(--px) * 2);align-items:center;padding:calc(var(--px) * 1.5) calc(var(--px) * 1);border-bottom:var(--px) dashed var(--paper-lo);font-size:calc(var(--px) * 4 * var(--fs))}.lb-row span{display:flex;flex-direction:column}.lb-row small{color:var(--wood);font-size:calc(var(--px) * 3.2 * var(--fs))}.lb-row.me{background:#fff1cf}.lb-rank{font:calc(var(--px) * 3.5 * var(--fs)) var(--font);text-align:center}.lb-rank.r1{color:#c8901a}.lb-rank.r2{color:#7a8a9a}.lb-rank.r3{color:#a0603a}.pn{margin-bottom:calc(var(--px) * 3)}.pn .q-name small{font-weight:400;color:var(--wood);font-size:calc(var(--px) * 3.2 * var(--fs))}.pn ul{margin:0;padding-left:calc(var(--px) * 4);font-size:calc(var(--px) * 3.8 * var(--fs))}.pn li{margin:var(--px) 0}.pn em{font:normal calc(var(--px) * 2.5 * var(--fs)) var(--font);padding:0 var(--px);border-radius:var(--px);color:#fff}.pn-feature{background:#3a9a3e}.pn-improvement{background:#3f86e8}.pn-fix{background:#b0301e}.enh-head{display:flex;gap:calc(var(--px) * 3);align-items:center}.enh-head div{display:flex;flex-direction:column;font-size:calc(var(--px) * 4 * var(--fs))}.enh-head small{color:var(--wood)}.npc-say.ok{border-color:#3a9a3e;color:#1f6a2a;font-weight:700}.npc-say.bad{border-color:#b0301e;color:#8a2414}.keys-touch{margin:0;padding-left:calc(var(--px) * 4);font-size:calc(var(--px) * 3.8 * var(--fs))}.key-row{display:flex;justify-content:space-between;gap:calc(var(--px) * 3);padding:var(--px) 0;font-size:calc(var(--px) * 3.8 * var(--fs));border-bottom:var(--px) dashed var(--paper-lo)}.key-row kbd{font:calc(var(--px) * 3 * var(--fs)) var(--font);color:var(--wood)}.touch .keys{display:none}.key-btn{min-width:calc(var(--px) * 22);font:calc(var(--px) * 3 * var(--fs)) var(--font);color:var(--ink);background:var(--paper-lo);border:var(--px) solid var(--wood);border-radius:calc(var(--px) * 1.5);padding:var(--px) calc(var(--px) * 2);cursor:pointer}.key-btn.on{background:var(--gold);border-color:var(--ink)}.tip{position:fixed;z-index:6000;pointer-events:none;padding:calc(var(--px) * 4);max-width:calc(var(--px) * 110);color:var(--text);font-size:calc(var(--px) * 4 * var(--fs));background:linear-gradient(#3a2a44,#231a2c);border-color:#120c18}.tip-name{font-weight:700;font-size:calc(var(--px) * 5 * var(--fs));margin-bottom:var(--px)}.tip-name small{color:var(--paper-lo)}.tip-type{color:#bfb0d4;margin-bottom:calc(var(--px) * 2)}.tip-stat b{color:#ffe27a}.tip-stat em{color:#8fe08f;font-style:normal}.tip-req{color:#c8c0d8}.tip-req.bad{color:#ff8a80}.tip-sell{margin-top:calc(var(--px) * 2);color:var(--gold)}.rarity-rare{color:#7fb8ff}.rarity-epic{color:#d59bff}.rarity-legendary{color:#ffb347}.pixel-frame,.win,.tip,.slot,.chat-in,.party-in,.trade-gold,.acc-email input,.acc-otp,.acc-name{image-rendering:pixelated;border-style:solid;box-shadow:none;border-radius:0;background:none}.pixel-frame{border-width:calc(var(--px) * 7);border-image:url(/assets/game/ui/kit/panel_dark.png) 8 fill / calc(var(--px) * 8) stretch;background:#2b2330 padding-box}.win{border-width:calc(var(--px) * 7);border-image:url(/assets/game/ui/kit/panel.png) 8 fill / calc(var(--px) * 8) stretch;background:#f4e4c1 padding-box;padding:calc(var(--px) * 1) calc(var(--px) * 2) calc(var(--px) * 2)}.win-title{padding:calc(var(--px) * 1) calc(var(--px) * 1) calc(var(--px) * 2);border-bottom:var(--px) dashed var(--paper-lo);margin-bottom:calc(var(--px) * 2)}.win-title span{color:var(--ink);text-shadow:none;font-weight:700;letter-spacing:0}.win-body{background:none;border:0;box-shadow:none;padding:calc(var(--px) * 1);border-radius:0}.tip{border-width:calc(var(--px) * 4);border-image:url(/assets/game/ui/kit/panel_tip.png) 5 fill / calc(var(--px) * 5) stretch}.slot{border-width:calc(var(--px) * 3);border-image:url(/assets/game/ui/kit/slot.png) 6 fill / calc(var(--px) * 5) stretch;background:#d9b98a padding-box}.slot.filled{background:none}.slot.filled:hover,.slot.sel{border-image-source:url(/assets/game/ui/kit/slot_on.png);box-shadow:none}.chat-in,.party-in,.trade-gold,.acc-email input,.acc-otp,.acc-name{border-width:calc(var(--px) * 3);border-image:url(/assets/game/ui/kit/input.png) 5 fill / calc(var(--px) * 4) stretch}.coin{background:url(/assets/game/ui/icons/coin.png) center / contain no-repeat;box-shadow:none;border-radius:0;image-rendering:pixelated;width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.px-icon{width:calc(var(--px) * 12);height:calc(var(--px) * 12);image-rendering:pixelated}.slot{box-sizing:border-box}.account{background:#3a2a44;align-items:stretch;padding:0}.acc-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/game/ui/title-landscape.png) center 40% / cover no-repeat;image-rendering:pixelated}.acc-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#140c1800 45%,#140c188c)}@media(orientation:portrait){.acc-bg{background-image:url(/assets/game/ui/title-portrait.png);background-position:center top}}.acc-box{margin:auto;padding:calc(var(--px) * 6) calc(var(--px) * 4) calc(var(--px) * 6 + env(safe-area-inset-bottom));min-height:100%;box-sizing:border-box;justify-content:space-between}.acc-logo h1{margin:0;line-height:0}.acc-logo h1 img{width:min(86vw,calc(var(--px) * 122 * 1.6));height:auto;image-rendering:pixelated;filter:drop-shadow(0 var(--px) 0 rgba(20,12,24,.6)) drop-shadow(0 calc(var(--px) * 3) calc(var(--px) * 4) rgba(20,12,24,.35));animation:acc-bob 3s ease-in-out infinite}.acc-logo small{margin-top:calc(var(--px) * 3);font-weight:700;letter-spacing:var(--px)}.acc-panel{border-width:calc(var(--px) * 7);border-image:url(/assets/game/ui/kit/panel.png) 8 fill / calc(var(--px) * 8) stretch;color:var(--ink);background:none;box-shadow:none}.acc-panel .acc-lead,.acc-panel .acc-hint,.acc-panel .acc-h{color:var(--ink);text-shadow:none}.acc-panel .acc-h{color:#7a4a12}.acc-panel .acc-err{color:#b0301e;text-shadow:none;font-weight:700}.acc-slot{border-style:solid;border-width:calc(var(--px) * 3);border-image:url(/assets/game/ui/kit/slot.png) 6 fill / calc(var(--px) * 5) stretch;background:none;box-shadow:none}.acc-slot.on{border-image-source:url(/assets/game/ui/kit/slot_on.png);background:none;box-shadow:none}.acc-slot.empty{border-style:solid;color:var(--wood);opacity:.85}.acc-slot.empty small{color:var(--wood)}.acc-foot{color:#fff6e0}.acc-confirm{border-width:calc(var(--px) * 7);border-image:url(/assets/game/ui/kit/panel.png) 8 fill / calc(var(--px) * 8) stretch;color:var(--ink)}.acc-confirm p{text-shadow:none}.acc-big .g{display:none}.acc-logo small{text-shadow:0 var(--px) 0 var(--ink),var(--px) 0 0 var(--ink),calc(var(--px) * -1) 0 0 var(--ink),0 calc(var(--px) * -1) 0 var(--ink);color:#fff6e0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--px) * 1.5);min-height:calc(var(--px) * 13);padding:calc(var(--px) * 1.5) calc(var(--px) * 5);font:800 calc(var(--px) * 3.8 * var(--fs)) var(--font);color:#3a2206;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(#ffdf8a,#f3b33c);border:0;border-radius:calc(var(--px) * 3.5);box-shadow:inset 0 calc(var(--px) * -.8) 0 #8c460059,inset 0 calc(var(--px) * .5) 0 #ffffff8c,0 calc(var(--px) * .8) calc(var(--px) * 2) #28140040;cursor:pointer;transition:filter .12s,transform .08s;image-rendering:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(calc(var(--px) * .5));box-shadow:inset 0 calc(var(--px) * .8) calc(var(--px) * 1.5) #8c460059;border-image-source:none}.btn:focus-visible{outline:calc(var(--px) * 1) solid #fff;outline-offset:calc(var(--px) * .5)}.btn.alt{background:linear-gradient(#fffaf0,#eadcc2);color:#3a2a1a;box-shadow:inset 0 0 0 1px #5a3a2447,inset 0 calc(var(--px) * -.8) 0 #5a3a2424,0 calc(var(--px) * .6) calc(var(--px) * 1.5) #2814002e}.btn.danger{background:linear-gradient(#ff8f80,#d8433b);color:#fff;box-shadow:inset 0 calc(var(--px) * -.8) 0 #5a0a0a66,0 calc(var(--px) * .8) calc(var(--px) * 2) #28000040}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;filter:grayscale(.4);cursor:default;transform:none}.tabs{gap:calc(var(--px) * 1);padding:calc(var(--px) * 1);background:#5a3a2424;border-radius:calc(var(--px) * 3.5)}.tabs button{border:0;border-radius:calc(var(--px) * 2.5);padding:calc(var(--px) * 1.8) 0;background:transparent;color:#6a4a2a;font:800 calc(var(--px) * 3.4 * var(--fs)) var(--font);box-shadow:none;transition:background .12s}.tabs button:hover{background:#ffffff73}.tabs button.on{background:#fffaf0;color:#3a2206;box-shadow:0 calc(var(--px) * .5) calc(var(--px) * 1.5) #28140033}.toggle{flex:none;position:relative;width:calc(var(--px) * 17);height:calc(var(--px) * 9.5);border:0;border-radius:999px;background:#5a3a2447;box-shadow:inset 0 1px 2px #00000040;transition:background .18s;image-rendering:auto}.toggle:after{content:"";display:block;position:absolute;top:calc(var(--px) * 1.1);left:calc(var(--px) * 1.1);width:calc(var(--px) * 7.3);height:calc(var(--px) * 7.3);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:left .18s}.toggle.on{background:#46b85a}.toggle.on:after{left:calc(var(--px) * 8.6);background:#fff}.set-row{border-bottom:1px solid rgba(90,58,36,.16);padding:calc(var(--px) * 2.5) calc(var(--px) * 1);border-radius:calc(var(--px) * 2)}.set-row:hover{background:#ffffff59}.set-row b{font-weight:800}.menu-link{border:0;border-radius:calc(var(--px) * 4);padding:calc(var(--px) * 3) calc(var(--px) * 1.5) calc(var(--px) * 2.5);background:linear-gradient(#fffaf0,#efe2c8);color:#3a2a1a;font:800 calc(var(--px) * 3.2 * var(--fs)) var(--font);box-shadow:inset 0 0 0 1px #5a3a2433,0 calc(var(--px) * .6) calc(var(--px) * 1.5) #28140026;transition:transform .1s,box-shadow .1s}.menu-link:hover{transform:translateY(calc(var(--px) * -.5));box-shadow:inset 0 0 0 1px #5a3a244d,0 calc(var(--px) * 1.5) calc(var(--px) * 3) #28140033}.menu-link .px-icon{width:calc(var(--px) * 13);height:calc(var(--px) * 13)}.menu-link .dot{top:calc(var(--px) * 1);right:calc(var(--px) * 1);border:0;box-shadow:0 0 0 calc(var(--px) * .6) #fffaf0}.sk-slot,.key-btn{border:0;border-radius:calc(var(--px) * 2.5);background:#fffaf0;color:#3a2a1a;font:800 calc(var(--px) * 3 * var(--fs)) var(--font);box-shadow:inset 0 0 0 1px #5a3a244d;padding:calc(var(--px) * .8) calc(var(--px) * 2)}.sk-slot.on,.key-btn.on{background:linear-gradient(#ffdf8a,#f3b33c);color:#3a2206;box-shadow:inset 0 calc(var(--px) * -.6) 0 #8c46004d}.plus{border:0;border-radius:50%;background:linear-gradient(#ffdf8a,#f3b33c);color:#3a2206;box-shadow:inset 0 calc(var(--px) * -.6) 0 #8c460059;width:calc(var(--px) * 8);height:calc(var(--px) * 8);font:900 calc(var(--px) * 5 * var(--fs)) / 1 var(--font)}.win-close{width:calc(var(--px) * 11);height:calc(var(--px) * 11);border:0;border-radius:50%;padding:0;background:#5a3a2429;color:#5a3a24;font:900 calc(var(--px) * 6.5) / 1 var(--font);display:grid;place-items:center;cursor:pointer;image-rendering:auto}.win-close:hover{background:#e2504a;color:#fff;filter:none}.profs{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--px) * 3);margin-bottom:calc(var(--px) * 3)}.prof{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(var(--px) * .5) calc(var(--px) * 2);font-size:calc(var(--px) * 3.4 * var(--fs));color:var(--wood)}.prof b{color:var(--ink)}.prof small{font-size:calc(var(--px) * 2.8 * var(--fs))}.prof .prof-bar{grid-column:1 / 3}.prof-bar{height:calc(var(--px) * 2.5);border-radius:999px;background:#5a3a2433;overflow:hidden}.prof-bar i{display:block;height:100%;background:linear-gradient(#ffd97a,#e39a2a);border-radius:999px;transition:width .3s}.tabs.chips button{font-size:calc(var(--px) * 3 * var(--fs))}.craft-list{display:flex;flex-direction:column;gap:calc(var(--px) * 1.5);max-height:38vh;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--px) * .5)}.craft-row{display:flex;align-items:center;gap:calc(var(--px) * 2.5);padding:calc(var(--px) * 1.5) calc(var(--px) * 2);background:#fffaf0;border:1px solid rgba(90,58,36,.25);border-radius:calc(var(--px) * 3);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.craft-row:hover{background:#fff}.craft-row.sel{border-color:#e39a2a;box-shadow:0 0 0 calc(var(--px) * .8) #f3b33c}.craft-row.locked{opacity:.55}.craft-row.can .craft-nm small{color:#2f8a3e;font-weight:800}.craft-ic{width:calc(var(--px) * 14);height:calc(var(--px) * 14);flex:none;display:flex;align-items:center;justify-content:center}.craft-ic img{width:100%;height:100%;image-rendering:pixelated}.craft-nm{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:800;font-size:calc(var(--px) * 3.8 * var(--fs))}.craft-nm small{font-weight:700;font-size:calc(var(--px) * 3 * var(--fs));color:var(--wood)}.craft-mats{display:flex;gap:calc(var(--px) * 1);flex-wrap:wrap;justify-content:flex-end;max-width:48%}.mat{display:inline-flex;align-items:center;gap:calc(var(--px) * .5);padding:calc(var(--px) * .3) calc(var(--px) * 1.2) calc(var(--px) * .3) calc(var(--px) * .3);border-radius:999px;background:#46b85a29;font-size:calc(var(--px) * 2.9 * var(--fs))}.mat img,.mat .noicon{width:calc(var(--px) * 7);height:calc(var(--px) * 7);image-rendering:pixelated;font-size:calc(var(--px) * 3 * var(--fs))}.mat b{font-weight:800;color:#2a6a30}.mat.short{background:#e2504a24}.mat.short b{color:#b0301e}.craft-need{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--px) * 1.5);justify-content:center;margin-top:calc(var(--px) * 3);font-size:calc(var(--px) * 3.3 * var(--fs));color:var(--wood)}.jobs{display:flex;flex-direction:column;gap:calc(var(--px) * 1.5)}.fjob{display:flex;align-items:center;gap:calc(var(--px) * 2.5);padding:calc(var(--px) * 1.5) calc(var(--px) * 2);background:#ffffff80;border-radius:calc(var(--px) * 3)}.fjob-nm{flex:1;display:flex;flex-direction:column;gap:calc(var(--px) * 1);font-weight:800;font-size:calc(var(--px) * 3.5 * var(--fs))}.fjob small{font-weight:800;font-size:calc(var(--px) * 3.2 * var(--fs));color:#b8741c;min-width:calc(var(--px) * 14);text-align:right}.auto-mode{cursor:default}.auto-mode .tabs{margin:0;flex:none}.auto-mode .tabs button{padding:calc(var(--px) * 1.4) calc(var(--px) * 3)}:root{--hfs: 15px;--h-text: #f5f0e6;--h-muted: #b9b1a3;--h-gold: #f7c65a;--h-gold-deep: #d9951f;--h-edge: rgba(255, 255, 255, .12);--h-glass: rgba(16, 14, 24, .58);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}@media(min-width:1400px)and (min-height:800px){:root{--hfs: 16px}}@media(max-width:480px){:root{--hfs: 14px}}@media(max-height:520px){:root{--hfs: 12.5px}}.hud-card,.dock-tabs,.dock-cluster,.q-tracker,.hud-notices,.hud-map,.hud-dialog,.hud-log,.tut-card,.invite{font-size:var(--hfs);font-family:var(--font);color:var(--h-text)}.glass{background:var(--h-glass);border:1px solid var(--h-edge);border-radius:1em;box-shadow:inset 0 1px #ffffff14,0 .5em 1.5em #00000047;backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25)}.touch .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#100e18b8}#ui>.hud-card,#ui>.hud-map,#ui>.hud-notices,#ui>.hud-log,#ui>.dock-cluster{pointer-events:none}.glyph{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.hud-card{position:absolute;z-index:5;left:calc(1em + var(--safe-l));top:calc(1em + var(--safe-t));width:21.5em;display:flex;gap:.8em;align-items:center;padding:.6em 1em .7em .6em;pointer-events:none}.hud-face{position:relative;width:4em;height:4em;flex:none;border-radius:50%;padding:.24em;background:conic-gradient(var(--h-gold) calc(var(--exp, 0) * 1turn),rgba(255,255,255,.14) 0)}.hud-face-in{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3b5d57,#1c2a30)}.hud-face-img{position:absolute;left:50%;top:6%;height:175%;transform:translate(-50%);image-rendering:pixelated}.hud-face-img[hidden]{display:none}.hud-lv{position:absolute;left:50%;bottom:-.5em;transform:translate(-50%);padding:.05em .6em;border-radius:999px;background:linear-gradient(#ffd97a,var(--h-gold-deep));color:#2a1a06;font-weight:800;font-size:.72em;white-space:nowrap;box-shadow:0 .15em .4em #00000059}.hud-lv b{font-weight:900}.hud-who{flex:1;min-width:0}.hud-who-top{display:flex;align-items:baseline;gap:.45em;white-space:nowrap;margin-bottom:.3em}.hud-who-top .name{font-weight:800;font-size:1.05em;overflow:hidden;text-overflow:ellipsis;min-width:0}.hud-who-top .job{color:var(--h-muted);font-weight:700;font-size:.78em}.hud-meso{margin-left:auto;display:flex;align-items:center;gap:.3em;color:var(--h-gold);font-weight:800;font-size:.8em}.hud-card .coin{width:.85em;height:.85em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2b0,var(--h-gold) 45%,var(--h-gold-deep));box-shadow:none;image-rendering:auto}.gauge{position:relative;margin-top:.3em}.gauge .track{height:.95em;border-radius:999px;background:#00000073;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.gauge-mp .track{height:.7em}.gauge .fill{height:100%;border-radius:999px;transition:width .25s ease;box-shadow:inset 0 1px #ffffff59}.gauge-hp .fill{background:linear-gradient(#ff7a70,#e2403f)}.gauge-mp .fill{background:linear-gradient(#6aa8ff,#2f6ae0)}.gauge .num{position:absolute;right:.6em;top:50%;transform:translateY(-50%);font-weight:800;font-size:.7em;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.85)}.gauge-mp .num{font-size:.58em}.gauge-exp .num{display:block;margin-top:.35em;font-size:.66em;font-weight:700;color:var(--h-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-status{display:inline-flex;margin-top:.35em;padding:.1em .6em;border-radius:999px;font-weight:800;font-size:.68em;background:#00000059}.hud-status[hidden]{display:none}.hud-status[data-kind=poison]{color:#9dff8a;background:#285a1e8c}.dock-tabs{position:absolute;z-index:5;right:calc(1em + var(--safe-r));top:calc(1em + var(--safe-t));display:flex;gap:.5em;align-items:center}.rb{position:relative;width:2.8em;height:2.8em;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--h-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit}.rb .glyph{width:1.35em;height:1.35em}.rb:hover{background:#282236bf}.rb.on{background:linear-gradient(#ffe29a,var(--h-gold));color:#2a1a06;border-color:#fff6}.rb .dot{position:absolute;top:.15em;right:.15em;width:.62em;height:.62em;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 .14em #100e18e6}.rb .dot[hidden],.dock-chat b[hidden]{display:none}.dock-chat b{position:absolute;top:-.25em;right:-.25em;min-width:1.5em;height:1.5em;padding:0 .3em;border-radius:999px;background:#ff5a5a;color:#fff;font-weight:900;font-size:.7em;display:grid;place-items:center;box-sizing:border-box}.dock-loc{height:2.8em;display:flex;align-items:center;padding:0 1.1em;font-weight:800;font-size:.9em;white-space:nowrap;box-sizing:border-box}.dock-loc:empty,.touch .dock-loc{display:none}.dock-tabs kbd,.dock-cluster kbd{position:absolute;font:800 .58em var(--font);line-height:1.45;padding:0 .35em;border-radius:.4em;background:#000000ad;border:1px solid var(--h-edge);color:var(--h-muted);pointer-events:none}.dock-tabs kbd{right:-.35em;bottom:-.45em}.dock-tabs kbd:empty,.dock-cluster kbd:empty,.touch .dock-tabs kbd,.touch .dock-cluster kbd{display:none}.q-tracker{position:absolute;z-index:5;right:calc(1em + var(--safe-r));top:calc(1em + var(--safe-t) + 3.4em);width:15em;padding:.6em .9em;cursor:pointer;background:var(--h-glass);border:1px solid var(--h-edge);border-radius:1em;box-shadow:0 .5em 1.5em #00000040;box-sizing:border-box}.q-tracker[hidden]{display:none}.qt-head{display:flex;justify-content:space-between;gap:.6em;font-weight:900;font-size:.68em;letter-spacing:.08em;text-transform:uppercase;color:var(--h-gold)}.qt-q{margin-top:.4em;display:flex;flex-direction:column}.qt-q span{font-weight:800;font-size:.85em}.qt-q.ready span{color:#7ee08a}.qt-q small{font-weight:700;font-size:.75em;color:var(--h-muted)}.dock-cluster{position:absolute;z-index:5;right:calc(1.1em + var(--safe-r));bottom:calc(1.1em + var(--safe-b));width:14.2em;height:11.6em;pointer-events:none}.dock-cluster .quick,.dock-cluster .act-skills{display:contents}.dock-cluster button{position:absolute;pointer-events:auto;padding:0;color:var(--h-text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dock-cluster kbd{left:-.3em;top:-.35em}.act-main{right:0;bottom:0;width:5.6em;height:5.6em;border:.2em solid var(--h-gold);border-radius:50%;display:grid;place-items:center;overflow:visible;color:#fff6dc!important;background:radial-gradient(circle at 50% 32%,#4a3c5cf0,#181321f0 70%);box-shadow:0 .45em 1.2em #00000073,inset 0 .15em #ffffff1f,0 0 0 .12em #00000059}.act-main kbd{left:auto;right:-.1em;top:-.35em}.act-main .glyph{width:2.6em;height:2.6em;stroke-width:2.4;filter:drop-shadow(0 .1em .2em rgba(0,0,0,.6))}.act-main .px-icon,.act-main .sk-img{width:3.2em;height:3.2em;image-rendering:pixelated;filter:drop-shadow(0 .12em .15em rgba(0,0,0,.7)) brightness(1.08)}@media(hover:hover){.act-main:hover{border-color:#ffe39a;background:radial-gradient(circle at 50% 32%,#5c4c70f2,#1e1828f2 70%)}}.act-main:active,.act-sk:active,.qs:active,.act-auto:active{transform:scale(.95)}.act-sk{width:3.6em;height:3.6em;border-radius:50%!important;display:grid;place-items:center;overflow:visible}.act-sk[hidden]{display:none}.act-sk[data-sk="1"]{right:6.3em;bottom:.25em}.act-sk[data-sk="2"]{right:5.2em;bottom:5.1em}.act-sk .px-icon,.act-sk .sk-img{width:2.5em;height:2.5em;image-rendering:pixelated;border-radius:50%}.dock-cluster .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(10,8,16,.72) calc(var(--cd) * 360deg),transparent 0);pointer-events:none}.act-main.nomp,.act-sk.nomp{filter:saturate(.3) brightness(.8)}.act-main.buffed,.act-sk.buffed{box-shadow:0 0 0 .15em #b8f5b0,0 0 .8em #7ee07a}.qs{width:2.9em;height:2.9em;border-radius:.9em!important;display:grid;place-items:center}.qs[data-qs="0"]{right:10.5em;bottom:.4em}.qs[data-qs="1"]{right:10.5em;bottom:3.8em}.qs img{width:1.9em;height:1.9em;image-rendering:pixelated;pointer-events:none}.qs b{position:absolute;right:.3em;bottom:.1em;font-weight:900;font-size:.7em;text-shadow:0 1px 2px #000}.qs.empty img{opacity:.35;filter:grayscale(1)}.qs small{color:var(--h-muted);font-weight:800}.act-auto{right:0;bottom:6.4em;height:2.2em;padding:0 .9em 0 .55em!important;border-radius:999px!important;display:flex;align-items:center;gap:.5em;font-weight:900!important;letter-spacing:.04em;font-size:.85em!important}.act-auto .sw{position:relative;width:2em;height:1.2em;border-radius:999px;background:#ffffff38;transition:background .2s}.act-auto .sw:after{content:"";position:absolute;left:.15em;top:.15em;width:.9em;height:.9em;border-radius:50%;background:#fff;transition:left .2s}.act-auto.on .sw{background:#7ee08a;box-shadow:0 0 .7em #7ee08ab3}.act-auto.on .sw:after{left:.95em}.act-auto.on{color:#d8ffd8}.hud-log{position:absolute;z-index:4;left:calc(1em + var(--safe-l));bottom:calc(1em + var(--safe-b));display:flex;flex-direction:column;gap:.15em;pointer-events:none;max-width:min(60vw,26em)}.log-line{font-weight:800;font-size:.82em;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 1px #000;transition:opacity 1s}.log-line.level{color:var(--h-gold)}.log-line.boss{color:#ff9ad0}.log-line.out{opacity:0}.hud-notices{position:absolute;left:50%;top:14%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5em;pointer-events:none;z-index:5000;width:max-content;max-width:92vw}.notice{padding:.55em 1.2em;border-radius:999px;background:#100e18b8;border:1px solid var(--h-edge);box-shadow:0 .5em 1.5em #0000004d;font-weight:800;font-size:.95em;white-space:nowrap;text-align:center;transition:opacity .6s,transform .6s}.notice.level{color:var(--h-gold);font-size:1.1em}.notice.warn{color:#ffb4a8}.notice.boss{color:#ff9ad0}.notice.out{opacity:0;transform:translateY(-.6em)}.hud-map{position:absolute;left:50%;top:26%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .6s;z-index:4}.hud-map.show{opacity:1}.hud-map-name{font-weight:900;font-size:1.7em;letter-spacing:.02em;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.65),0 1px 0 rgba(0,0,0,.5)}.hud-dialog{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:6000;padding:1.4em 1.8em;text-align:center}.hud-dialog[hidden]{display:none}.hud-dialog p{margin:0 0 1em;font-weight:800;font-size:1.1em}.invite.glass{color:var(--h-text)}.tut-card{position:absolute;z-index:800;left:50%;top:calc(1em + var(--safe-t));transform:translate(-50%);width:min(60vw,24em);padding:.8em 1em;box-sizing:border-box;pointer-events:auto}.tut-card[hidden]{display:none}.tut-head{display:flex;justify-content:space-between;align-items:baseline;gap:1em}.tut-head b{font-weight:900;font-size:.95em;color:var(--h-gold)}.tut-head small{font-weight:700;font-size:.75em;color:var(--h-muted)}.tut-card p{margin:.4em 0 .6em;font-weight:700;font-size:.9em;line-height:1.35}.tut-acts{display:flex;justify-content:flex-end}.dev-toggle{position:absolute;z-index:7000;left:calc(.5em + var(--safe-l));top:50%;transform:translateY(-50%);padding:.4em .6em;font:900 12px var(--font);letter-spacing:.08em;color:#ffd97a;cursor:pointer;border-radius:.6em!important}.dev-panel{position:absolute;z-index:7000;left:calc(.5em + var(--safe-l) + 60px);top:50%;transform:translateY(-50%);width:min(92vw,340px);padding:12px;font:14px var(--font);color:var(--h-text);background:#100e18eb!important}.dev-panel[hidden]{display:none}.dev-panel h4{margin:0 0 8px;font-weight:900;font-size:14px;color:#ffd97a}.dev-panel h4 small{color:var(--h-muted);font-weight:700}.dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dev-grid button{padding:8px 4px;border-radius:8px;border:1px solid var(--h-edge);background:#ffffff14;color:var(--h-text);font:800 12px var(--font);cursor:pointer}.dev-grid button:hover{background:#ffffff29}.dev-grid button.on{background:#7ee08a;color:#0e2a10}.layout-portrait .dev-toggle{top:40%}.touch.sheet-open .dev-toggle,.touch.sheet-open .dev-panel{display:none}.layout-portrait .dev-panel{left:50%;transform:translate(-50%,-50%)}.layout-portrait .hud-card{left:calc(.75em + var(--safe-l));right:calc(.75em + var(--safe-r));width:auto;top:calc(.6em + var(--safe-t))}.layout-portrait .dock-tabs{right:calc(.75em + var(--safe-r));top:calc(var(--hud-bottom, 6em) + .5em)}.layout-portrait .q-tracker{right:calc(.75em + var(--safe-r));top:calc(var(--hud-bottom, 6em) + 4em);width:12.5em}.layout-portrait .tut-card{left:calc(.75em + var(--safe-l));transform:none;top:calc(var(--hud-bottom, 6em) + .5em);width:min(62vw,20em)}.layout-portrait .hud-notices{top:38%}.layout-portrait .notice{white-space:normal;max-width:86vw}.layout-portrait .hud-map{top:30%}.layout-portrait .hud-log{bottom:calc(12em + var(--safe-b));max-width:55vw}.layout-portrait .dock-cluster{right:calc(.8em + var(--safe-r));bottom:calc(1em + var(--safe-b))}.layout-landscape .hud-card{width:19em;top:calc(.6em + var(--safe-t));left:calc(.75em + var(--safe-l))}.layout-landscape .dock-tabs{top:calc(.6em + var(--safe-t));right:calc(.75em + var(--safe-r))}.layout-landscape .q-tracker{top:calc(.6em + var(--safe-t) + 3.4em);right:calc(.75em + var(--safe-r));width:12.5em}.layout-landscape .hud-map{top:40%}.layout-landscape .tut-card{top:calc(.6em + var(--safe-t));width:min(40vw,20em)}.layout-portrait.sheet-open .dock-cluster,.layout-portrait.sheet-open .hud-log,.layout-landscape.sheet-open .dock-cluster{display:none}.layout-portrait .win{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:auto!important;max-height:min(72vh,calc(100vh - var(--hud-bottom, 100px) - var(--hfs) * 4));overflow-y:auto;border-radius:calc(var(--px) * 4) calc(var(--px) * 4) 0 0;overscroll-behavior:contain;padding-bottom:calc(var(--px) * 2 + var(--safe-b))}.layout-landscape .win{position:fixed;left:auto!important;right:0;top:calc(var(--safe-t) + var(--hfs) * 4.2)!important;bottom:0;width:min(62vw,calc(var(--px) * 180))!important;overflow-y:auto;border-radius:calc(var(--px) * 4) 0 0 calc(var(--px) * 4);overscroll-behavior:contain;padding-right:calc(var(--px) * 2 + var(--safe-r))}