*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#0b1020;width:100%;height:100%;font-family:Noto Sans Thai,Noto Sans,sans-serif;overflow:hidden}button,input,textarea,select{font-family:inherit}#game-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}#auth-screen,#char-select-screen{z-index:100000;color:#e8f0f4;background:#071018;place-items:center;padding:1.5rem 1rem;display:grid;position:fixed;inset:0;overflow:auto}.gate-bg{pointer-events:none;background:radial-gradient(80% 55% at 50% -10%,#2d8c9647,#0000 55%),radial-gradient(50% 40% at 85% 80%,#b45a282e,#0000 50%),radial-gradient(40% 35% at 10% 70%,#1e506e38,#0000 45%),linear-gradient(165deg,#0a1520 0%,#071018 45%,#0c1018 100%);position:fixed;inset:0;overflow:hidden}.gate-orb{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite alternate gate-drift;position:absolute}.gate-orb-a{background:radial-gradient(circle,#40beb48c,#0000 70%);width:min(48vw,420px);height:min(48vw,420px);top:8%;left:12%}.gate-orb-b{background:radial-gradient(circle,#d2783266,#0000 70%);width:min(40vw,360px);height:min(40vw,360px);animation-duration:18s;animation-delay:-4s;bottom:12%;right:8%}.gate-grid{background-image:linear-gradient(#78b4be0a 1px,#0000 1px),linear-gradient(90deg,#78b4be0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.gate-vignette{background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}@keyframes gate-drift{0%{transform:translate(0)scale(1)}to{transform:translate(24px,-18px)scale(1.08)}}.auth-shell,.char-shell{z-index:1;justify-items:center;gap:1.25rem;width:min(1080px,96vw);display:grid;position:relative}.auth-shell{width:min(420px,96vw)}.gate-brand{text-align:center;animation:.7s ease-out both gate-rise}.gate-brand-compact{margin-bottom:.15rem}.gate-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#7ec8c0;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.gate-title{letter-spacing:.18em;color:#f2f7f8;text-shadow:0 0 40px #50c8be59,0 2px #00000059;margin-bottom:.45rem;font-family:Cinzel,Noto Sans Thai,serif;font-size:clamp(2.6rem,8vw,3.6rem);font-weight:700;line-height:1}.gate-brand-compact .gate-title{letter-spacing:.16em;font-size:clamp(1.9rem,5vw,2.6rem)}.gate-tagline{color:#d2e1e6c7;max-width:28rem;font-size:.88rem;line-height:1.45}@keyframes gate-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card,.char-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e8f0f4;background:linear-gradient(160deg,#122028eb,#0a1016f0);border:1px solid #78b4af47;width:100%;animation:.75s ease-out 80ms both gate-rise;box-shadow:0 24px 60px #00000073,inset 0 1px #b4dcd714}.auth-card{padding:1.15rem 1.25rem 1.2rem}.auth-tabs{background:#00000047;border:1px solid #648c8c40;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1rem;padding:.25rem;display:grid}.auth-tab{color:#c8dcdca6;cursor:pointer;background:0 0;border:none;padding:.55rem .4rem;font-size:.86rem;font-weight:700;transition:color .15s,background .15s}.auth-tab.active{color:#f0fffc;background:linear-gradient(#3278738c,#1e4646a6)}.gate-field{color:#bedcd7e6;gap:.3rem;margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:grid}.gate-field input{color:#f5fafb;background:#00000061;border:1px solid #64969159;outline:none;padding:.7rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.gate-field input:focus{border-color:#5ac8b9b3;box-shadow:0 0 0 3px #3ca0962e}.gate-field input::placeholder{color:#a0b4b973}.auth-remember{color:#c8dcdccc;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;margin:.15rem 0 .9rem;font-size:.8rem;display:flex}.auth-remember input{accent-color:#3fa89c}.gate-btn{cursor:pointer;border:1px solid #0000;width:100%;padding:.72rem .9rem;font-size:.92rem;font-weight:800;transition:filter .15s,transform .12s,opacity .15s}.gate-btn:disabled{opacity:.55;cursor:wait}.gate-btn:not(:disabled):hover{filter:brightness(1.08)}.gate-btn:not(:disabled):active{transform:translateY(1px)}.gate-btn-primary{color:#f4fffc;background:linear-gradient(#3a9e92,#246860);border-color:#8cdcd259;box-shadow:0 8px 24px #1e645f59}.gate-btn-ghost{color:#d5e6ea;background:#14232da6;border-color:#6e8c9666;margin-top:0}.auth-divider{color:#a0b4b98c;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;margin:.85rem 0 .65rem;font-size:.72rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#78969b4d;height:1px}.auth-clear-link{color:#b48c8cd9;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;width:100%;margin-top:.65rem;font-size:.75rem;font-weight:600;text-decoration:underline;display:block}.auth-clear-link:hover{color:#efb0b0}.auth-error{color:#ff9a9a;min-height:1.2rem;margin-top:.65rem;font-size:.8rem;line-height:1.35}.char-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.9fr);align-items:start;gap:1rem;width:100%;animation:.8s ease-out .12s both gate-rise;display:grid}.char-panel{padding:1rem 1.1rem 1.15rem}.char-panel-head{border-bottom:1px solid #6ea09b38;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.85rem;padding-bottom:.55rem;display:flex}.char-panel-head h2{color:#dff4f0;font-size:1rem;font-weight:800}.char-panel-head span{color:#a0c8c3bf;font-size:.75rem;font-weight:700}.char-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.55rem;display:grid}.char-slot{min-height:92px;color:inherit;text-align:left;cursor:pointer;background:#00000047;border:1px solid #648c8c52;padding:0;font-family:inherit;transition:border-color .15s,background .15s,transform .12s;position:relative;overflow:hidden}.char-slot.filled:hover,.char-slot.empty-slot:hover{background:#1e373c66;border-color:#78c8be8c}.char-slot.active{background:#234b486b;border-color:#64d2c3bf;box-shadow:inset 0 0 0 1px #64d2c333}.char-slot-accent{background:#5ec4b8;width:4px;position:absolute;top:0;bottom:0;left:0}.char-slot-accent.job-fist{background:#e08a4a}.char-slot-accent.job-sword{background:#6a9ad0}.char-slot-accent.job-mage{background:#9a78d0}.char-slot-accent.job-gun{background:#6cb86a}.char-slot-body{padding:.65rem 1.9rem .65rem .85rem}.char-slot.empty-slot{opacity:.85;color:#aad2cdd9;border-style:dashed;place-items:center;gap:.2rem;min-height:92px;font-size:.8rem;font-weight:700;display:grid}.char-plus{color:#7ed8cc;font-size:1.4rem;line-height:1}.char-empty-hint{color:#b4c8cdb3;grid-column:1/-1;padding:.35rem .15rem;font-size:.8rem}.char-name{color:#f2f8f8;font-size:.95rem;font-weight:800}.char-meta{opacity:.85;margin-top:.18rem;font-size:.72rem}.char-meta.muted{opacity:.62}.char-delete{color:#ffc8c8;cursor:pointer;z-index:2;background:#461c1cd9;border:1px solid #a050508c;width:24px;height:24px;font-size:1rem;line-height:1;position:absolute;top:6px;right:6px}.char-delete:hover{background:#782828f2}.char-preview{background:#00000038;border:1px solid #64a09647;justify-content:space-between;align-items:center;gap:.85rem;margin-top:.9rem;padding:.75rem .85rem;display:flex}.char-preview strong{margin-bottom:.2rem;font-size:1.05rem;display:block}.char-preview p{color:#bed2d7cc;font-size:.75rem;line-height:1.35}.char-preview .gate-btn{flex-shrink:0;width:auto;min-width:7.5rem}.char-create-hint{color:#aac8c3bf;margin:.15rem 0 .45rem;font-size:.75rem}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0 0 .75rem;display:grid}.job-card{color:#e8f0f4;text-align:left;cursor:pointer;background:#00000047;border:1px solid #648c8c59;gap:.12rem;padding:.65rem .7rem .65rem .95rem;font-family:inherit;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:hidden}.job-card .job-swatch{background:#5ec4b8;width:4px;position:absolute;top:0;bottom:0;left:0}.job-card.job-fist .job-swatch{background:#e08a4a}.job-card.job-sword .job-swatch{background:#6a9ad0}.job-card.job-mage .job-swatch{background:#9a78d0}.job-card.job-gun .job-swatch{background:#6cb86a}.job-card:hover{border-color:#82beb48c}.job-card.active{background:#23504b73;border-color:#6ed2c3bf}.job-card strong{font-size:.9rem}.job-en,.job-card span{opacity:.72;font-size:.7rem;font-style:normal}.job-detail{background:#0003;border:1px solid #64969138;margin-bottom:.85rem;padding:.65rem .75rem}.job-detail strong{color:#dff8f4;margin-bottom:.25rem;display:block}.job-detail p{color:#c8dcdcd1;font-size:.78rem;line-height:1.4}.job-stats{margin-top:.35rem;font-weight:700;color:#9ed8c8!important}.char-full-msg{text-align:center;color:#bed2d7cc;padding:1.2rem .5rem;font-size:.88rem;line-height:1.5}@media (width<=820px){.char-layout{grid-template-columns:1fr}.char-preview{flex-direction:column;align-items:stretch}.char-preview .gate-btn{width:100%}}.stat-line.allocate{grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;display:grid}.stat-line.allocate button{pointer-events:auto;cursor:pointer;width:auto;min-width:2.4rem;height:auto}.map-panel{width:min(1480px,96vw);min-width:min(720px,96vw)}.map-body{flex-direction:column;height:100%;max-height:none;padding-bottom:.4rem;display:flex;overflow:hidden}.map-layout{flex:1;grid-template-columns:minmax(320px,1.05fr) minmax(320px,1fr);gap:1rem;height:100%;min-height:480px;display:grid}.map-col{min-height:0;padding-right:.4rem;overflow:hidden auto}.map-col-right .map-nodes{max-height:none;padding-right:0;overflow:visible}.warp-row,.map-nodes{gap:.4rem;margin-bottom:.7rem;display:grid}.map-nodes{max-height:320px;padding-right:.25rem;overflow-y:auto}.warp-btn-head{margin-bottom:.25rem;font-weight:800}.warp-btn-head em{opacity:.75;margin-left:.25rem;font-size:.78rem;font-style:normal;font-weight:600}.map-node-desc{opacity:.8;margin-top:.1rem;font-size:.72rem;display:block}.map-here-threats{margin:.35rem 0 .55rem}.map-threats{text-align:left;flex-direction:column;gap:.28rem;margin-top:.3rem;display:flex}.map-threats.empty{color:#c8d2dc8c;margin-top:.2rem;font-size:.68rem}.map-threat{background:#00000047;border:1px solid #b4964647;border-radius:4px;padding:.28rem .4rem}.map-threat.boss{background:#5a141059;border-color:#dc5a468c}.map-threat.mini{background:#462d0a52;border-color:#dca03c80}.map-threat-line{flex-wrap:wrap;align-items:baseline;gap:.3rem;font-size:.74rem;display:flex}.map-threat-line strong{color:#fff4d8}.map-threat-tag{letter-spacing:.04em;background:#ffffff1f;border-radius:3px;padding:.08rem .28rem;font-size:.58rem;font-weight:900}.map-threat.boss .map-threat-tag{color:#ffc8bc;background:#ff503c59}.map-threat.mini .map-threat-tag{color:#ffe0a0;background:#ffb43c4d}.map-threat-lv{color:#c9b878;margin-left:auto;font-size:.68rem;font-weight:800}.map-threat-blurb{color:#e6dcbee0;white-space:normal;margin-top:.15rem;font-size:.66rem;line-height:1.35}.minimap-wrap{gap:.35rem;margin:.35rem 0 .55rem;display:grid}#minimap-canvas{image-rendering:auto;background:#2a3a30;border:1px solid #d2b45a8c;border-radius:8px;width:100%;max-width:520px;height:auto;box-shadow:0 0 0 1px #1e1608d9,0 0 0 2px #a0783247,0 4px 14px #00000059}.minimap-legend{color:#d9c788;flex-wrap:wrap;gap:.45rem .7rem;font-size:.68rem;display:flex}.minimap-legend .dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.minimap-legend .dot.you{clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff;border-radius:0}.minimap-legend .dot.npc{background:#4a8cff;border-radius:1px}.minimap-legend .dot.warp{background:#5ce0ff;box-shadow:0 0 0 1px #5ce0ff}.minimap-legend .dot.mob-a{background:#e85a3a}.minimap-legend .dot.mob-p{background:#d4a84a}.minimap-legend .dot.other{background:#6fc}.warp-btn,.map-node{pointer-events:auto;cursor:pointer;text-align:left;color:#e8f0ff;background:linear-gradient(#3a4a5a,#243040);border:1px solid #6a7a8a;padding:.45rem .55rem;font-family:inherit}.map-node.active{border-color:#ffe9a8}.map-node span{opacity:.8;font-size:.72rem;display:block}.skill-header{background:#00000038;border:1px solid #b4964640;border-radius:4px;margin-bottom:.55rem;padding:.35rem .45rem;font-size:.8rem}.skill-header-row{flex-wrap:wrap;gap:.65rem 1.2rem;display:flex}.skill-panel{width:min(520px,92vw);min-width:380px}.skill-panel-body{max-height:none;overflow-y:auto}.skill-list{gap:.45rem;display:grid}.skill-card{cursor:grab;background:#00000047;border:1px solid #b4964659;border-radius:4px;gap:.35rem;padding:.5rem .55rem;display:grid}.skill-card-head{grid-template-columns:40px 1fr auto;align-items:start;gap:.5rem;display:grid}.skill-card-title{min-width:0}.skill-card-actions{flex-direction:column;gap:.25rem;display:flex}.skill-tags{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.skill-tag{color:#d9c788;background:#ffffff14;border:1px solid #b4964640;border-radius:3px;padding:.08rem .35rem;font-size:.62rem}.skill-lv{color:#d9c788;font-size:.72rem;font-weight:600}.skill-card-desc{color:#e8dcc0;background:#ffffff08;border-radius:3px;padding:.25rem .35rem;font-size:.74rem;line-height:1.35}.skill-card-stats{grid-template-columns:1fr 1fr;gap:.22rem .45rem;display:grid}.skill-stat{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:3px;justify-content:space-between;gap:.35rem;padding:.18rem .35rem;font-size:.68rem;display:flex}.skill-stat strong{color:#ffe9a8;text-align:right;font-weight:700}.skill-stat.dmg strong{color:#ffb088}.skill-stat.heal strong{color:#7dff9f}.skill-stat.buff strong{color:#8cf}.skill-stat.cost strong{color:#d9c788}.skill-row{cursor:grab;background:#00000047;border:1px solid #b4964659;grid-template-columns:36px 1fr auto;align-items:center;gap:.5rem;padding:.35rem;display:grid}#hud.nage-hud{z-index:50;color:#f2f2f2;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000000bf;position:fixed;inset:0}#hud.nage-hud button,#hud.nage-hud .game-panel,#hud.nage-hud .target-panel,#hud.nage-hud .menu-row,#hud.nage-hud .hotbar,#hud.nage-hud .side-tools,#hud.nage-hud .item-slot,#hud.nage-hud .skill-row{pointer-events:auto}.top-bar{letter-spacing:.04em;white-space:nowrap;gap:1.25rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.chat-panel{z-index:30;pointer-events:auto;flex-direction:column;gap:4px;width:min(360px,46vw);display:flex;position:absolute;top:12px;left:12px}.chat-head{color:#ffe9a8;background:#0000008c;border:1px solid #b4964666;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.28rem .45rem;font-size:.78rem;font-weight:800;display:flex}.chat-head button{color:#ffe9a8;cursor:pointer;background:#282010d9;border:1px solid #b4964673;width:26px;height:22px;padding:0;font-size:.85rem;font-weight:800;line-height:1}.chat-head button:hover{filter:brightness(1.15)}.chat-panel.collapsed .chat-log,.chat-panel.collapsed .chat-form,.chat-panel.collapsed .chat-filters,.chat-panel.collapsed .online-list{display:none}.online-panel{background:#0000008c;border:1px solid #64b4d266;border-radius:4px;padding:.28rem .4rem}.online-head{color:#9fdfff;justify-content:space-between;align-items:center;margin-bottom:.2rem;font-size:.72rem;font-weight:800;display:flex}.online-list{flex-direction:column;gap:.15rem;max-height:110px;display:flex;overflow-y:auto}.online-empty{color:#c8dce68c;font-size:.68rem}.online-row{background:#ffffff0a;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:0 .35rem;padding:.12rem .2rem;font-size:.7rem;display:grid}.online-row.online-you{background:#50a0c82e}.online-name{color:#dff6ff;text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-weight:700;overflow:hidden}.online-meta{color:#a8d8ef;grid-column:2;font-weight:700}.online-hp{background:#00000073;border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.online-hp i{background:linear-gradient(90deg,#3ecf7a,#8aefb0);height:100%;display:block}.craft-toolbar{flex-direction:column;gap:.35rem;margin-bottom:.4rem;display:flex}.craft-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.craft-tabs button{color:#e8d9a8;cursor:pointer;background:#00000059;border:1px solid #b4964659;border-radius:3px;padding:.2rem .45rem;font-size:.68rem;font-weight:800}.craft-tabs button.active{color:#fff4c8;background:#b48c3273;border-color:#dcb450b3}.craft-tools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.craft-tools input[type=search]{color:#fff8d6;background:#0006;border:1px solid #b4964666;border-radius:3px;flex:1;min-width:140px;padding:.28rem .45rem;font-size:.75rem}.craft-can-only{color:#d9c788;cursor:pointer;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;display:inline-flex}.craft-meta{color:#d9c788bf;font-size:.68rem}.craft-more{color:#d9c788;text-align:center;padding:.35rem;font-size:.72rem}.craft-list{flex-direction:column;flex:1;gap:.45rem;min-height:160px;max-height:none;display:flex;overflow-y:auto}#panel-craft>.panel-body{flex-direction:column;height:100%;min-height:0;display:flex}.craft-row{background:#00000047;border:1px solid #8d7b4559;grid-template-columns:48px 1fr auto;align-items:start;gap:.55rem;padding:.5rem;display:grid}.craft-icon{border:1px solid #e8c66e8c;border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff5c84d,0 0 0 1px #281c0ad9,0 0 0 2px #b48c3c40,0 2px 6px #0000004d}.craft-title{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.craft-qty{color:#c9b878;font-size:.72rem;font-weight:700}.craft-slot{color:#b8a870;margin-top:.12rem;font-size:.68rem}.craft-stats{flex-wrap:wrap;gap:.22rem;margin-top:.28rem;display:flex}.craft-stat{color:#efe0a8;background:#ffffff0f;border:1px solid #b4a05a47;border-radius:3px;padding:.1rem .32rem;font-size:.64rem;font-weight:800}.craft-stat.atk{color:#ffb090;border-color:#dc644659}.craft-stat.def{color:#9ec8ff;border-color:#5a8cdc59}.craft-stat.hp{color:#8ef0a8;border-color:#46b46459}.craft-stat.sp{color:#9ab8ff;border-color:#5a78dc59}.craft-stat.heal{color:#ff9ec8;border-color:#dc64a059}.craft-stat.base{color:#e8d9a0}.craft-need{flex-wrap:wrap;gap:.28rem;margin-top:.35rem;display:flex}.craft-mat{background:#0000004d;border:1px solid #8c783c4d;border-radius:4px;align-items:center;gap:.22rem;padding:.12rem .35rem .12rem .12rem;font-size:.66rem;font-weight:700;display:inline-flex}.craft-mat-icon{border-radius:3px;place-items:center;width:18px;height:18px;font-size:.72rem;display:grid}.craft-mat.craft-ok{color:#9ee8a8}.craft-mat.craft-miss{color:#f0a0a0;opacity:.85}.chat-panel.collapsed{width:auto;min-width:120px}.chat-filters{flex-wrap:wrap;gap:.25rem;padding:.2rem .15rem;display:flex}.chat-filter{color:#e6ebdcd9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000059;border:1px solid #b496464d;border-radius:3px;align-items:center;gap:.2rem;padding:.12rem .35rem .12rem .25rem;font-size:.68rem;font-weight:700;display:inline-flex}.chat-filter input{accent-color:#c9a84a;cursor:pointer;margin:0}.chat-filter:has(input:not(:checked)){opacity:.45}.chat-log{color:#fff8d6;opacity:.95;background:#0000006b;border:1px solid #b4964659;border-radius:4px;width:100%;max-height:150px;padding:.35rem .45rem;font-size:.78rem;line-height:1.35;position:relative;top:auto;left:auto;overflow-y:auto}.chat-log .chat-line[hidden]{display:none!important}.chat-line.chat-player{color:#b8e8ff}.chat-line.chat-combat{color:#ffd0a8}.chat-line.chat-loot{color:#d8f5a8}.chat-line.chat-shop{color:#ffe9a0}.chat-line.chat-notify{color:#e0d0ff}.chat-line.chat-system{color:#fff8d6;opacity:.9}.chat-log div{margin-bottom:2px}.chat-form{gap:4px;display:flex}.chat-form input{color:#fff4c8;background:#0a0804d9;border:1px solid #b4964673;border-radius:3px;flex:1;min-width:0;padding:.28rem .4rem;font-size:.78rem}.chat-form button{color:#ffe9a8;cursor:pointer;background:linear-gradient(#7a6028,#4a3814);border:1px solid #c8aa50b3;border-radius:3px;padding:.28rem .55rem;font-size:.72rem;font-weight:800}.craft-info{flex:1;min-width:0;font-size:.75rem}.craft-info strong{color:#ffe9a8}.craft-desc{color:#d9c788;margin-top:.15rem;font-size:.68rem}.craft-btn{color:#fff4c8;cursor:pointer;white-space:nowrap;background:linear-gradient(#8a6f2e,#5a4518);border:1px solid #cbb56a;flex:none;align-self:center;padding:.4rem .6rem;font-size:.72rem;font-weight:800}.craft-btn:disabled{opacity:.45;cursor:not-allowed}.buff-rail-item.status-ailment{border-color:#ff6478a6}.damage-number.miss{color:#c8d0e0;letter-spacing:.06em;font-size:1.15rem}.side-tools{z-index:40;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;top:48px;right:10px}.side-tools button{color:#f5e7b0;cursor:pointer;pointer-events:auto;z-index:41;background:linear-gradient(#5a5138,#3a3424);border:1px solid #8a7a4a;min-width:58px;padding:4px 6px;font-size:.68rem;font-weight:700;position:relative}.side-tools button.active,.side-tools #auto-tool-btn.active{color:#d8ffb0;background:linear-gradient(#4a7038,#2a4828);border-color:#6a9a44;box-shadow:0 0 8px #78dc5059}.side-tools #cancel-attack-btn{color:#ffd0c0;background:linear-gradient(#6a3830,#3a201c);border-color:#a06050}.auto-panel .auto-toggle{cursor:pointer;align-items:center;gap:.55rem;margin:.35rem 0;font-size:.88rem;font-weight:700;display:flex}.auto-panel .auto-toggle input{accent-color:#7ecf5a;width:1rem;height:1rem}.auto-master-section{padding-bottom:.35rem}.auto-master-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin:.35rem 0 .55rem;display:grid}.auto-master-btn{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.7rem .55rem;font-size:.82rem;font-weight:800;line-height:1.25;transition:filter .12s,transform 80ms,box-shadow .12s}.auto-master-btn:active{transform:translateY(1px)}.auto-master-btn.start{color:#e8ffc8;background:linear-gradient(#4f8a38,#2d5524);border-color:#6aaa44;box-shadow:0 4px 12px #3c8c2847}.auto-master-btn.start:hover{filter:brightness(1.08)}.auto-master-btn.stop{color:#ffd8cc;background:linear-gradient(#7a3a30,#3e201c);border-color:#b06050;box-shadow:0 4px 12px #8c322847}.auto-master-btn.stop:hover{filter:brightness(1.08)}.auto-master-btn.start.is-busy{box-shadow:0 0 0 1px #b4ff7859,0 4px 14px #50b43259}.auto-run-status{border-radius:7px;margin:.15rem 0 .35rem;padding:.45rem .55rem;font-size:.76rem;font-weight:700;line-height:1.35}.auto-run-status.is-off{color:#d9c788;background:#00000047;border:1px solid #b4a06447}.auto-run-status.is-on{color:#d8ffb0;background:#28501e73;border:1px solid #78c85073}.auto-panel .auto-threshold{margin:.65rem 0 .35rem;font-size:.82rem}.auto-panel .auto-threshold label{opacity:.92;justify-content:space-between;margin-bottom:.25rem;display:flex}.auto-panel .auto-threshold input[type=range]{accent-color:#7ecf5a;width:100%}.auto-panel .panel-hint{opacity:.75;margin:.15rem 0 .65rem 1.45rem;font-size:.72rem;line-height:1.35}.target-panel{z-index:6;background:linear-gradient(165deg,#30281af0,#120f0bf0);border:1px solid #c9b06a;border-radius:8px;flex-direction:column;width:min(300px,42vw);max-height:min(46vh,420px);padding:0;display:flex;position:absolute;inset:auto 12px 118px auto;overflow:hidden;transform:none;box-shadow:0 0 0 1px #0006,0 10px 24px #0006}.target-panel.hidden{display:none}.target-panel.is-stowed{background:#14100ae0;width:auto;min-width:0;max-height:none}.target-panel.is-stowed .target-head,.target-panel.is-stowed .target-body{display:none}.target-panel.is-stowed .target-restore-btn{display:inline-flex}.target-head{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#6e5c30f2,#3a301ef2);border-bottom:1px solid #dcbe6e66;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .45rem;display:flex}.target-title{color:#ffb4b4;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;min-width:0;margin:0;font-size:.78rem;font-weight:800;overflow:hidden}.target-chrome-btn{color:#ffe9a8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.15rem .3rem;font-size:.95rem;line-height:1}.target-chrome-btn:hover{color:#fff3c8;background:#00000047}.target-body{flex-direction:column;min-height:0;padding:.45rem .55rem .5rem;display:flex;overflow:hidden}.target-panel.is-collapsed .target-body{display:none}.target-panel.is-collapsed .target-head{border-bottom:none}.target-panel.is-collapsed #target-fold-btn{transform:rotate(-90deg)}.target-restore-btn{color:#ffe9a8;cursor:pointer;white-space:nowrap;background:linear-gradient(#6e5f35,#433928);border:none;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.4rem .7rem;font-size:.72rem;font-weight:800;display:none}.target-restore-btn:hover{filter:brightness(1.08)}.target-drops{border-top:1px solid #8a7a4a73;flex:1;min-height:140px;max-height:none;margin-top:.35rem;padding-top:.3rem;overflow-y:auto}.buff-rail{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:28%;right:12px}.buff-rail-item{border:1px solid color-mix(in srgb, var(--buff-color,#ffe9a8) 55%, transparent);background:#080a0eb8;border-radius:6px;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 6px;display:flex}.buff-rail-glyph{filter:drop-shadow(0 1px 1px #000c);font-size:1.15rem;line-height:1}.buff-rail-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:28px;height:28px;box-shadow:0 0 0 1px #00000073}.buff-rail-time{color:#ffe9a8;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:.72rem;font-weight:800}.target-drops-title{color:#ffe566;margin-bottom:.2rem;font-size:.65rem;font-weight:800}.target-drop-empty{color:#b8a878;opacity:.85;font-size:.62rem}.target-drop-row{color:#e8d8a0;justify-content:space-between;gap:.5rem;padding:.08rem 0;font-size:.62rem;display:flex}.target-drop-row strong{color:#9ecbff;font-variant-numeric:tabular-nums;white-space:nowrap}.target-drop-row.target-drop-gems span{color:#7ec8ff;font-weight:700}.target-drop-row.target-drop-gems strong{color:#4da6ff}.target-drop-row.target-drop-equip span{color:#e8dcc0}.bottom-left{width:min(980px,100vw - 24px);position:absolute;bottom:12px;left:12px}.server-time{color:#ffe9a8;margin-bottom:3px;font-size:.62rem}.bars{background:#120e08d1;border:1px solid #7a6a3e;width:min(240px,42vw);max-width:100%;padding:.28rem .4rem}.bar-row{grid-template-columns:22px 1fr 58px;align-items:center;gap:.25rem;margin-bottom:.18rem;display:grid}.bar-row:last-child{margin-bottom:0}.bar-label{font-size:.58rem;font-weight:800}.bar-value{text-align:right;font-size:.56rem}.bar{background:#00000073;border:1px solid #fff3;height:8px;overflow:hidden}.bar .fill{width:100%;height:100%;transition:width .1s linear}.bar.hp .fill{background:linear-gradient(#ff6b6b,#b42323)}.bar.sp .fill{background:linear-gradient(#6aa8ff,#1f4fbf)}.hotbar-tools{flex-wrap:wrap;gap:6px;max-width:min(96vw,980px);margin-top:6px;display:flex}.hotbar-tool-btn{color:#ffe9a8;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:linear-gradient(#5a461cf2,#281e0cf2);border:1px solid #c8aa50b3;border-radius:4px;padding:.22rem .55rem;font-size:.68rem;font-weight:800}.hotbar-tool-btn:hover{color:#fff6c8;background:linear-gradient(#785f23fa,#37280efa);border-color:#ffe566}.hotbar-strip{flex-wrap:nowrap;align-items:center;gap:6px;max-width:min(96vw,980px);margin-top:4px;padding-bottom:2px;display:flex;overflow-x:auto}.special-hotbar-row,.special-hotbar-label,.special-hotbar-hint{display:none}.hotbar-divider.special-divider{background:linear-gradient(#0000,#ffaa5ab3,#0000)}.special-hotbar .hotbar-slot{background:linear-gradient(165deg,#463016f5 0%,#160e08f5 100%);border-color:#c88c46e6;width:44px;height:44px}.special-slot-empty{color:#cbb56a;text-align:center;opacity:.7;pointer-events:none;padding:0 2px;font-size:.55rem;font-weight:700;line-height:1.15}.special-auto-badge{z-index:4;color:#d9c788;pointer-events:none;background:#000000b3;border-radius:3px;padding:2px 3px;font-size:.52rem;font-weight:800;line-height:1;position:absolute;bottom:2px;left:2px}.special-auto-badge.mode-buff{color:#9fef9f;border:1px solid #78c86473}.special-auto-badge.mode-combat{color:#ffb080;border:1px solid #dc784680}.special-auto-badge.mode-off{color:#888;border:1px solid #78787859}.auto-special-row{grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;margin:.4rem 0;display:grid}.auto-special-slot{color:#e8d8a0;font-size:.78rem;font-weight:800}.auto-special-select{color:#ffe9a8;background:#0006;border:1px solid #b39b5573;border-radius:6px;width:100%;padding:.35rem .45rem;font-size:.78rem;font-weight:700}.hotbar-divider{background:linear-gradient(#0000,#ffe5668c,#0000);flex:none;align-self:stretch;width:2px;min-height:36px}.hotbar{flex-wrap:nowrap;flex:none;gap:4px;max-width:none;margin-top:0;display:flex}.hotbar-label{letter-spacing:.04em;color:#ffe9a8;opacity:.9;margin-top:6px;font-size:.65rem;font-weight:700}.hotbar-slot.empty-stack{opacity:.45;filter:grayscale(.4)}.hotbar-slot.selected-skill{background:#3c300cf2;border-color:#ffe566;box-shadow:0 0 0 2px #ffe566d9,0 0 12px #ffc83c8c}.skill-key{color:#ffe566;font-size:.72rem}.stat-line.gear strong{text-align:right;font-size:.75rem}.stat-line .muted{opacity:.45;font-weight:500}.panel-head{cursor:move;touch-action:none}.hotbar-slot{cursor:pointer;background:linear-gradient(165deg,#372c16f2 0%,#100c08f5 100%);border:1px solid #b49b55cc;border-radius:5px;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:inset 0 1px #ffe6a024,inset 0 -1px #0006,0 1px 3px #0000004d}.hotbar-slot:before{content:"";pointer-events:none;border:1px solid #ffdc8c12;border-radius:3px;position:absolute;inset:2px}.hotbar-key{color:#ffe9a8;z-index:7;font-size:.62rem;position:absolute;top:1px;left:2px}.bottom-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.level-badge{color:#ffe566;font-size:.85rem;font-weight:800}.menu-row{flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:420px;display:flex}.menu-btn{color:#fff2c4;letter-spacing:.03em;cursor:pointer;background:linear-gradient(#6a5d38,#3f3722);border:1px solid #a08f55;min-width:58px;padding:6px 8px;font-size:.68rem;font-weight:800}.menu-btn:hover{filter:brightness(1.15)}.menu-btn.logout-btn,.logout-panel-btn{color:#ffd0d0;background:linear-gradient(#7a3030,#4a1818);border-color:#a04040}.menu-btn.logout-btn:hover,.logout-panel-btn:hover{filter:brightness(1.12)}.logout-panel-btn{color:#ffd0d0;cursor:pointer;background:linear-gradient(#7a3030,#4a1818);border:1px solid #a04040;border-radius:4px;width:100%;margin-top:8px;padding:10px 14px;font-size:.85rem;font-weight:700;display:block}.exp-bars{flex-direction:column;gap:3px;width:min(360px,48vw);display:flex}.exp-bar{background:#0000008c;border:1px solid #7a6a3e;width:100%;height:12px;position:relative}.exp-fill{background:linear-gradient(90deg,#6b4a18,#d4a017);height:100%}.skill-exp-bar{border-color:#3e6a7a;height:10px}.skill-exp-fill{background:linear-gradient(90deg,#1a5a6b,#3ec8e0)}.exp-bar span{font-size:.62rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.skill-header-hint{opacity:.75;font-size:.72rem}.game-panel{box-sizing:border-box;background:radial-gradient(120% 80% at 10% -10%,#b496462e,#0000 55%),linear-gradient(165deg,#30281afa,#120f0bf7 55%,#16120cfa);border:1px solid #c9b06a;border-radius:10px;flex-direction:column;min-width:280px;max-width:min(1680px,98vw);min-height:160px;max-height:min(96vh,1100px);display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 14px 36px #0000008c,inset 0 1px #ffe6a01f}.game-panel.hidden{display:none}.game-panel>.panel-body,.game-panel>.stat-panel-body,.game-panel>.map-body{flex:auto;min-height:0;overflow:auto}.game-panel-resizable .panel-resize{cursor:nwse-resize;z-index:5;opacity:.75;background:linear-gradient(135deg,#0000 46%,#dcbe6e59 48% 52%,#0000 54%),linear-gradient(135deg,#0000 62%,#dcbe6e8c 64% 68%,#0000 70%);width:20px;height:20px;position:absolute;bottom:0;right:0}.game-panel-resizable .panel-resize:hover{opacity:1}.panel-expand-btn{color:#ffe9a8;cursor:pointer;opacity:.85;background:0 0;border:none;margin-right:.15rem;padding:.1rem .25rem;font-size:.95rem;line-height:1}.panel-expand-btn:hover{opacity:1;color:#fff3c8}.hidden{display:none!important}.panel-head{letter-spacing:.08em;text-shadow:0 1px 2px #0000008c;background:linear-gradient(#6e5c30fa,#3a301efa);border-bottom:1px solid #dcbe6e8c;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-weight:800;display:flex}.panel-head>span:first-child{flex:1;min-width:0}.panel-head button{color:#ffe9a8;cursor:pointer;background:0 0;border:none;font-size:1.15rem;line-height:1}.panel-body{padding:.75rem .8rem;font-size:.84rem;line-height:1.45}.panel-hint{color:#d9c788;margin-top:.55rem;font-size:.72rem}.inv-panel{width:min(820px,94vw);min-width:680px}.inv-panel.is-resized .inv-body,.inv-panel[style*=height] .inv-body{height:100%;min-height:0}.inv-body{grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:1rem;height:100%;min-height:0;display:grid}.equip-col{background:linear-gradient(#372d1c8c,#14100a59);border:1px solid #b39b5559;padding:.45rem .5rem .55rem}.equip-toolbar{flex-direction:column;gap:.35rem;margin-bottom:.45rem;display:flex}.equip-actions{flex-wrap:wrap;gap:.35rem;display:flex}.bag-col{flex-direction:column;min-width:0;min-height:0;display:flex}.bag-toolbar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.bag-sort-btn{color:#ffe9a8;cursor:pointer;background:#503c148c;border:1px solid #8d7b45;padding:.25rem .65rem;font-size:.68rem}.bag-sort-btn:hover{background:#785a1ebf}.enhance-forge-panel{width:min(420px,90vw);min-width:320px}.enhance-forge-body{flex-direction:column;gap:.65rem;display:flex}.enhance-lead{color:#e8d8a0;margin:0;font-size:.78rem;line-height:1.4}.forge-slots{background:linear-gradient(#3c301c80,#120e0a8c);border:1px solid #b39b5566;justify-content:center;align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.forge-slot-wrap{flex-direction:column;align-items:center;gap:.35rem;display:flex}.forge-slot-label{color:#ffe566;letter-spacing:.04em;font-size:.68rem;font-weight:700}.forge-slot{cursor:pointer;background:#00000080;border:1px dashed #b39b55;width:56px;height:56px}.forge-slot.filled{border-style:solid;border-color:#ffe566}.forge-plus{color:#cbb56a;margin-top:1rem;font-size:1.4rem;font-weight:800}.forge-btn{color:#fff4c8;letter-spacing:.12em;cursor:pointer;background:linear-gradient(#8a6f2e,#5a4518);border:1px solid #cbb56a;width:100%;padding:.55rem .75rem;font-size:.95rem;font-weight:800}.forge-btn:hover{background:linear-gradient(#a88635,#6e551e)}.enhance-preview{color:#d9c788;background:#00000047;border:1px solid #8d7b4559;min-height:2.2em;padding:.4rem .45rem;font-size:.72rem;line-height:1.4}.item-slot.selected-enhance{outline-offset:-1px;outline:2px solid #ffe566;box-shadow:0 0 8px #ffe56666}.enhance-badge{z-index:20;letter-spacing:-.02em;text-align:center;color:#ffe566;text-shadow:0 0 5px #ffc83c,0 1px 1px #000,0 0 1px #000;pointer-events:none;background:linear-gradient(#281c08f2,#080602fa);border:1px solid #ffe678d9;border-radius:4px;min-width:1.2rem;padding:1px 4px;font-size:.72rem;font-weight:900;line-height:1.15;position:absolute;top:-3px;bottom:auto;right:-2px;box-shadow:0 0 8px #ffd250b3,0 1px 2px #0009,inset 0 1px #ffffff4d}.enhance-badge.enh-tier-blue{color:#c8ecff;text-shadow:0 0 5px #4da6ff,0 1px 1px #000;border-color:#78beffd9;box-shadow:0 0 7px #50aaffa6,inset 0 1px #ffffff40}.enhance-badge.enh-tier-green{color:#b8ffc8;text-shadow:0 0 5px #28a848,0 1px 1px #000;border-color:#64e68cd9;box-shadow:0 0 7px #3cc864a6,inset 0 1px #ffffff40}.enhance-badge.enh-tier-yellow{color:#fff3a0;text-shadow:0 0 5px #d4a012,0 1px 1px #000;border-color:#ffdc50e6;box-shadow:0 0 7px #ffc828b3,inset 0 1px #ffffff40}.enhance-badge.enh-tier-orange{color:#ffd090;text-shadow:0 0 5px #e86a00,0 1px 1px #000;border-color:#ffa03ce6;box-shadow:0 0 7px #ff7814b3,inset 0 1px #ffffff40}.enhance-badge.enh-tier-red{color:#ffb0b0;text-shadow:0 0 5px #c62828,0 1px 1px #000;border-color:#ff6464e6;box-shadow:0 0 7px #dc2828b3,inset 0 1px #ffffff40}.enhance-badge.enh-tier-purple{color:#f0c8ff;text-shadow:0 0 5px #8e24aa,0 1px 1px #000;border-color:#c864ffe6;box-shadow:0 0 8px #a028dcbf,inset 0 1px #ffffff40}.enhance-badge.enh-tier-gold{color:#fff8c0;text-shadow:0 0 6px gold,0 1px 1px #000;background:linear-gradient(#503708f2,#140c02fa);border-color:#ffd700f2;box-shadow:0 0 10px #ffd700d9,inset 0 1px #ffffff59}.item-icon.enhanced,.item-tooltip .tip-glyph.enhanced{isolation:isolate;background-color:var(--item-base,#666);box-shadow:inset 0 1px 0 #fff6, inset 0 -2px 4px #0006, 0 0 8px color-mix(in srgb, var(--enh-c2,gold) 45%, transparent), 0 1px 2px #00000047;border-color:color-mix(in srgb, var(--enh-c1,#fff) 70%, #ffffff59);background-image:radial-gradient(90% 70% at 28% 18%,#ffffff6b,#0000 58%),linear-gradient(155deg,#ffffff47 0%,#ffffff0f 40%,#00000052 100%);position:relative;overflow:hidden}.item-icon.enhanced:before,.item-tooltip .tip-glyph.enhanced:before{content:"";z-index:1;pointer-events:none;opacity:.85;background:linear-gradient(145deg, color-mix(in srgb, var(--enh-c1,#fff) 75%, transparent) 0%, color-mix(in srgb, var(--enh-c2,#ccc) 55%, transparent) 42%, color-mix(in srgb, var(--enh-c3,#888) 70%, transparent) 100%);mix-blend-mode:color;position:absolute;inset:0}.item-icon.enhanced:after,.item-tooltip .tip-glyph.enhanced:after{content:"";z-index:2;pointer-events:none;opacity:1;mix-blend-mode:overlay;background:linear-gradient(125deg, color-mix(in srgb, var(--enh-c1,#fff) 80%, transparent) 0%, color-mix(in srgb, var(--enh-c2,#ccc) 90%, transparent) 40%, color-mix(in srgb, var(--enh-c3,#888) 75%, transparent) 75%, color-mix(in srgb, var(--enh-c1,#fff) 60%, transparent) 100%), linear-gradient(110deg, transparent 0%, transparent 8%, var(--enh-c1,#fff) 22%, #fff 40%, var(--enh-c2,#ccc) 52%, var(--enh-c3,#888) 68%, transparent 88%, transparent 100%);background-position:0 0,0%;background-size:100% 100%,160% 100%;border-radius:0;animation:2.2s linear infinite enh-sheen;position:absolute;inset:0}.item-icon.enhanced .item-glyph,.item-tooltip .tip-glyph.enhanced .item-glyph{z-index:3;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--enh-c1,#fff) 70%, transparent)) drop-shadow(0 1px 1px #0000008c);position:relative}.item-icon.enh-tier-blue.enhanced,.item-tooltip .tip-glyph.enh-tier-blue.enhanced{--enh-c1:#b8e4ff;--enh-c2:#4da6ff;--enh-c3:#1a5a9e}.item-icon.enh-tier-green.enhanced,.item-tooltip .tip-glyph.enh-tier-green.enhanced{--enh-c1:#8cffaa;--enh-c2:#28a848;--enh-c3:#0f5a24}.item-icon.enh-tier-yellow.enhanced,.item-tooltip .tip-glyph.enh-tier-yellow.enhanced{--enh-c1:#fff0a0;--enh-c2:#d4a012;--enh-c3:#8a6508}.item-icon.enh-tier-orange.enhanced,.item-tooltip .tip-glyph.enh-tier-orange.enhanced{--enh-c1:#ffc878;--enh-c2:#e86a00;--enh-c3:#9a3f00}.item-icon.enh-tier-red.enhanced,.item-tooltip .tip-glyph.enh-tier-red.enhanced{--enh-c1:#f99;--enh-c2:#c62828;--enh-c3:#6b0f0f}.item-icon.enh-tier-purple.enhanced,.item-tooltip .tip-glyph.enh-tier-purple.enhanced{--enh-c1:#e8b8ff;--enh-c2:#8e24aa;--enh-c3:#4a1260}.item-icon.enh-tier-gold.enhanced,.item-tooltip .tip-glyph.enh-tier-gold.enhanced{--enh-c1:#fff8c8;--enh-c2:gold;--enh-c3:#a07800}.item-icon.enhanced .qty{z-index:4}.tip-glyph.enhanced,.item-tooltip .tip-glyph.enhanced{position:relative}.tip-stat.option span{color:#c8e6ff;font-size:.82rem}.tip-stat strong.enh-tier-blue{color:#7ec8ff}.tip-stat strong.enh-tier-green{color:#6dff8a}.tip-stat strong.enh-tier-yellow{color:#ffe566}.tip-stat strong.enh-tier-orange{color:#ffb347}.tip-stat strong.enh-tier-red{color:#ff6b6b}.tip-stat strong.enh-tier-purple{color:#d896ff}.tip-stat strong.enh-tier-gold{color:gold}@keyframes enh-sheen{0%{background-position:0 0,130%}to{background-position:0 0,-130%}}.equip-grid.char-doll-grid{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,56px);justify-content:center;place-items:start center;gap:.45rem .5rem;width:100%;display:grid;position:relative}.equip-grid.char-doll-grid .doll-slot[data-slot=head]{grid-area:1/2}.equip-grid.char-doll-grid .doll-slot[data-slot=weapon]{grid-area:2/1}.equip-grid.char-doll-grid .doll-slot[data-slot=chest]{grid-area:2/2}.equip-grid.char-doll-grid .doll-slot[data-slot=offhand]{grid-area:2/3}.equip-grid.char-doll-grid .doll-slot[data-slot=legs]{grid-area:3/2}.equip-grid.char-doll-grid .doll-slot[data-slot=feet]{grid-area:4/2}.equip-grid.char-doll-grid .doll-slot[data-slot=ring1]{grid-area:5/1}.equip-grid.char-doll-grid .doll-slot[data-slot=back]{grid-area:5/2}.equip-grid.char-doll-grid .doll-slot[data-slot=ring2]{grid-area:5/3}.doll-slot{flex-direction:column;align-items:center;gap:.2rem;width:56px;display:flex}.doll-slot .equip-label{text-align:center;color:#e8d8a0;white-space:nowrap;text-overflow:ellipsis;max-width:56px;font-size:.58rem;line-height:1.1;overflow:hidden}.equip-grid{gap:.4rem;display:grid}.equip-label{color:#e8d8a0;font-size:.7rem}.bag-grid{background:#00000047;border:1px solid #8d7b4559;flex:1;grid-template-columns:repeat(10,44px);gap:5px;min-height:0;max-height:none;padding:.45rem;display:grid;overflow-y:auto}.hotbar-slot{position:relative}.cd-overlay{z-index:6;color:#ffe566;pointer-events:none;background:#000000a6;border-radius:2px;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;inset:0}.section-title{color:#ffe9a8;margin-bottom:.4rem;font-size:.75rem;font-weight:800}.item-slot{cursor:grab;background:linear-gradient(160deg,#483a1ceb 0%,#16100af0 55%,#080604f5 100%);border:1px solid #b49b55bf;border-radius:5px;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffe6a02e,inset 0 -1px #00000073,0 1px 3px #00000059}.item-slot:before{content:"";pointer-events:none;z-index:0;border:1px solid #ffdc8c14;border-radius:3px;position:absolute;inset:2px}.item-slot.drag-over,.hotbar-slot.drag-over{outline:2px solid #ffe566;box-shadow:inset 0 0 0 1px #ffe67859,0 0 10px #ffd25040}.item-slot.dragging{opacity:.55}.slot-ghost{color:#ffffff59;text-align:center;z-index:1;padding:2px;font-size:.55rem;line-height:1.1}.item-icon{z-index:1;background-color:var(--item-base,#666);background-image:radial-gradient(80% 55% at 30% 20%,#ffffff61,#0000 55%),linear-gradient(155deg,#ffffff38 0%,#ffffff0a 40%,#00000047 100%);border:1px solid #e8c66e8c;border-radius:6px;place-items:center;width:36px;height:36px;font-size:1.15rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5c866,inset 0 -2px 3px #00000059,0 0 0 1px #281c0ad9,0 0 0 2px #b48c3c47,0 2px 5px #00000059}.item-icon .item-art,.shop-glyph .item-art,.craft-icon .item-art,.craft-mat-icon .item-art,.tip-glyph .item-art,.target-drop-name .item-art{object-fit:cover;image-rendering:auto;pointer-events:none;border-radius:3px;width:100%;max-width:40px;height:100%;max-height:40px;display:block}.item-icon .item-art{width:32px;max-width:32px;height:32px;max-height:32px}.shop-glyph{overflow:hidden}.shop-glyph .item-art{width:36px;height:36px}.craft-icon{place-items:center;display:grid;overflow:hidden}.craft-mat-icon{place-items:center;display:inline-grid;overflow:hidden}.craft-mat-icon .item-art{width:18px;max-width:18px;height:18px;max-height:18px}.target-drop-name{align-items:center;gap:.3rem;display:inline-flex}.target-drop-name .item-art.inline{flex:none;width:18px;max-width:18px;height:18px;max-height:18px}.item-icon .item-glyph{filter:drop-shadow(0 1px 1px #00000073);font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,Twemoji Mozilla,EmojiOne Color,sans-serif;font-size:1.22rem;line-height:1;transform:translateY(.5px)}.item-icon .qty{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000000e6;z-index:3;background:#00000059;border-radius:2px;min-width:.9rem;padding:0 2px;font-size:.6rem;font-weight:800;position:absolute;bottom:0;right:1px}.stat-line{border-bottom:1px solid #ffffff0f;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .4rem;font-size:.82rem;display:flex}.stat-line:hover{background:#ffe6a00d}.stat-section{background:linear-gradient(#ffdc8c0f,#0000002e);border:1px solid #b39b5547;border-radius:8px;margin-top:.75rem;padding:.55rem .55rem .35rem}.stat-section:first-child{margin-top:0}.stat-section .section-title{letter-spacing:.04em;color:#f0d78a;margin-bottom:.4rem;font-size:.78rem}.stat-grid-2{grid-template-columns:1fr 1fr;gap:.15rem .55rem;display:grid}.stat-grid-2 .stat-span-2{grid-column:1/-1}.stat-panel{width:min(560px,92vw);min-width:440px}.stat-panel-body{max-height:none;overflow-y:auto}.stat-hero{background:radial-gradient(circle at 12% 20%,#ffd27829,#0000 45%),linear-gradient(135deg,#46371cbf,#19140cd9);border:1px solid #d2af5a73;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem;padding:.75rem .85rem;display:flex}.stat-hero-name{letter-spacing:.03em;color:#ffe9a8;font-size:1.15rem;font-weight:800}.stat-hero-sub{color:#d9c788;opacity:.95;margin-top:.2rem;font-size:.8rem}.stat-hero-meta{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.stat-chip{color:#e8d8a0;background:#00000059;border:1px solid #c8aa5a59;border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.stat-chip strong{color:#fff1bf;margin-left:.2rem}.stat-vital{background:#00000047;border:1px solid #b39b5540;border-radius:8px;gap:.4rem;margin-bottom:.55rem;padding:.55rem .6rem;display:grid}.stat-vital-row{grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.45rem;font-size:.76rem;display:grid}.stat-vital-row span{color:#d9c788;font-weight:700}.stat-vital-row strong{font-variant-numeric:tabular-nums;text-align:right;min-width:6.5rem;font-size:.74rem}.stat-bar{background:#00000073;border:1px solid #ffffff14;border-radius:999px;height:10px;position:relative;overflow:hidden}.stat-bar i{border-radius:inherit;height:100%;display:block}.stat-bar.hp i{background:linear-gradient(90deg,#8b1e1e,#e04545 55%,#ff8a8a)}.stat-bar.sp i{background:linear-gradient(90deg,#1a3a7a,#3d7aef 55%,#9ec0ff)}.stat-bar.exp i{background:linear-gradient(90deg,#5a4818,#d4b44a 55%,#ffe08a)}.stat-combat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.stat-combat-card{background:#00000047;border:1px solid #b39b5547;border-radius:7px;justify-content:space-between;align-items:baseline;gap:.4rem;padding:.45rem .55rem;display:flex}.stat-combat-card.span-2{grid-column:1/-1}.stat-combat-card span{color:#cbb56a;font-size:.74rem;font-weight:700}.stat-combat-card strong{font-variant-numeric:tabular-nums;font-size:.9rem}.stat-combat-card em{color:#9fef9f;margin-left:.25rem;font-size:.72rem;font-style:normal}.stat-line.allocate{background:#0000002e;border:1px solid #b39b5533;border-bottom:none;border-radius:6px;gap:.35rem;margin-bottom:.25rem;padding:.4rem .45rem}.stat-line.allocate button{color:#ffe9a8;cursor:pointer;background:linear-gradient(#6e5f35,#433928);border:1px solid #c8aa5a80;border-radius:5px;flex-shrink:0;min-width:2.4rem;padding:.2rem .4rem;font-size:.72rem;font-weight:800}.stat-line.allocate button:disabled{opacity:.4;cursor:not-allowed}.stat-line.allocate button:not(:disabled):hover{filter:brightness(1.12)}.stat-line em{color:#9fef9f;font-size:.75rem;font-style:normal}.ro-status-panel{min-width:420px;max-width:520px}.ro-status-head{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;display:grid}.ro-show-equip{color:#c8d4e8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;font-size:.72rem;display:inline-flex}.ro-show-equip input{cursor:pointer}.ro-status-body{color:#1a2a4a;background:linear-gradient(#f4f6fb 0%,#e8ecf4 100%);padding:.45rem .55rem .55rem}.ro-status-meta{color:#3a5078;border-bottom:1px solid #1a2a4a1f;gap:.15rem;margin-bottom:.35rem;padding-bottom:.3rem;font-size:.68rem;display:grid}.ro-status-grid{grid-template-columns:1.15fr 1fr 1fr;gap:.35rem .5rem;display:grid}.ro-status-col{gap:.12rem;display:grid}.ro-stat-primary{border-bottom:1px solid #1a2a4a1a;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.25rem;padding:.12rem 0;font-size:.78rem;display:grid}.ro-stat-primary.ro-stat-rec .ro-stat-name:after{content:"★";color:#c8922a;margin-left:2px;font-size:.62rem}.ro-stat-name{color:#1a3560;font-weight:700}.ro-stat-val{letter-spacing:.02em;font-weight:700}.ro-stat-plus{color:#2a7a3a;font-weight:700}.ro-stat-cost{color:#1a3560;cursor:pointer;background:#fff;border:1px solid #8aa0c0;min-width:1.6rem;height:1.35rem;padding:0 .2rem;font-size:.72rem;font-weight:700;line-height:1}.ro-stat-cost:disabled{opacity:.45;cursor:not-allowed}.ro-stat-derived{border-bottom:1px solid #1a2a4a1a;justify-content:space-between;gap:.35rem;padding:.12rem 0;font-size:.76rem;display:flex}.ro-stat-derived span{color:#1a3560;font-weight:600}.ro-stat-derived strong{color:#102040;font-weight:700}.ro-status-footer{color:#1a3560;border-top:1px solid #1a2a4a26;justify-content:space-between;gap:1rem;margin-top:.45rem;padding-top:.35rem;font-size:.74rem;display:flex}.ro-equip-block{border-top:1px dashed #1a2a4a33;margin-top:.45rem;padding-top:.35rem}.ro-equip-block .section-title{color:#1a3560;margin-bottom:.25rem;font-size:.72rem}.ro-equip-row{border-bottom:1px solid #1a2a4a14;justify-content:space-between;gap:.5rem;padding:.15rem 0;font-size:.7rem;display:flex}.ro-equip-row span{color:#3a5078}.ro-equip-row strong{color:#102040;text-align:right}.ro-status-body .muted{color:#7a8498;font-style:normal}.ro-equip-row em{color:#2a7a3a;font-size:.65rem;font-style:normal}.skill-name{font-weight:700}.skill-use{color:#ffe9a8;cursor:pointer;background:#4a4026;border:1px solid #a08f55;border-radius:3px;padding:.25rem .45rem;font-size:.72rem}.skill-use:disabled{opacity:.45;cursor:not-allowed}.popup-body{gap:.65rem;display:grid}.panel-section{background:#0000002e;border:1px solid #b4964633;border-radius:4px;padding:.45rem .5rem}.panel-kv-grid{grid-template-columns:1fr 1fr;gap:.3rem .65rem;display:grid}.panel-kv{background:#ffffff0a;border-radius:3px;justify-content:space-between;gap:.5rem;padding:.2rem .35rem;font-size:.74rem;display:flex}.panel-kv span{color:#d9c788}.panel-kv strong{color:#ffe9a8}.panel-list{color:#e8dcc0;gap:.25rem;margin:0;padding-left:1.1rem;font-size:.76rem;line-height:1.4;display:grid}.item-tooltip{z-index:2147483000;pointer-events:none;color:#f5ecd0;background:linear-gradient(#241e12fa,#100c08fa);border:1px solid #dcb95fb3;border-radius:10px;min-width:260px;max-width:380px;padding:.6rem .7rem;font-size:.75rem;line-height:1.35;position:fixed;box-shadow:0 0 0 1px #281c0ae6,0 0 0 2px #aa823747,0 12px 32px #0000008c,inset 0 1px #ffebaa1f}.item-tooltip.hidden{display:none}.item-tooltip .tip-head{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.item-tooltip .tip-glyph{border:1px solid #eccc78a6;border-radius:7px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.15rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff5c859,0 0 0 1px #1e1608e6,0 0 0 2px #aa823759,0 2px 8px #0006}.item-tooltip .tip-name{color:#ffe9a8;font-size:.9rem;font-weight:800}.item-tooltip .tip-sub{opacity:.65;font-size:.68rem}.item-tooltip .tip-meta{flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem;display:flex}.item-tooltip .tip-tag{color:#e8d8a0;background:#00000059;border:1px solid #cbb56a73;padding:.12rem .35rem;font-size:.65rem;font-weight:700}.item-tooltip .tip-tag.slot{color:#9fef9f;border-color:#78c87873}.item-tooltip .tip-tag.qty{color:#9ecbff}.item-tooltip .tip-tag.tip-value{color:#ffe9a8;white-space:normal;background:#785a1e8c;border-color:#c9a227;max-width:100%;line-height:1.25}.item-tooltip .tip-compare{border-top:1px solid #c9a22759;margin-top:.45rem;padding-top:.35rem}.item-tooltip .tip-compare-verdict{margin:.2rem 0 .35rem;font-size:.72rem;font-weight:800}.item-tooltip .tip-compare-verdict.better{color:#7dff9a}.item-tooltip .tip-compare-verdict.worse{color:#ff8a8a}.item-tooltip .tip-compare-verdict.same{color:#e8d8a0}.item-tooltip .tip-compare-grid{gap:.15rem;display:grid}.item-tooltip .tip-compare-row{grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.35rem;font-size:.68rem;display:grid}.item-tooltip .tip-compare-row strong{font-variant-numeric:tabular-nums}.item-tooltip .tip-compare-row.better strong{color:#7dff9a}.item-tooltip .tip-compare-row.worse strong{color:#ff8a8a}.item-tooltip .tip-compare-row.same strong{color:#b8a878}.item-tooltip .tip-desc{opacity:.9;border-bottom:1px solid #ffffff1a;margin-bottom:.45rem;padding-bottom:.4rem}.item-tooltip .tip-drops{border-top:1px solid #ffffff1a;margin-top:.45rem;padding-top:.35rem}.item-tooltip .tip-drop-empty{color:#e6dcbe8c;font-size:.68rem}.item-tooltip .tip-drop-list{flex-direction:column;gap:.18rem;max-height:160px;display:flex;overflow-y:auto}.item-tooltip .tip-drop-row{background:#00000047;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:1fr auto auto;gap:0 .35rem;padding:.12rem .2rem;font-size:.68rem;display:grid}.item-tooltip .tip-drop-name{color:#fff2d0;text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-weight:700;overflow:hidden}.item-tooltip .tip-drop-map{color:#c8be96b3;grid-area:2/1/auto/-1;font-size:.62rem}.item-tooltip .tip-drop-row strong{color:#9ef0b0;grid-column:2;font-weight:800}.item-tooltip .tip-drop-row em{color:#c9b878;grid-column:3;font-style:normal;font-weight:700}.item-tooltip .tip-drop-more{color:#d9c788b3;text-align:center;padding-top:.15rem;font-size:.64rem}.drop-panel-head{border-bottom:1px solid #d2b45a47;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;padding-bottom:.35rem;display:flex}.drop-panel-title{letter-spacing:.04em;color:#ffe9b0;font-size:.78rem;font-weight:800}.drop-panel-count{color:#dcc88cbf;background:#00000059;border:1px solid #b496464d;border-radius:999px;padding:.12rem .4rem;font-size:.66rem;font-weight:700}.drop-panel-list{flex-direction:column;gap:.4rem;max-height:none;display:flex;overflow:visible}.drop-card{background:linear-gradient(145deg,#282216eb,#100e0af2);border:1px solid #b4964647;border-radius:8px;padding:.45rem .5rem .4rem;box-shadow:inset 0 1px #ffebaa14}.drop-card.boss{background:linear-gradient(145deg,#461814e6,#160c0cf5);border-color:#dc5a468c}.drop-card.mini{background:linear-gradient(145deg,#3c2a0ee6,#14100af5);border-color:#dca03c80}.drop-card-top{justify-content:space-between;align-items:flex-start;gap:.45rem;display:flex}.drop-card-name{flex-wrap:wrap;align-items:center;gap:.28rem;min-width:0;display:flex}.drop-card-name strong{color:#fff4d8;font-size:.76rem;font-weight:800;line-height:1.25}.drop-tag{letter-spacing:.05em;border-radius:3px;padding:.08rem .28rem;font-size:.55rem;font-weight:900;line-height:1.2}.drop-tag.boss{color:#ffc8bc;background:#ff503c59}.drop-tag.mini{color:#ffe0a0;background:#ffb43c4d}.drop-rate-pill{color:#1a2a1a;background:linear-gradient(#b8f0c0,#6fd88a);border-radius:999px;flex:none;padding:.12rem .42rem;font-size:.72rem;font-weight:900;box-shadow:0 1px 3px #00000059}.drop-card-meta{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.drop-map-chip,.drop-qty-chip{color:#e6dcbee0;background:#00000059;border:1px solid #ffffff14;border-radius:4px;padding:.1rem .35rem;font-size:.64rem;font-weight:650}.drop-qty-chip{color:#e8d090}.drop-rate-bar{background:#ffffff14;border-radius:999px;height:4px;margin-top:.35rem;overflow:hidden}.drop-rate-bar i{border-radius:inherit;background:linear-gradient(90deg,#6fd88a,#e8c040);height:100%;display:block}.drop-card.boss .drop-rate-bar i{background:linear-gradient(90deg,#e06050,#ffb070)}.drop-card.mini .drop-rate-bar i{background:linear-gradient(90deg,#e0a040,#ffe08a)}.item-slot[data-tip-item],.craft-icon[data-tip-item],.shop-info[data-tip-item]{cursor:pointer}.item-detail-modal{z-index:12000;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-detail-modal.hidden{display:none}.item-detail-backdrop{background:#04080e9e;position:absolute;inset:0}.item-detail-card{z-index:1;background:linear-gradient(165deg,#161e2afa,#0c1018fa);border:1px solid #c8aa5a73;border-radius:10px;width:min(980px,96vw);max-height:min(82vh,900px);padding:.85rem .95rem .95rem;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000008c}.item-detail-close{color:#ffe9b0;cursor:pointer;z-index:2;background:#281e12d9;border:1px solid #dcc88c59;border-radius:6px;width:32px;height:32px;font-size:1.25rem;line-height:1;position:absolute;top:.45rem;right:.5rem}.item-detail-close:hover{background:#5a321ee6}.item-detail-body{max-height:min(76vh,860px);overflow:hidden}.item-detail-cols{grid-template-columns:minmax(0,1.05fr) minmax(280px,1fr);gap:.85rem;max-height:min(74vh,820px);display:grid}.item-detail-main,.item-detail-drops-col{min-height:0;max-height:min(74vh,820px);padding-right:.25rem;overflow:hidden auto}.item-detail-main.item-tooltip.static{pointer-events:auto;width:auto;max-width:none;box-shadow:none;background:0 0;border:none;padding:.15rem .2rem .4rem 0;position:static;top:auto;left:auto}.item-detail-drops-col .tip-drops-panel,.item-detail-drops-col .drop-panel{background:linear-gradient(165deg,#1c1810fa,#0a0a0cfa);border:1px solid #c8aa5a66;border-radius:10px;min-height:100%;margin:0;padding:.55rem .55rem .65rem;box-shadow:inset 0 1px #ffebaa14,0 4px 16px #00000040}.item-detail-drops-col .tip-drop-list{max-height:none;overflow:visible}@media (width<=720px){.map-layout{grid-template-columns:1fr;height:min(78vh,900px)}.item-detail-cols{grid-template-columns:1fr}.item-detail-drops-col{max-height:38vh}}.item-tooltip .tip-stats-title{letter-spacing:.04em;color:#ffe566;margin-bottom:.25rem;font-size:.68rem;font-weight:800}.item-tooltip .tip-stats-grid{grid-template-columns:1fr 1fr;gap:.12rem .55rem;display:grid}.item-tooltip .tip-stat{background:#ffffff0a;border-radius:3px;justify-content:space-between;gap:.35rem;padding:.14rem .35rem;font-size:.7rem;display:flex}.item-tooltip .tip-stat.dmg strong{color:#ffb088}.item-tooltip .tip-stat.heal strong{color:#7dff9f}.item-tooltip .tip-stat.buff strong{color:#8cf}.item-tooltip .tip-stat.cost strong{color:#d9c788}.item-tooltip .tip-stat.atk strong{color:#ff9e6b}.item-tooltip .tip-stat.def strong{color:#9ecbff}.item-tooltip .tip-stat.hp strong{color:#ff7b7b}.item-tooltip .tip-stat.sp strong{color:#6aa8ff}#damage-layer{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.damage-number{color:#ffe566;text-shadow:0 0 4px #000000d9,1px 1px #000,-1px 1px #000;will-change:transform, opacity;font-size:1.35rem;font-weight:800;position:absolute;top:0;left:0}.damage-number.player-hit{color:#ff6b6b;font-size:1.2rem}.damage-number.crit{color:#fff4a8;text-shadow:0 0 10px #ffaa28f2,0 0 18px #ff50008c,1px 1px #4a1800,-1px 1px #4a1800;flex-direction:column;align-items:center;gap:0;font-size:1.75rem;display:flex}.damage-number.crit .crit-label{letter-spacing:.14em;color:#ff7a1a;font-size:.72rem;font-weight:900;line-height:1}.damage-number.crit .crit-dmg{line-height:1.05}.currency-badge{color:#d8f5a8;letter-spacing:.03em;background:linear-gradient(#324623e6,#141e0eeb);border:1px solid #8dba5a;align-self:flex-end;margin-bottom:.25rem;padding:.2rem .55rem;font-size:.78rem;font-weight:800}.shop-panel{width:min(480px,92vw);min-width:360px}.shop-wallet{color:#d9c788;margin-bottom:.55rem;font-size:.78rem}.shop-wallet strong{color:#d8f5a8}.shop-list{flex-direction:column;flex:1;gap:.4rem;min-height:180px;max-height:none;display:flex;overflow-y:auto}.shop-body{flex-direction:column;height:100%;min-height:0;display:flex}#shop-buy-pane,#shop-sell-pane{flex-direction:column;flex:1;min-height:0;display:flex}#shop-sell-pane.hidden{display:none}.shop-row{background:#00000047;border:1px solid #8d7b4559;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .45rem;display:flex}.shop-info{align-items:flex-start;gap:.45rem;min-width:0;display:flex}.shop-glyph{border:1px solid #e8c66e8c;border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff5c84d,0 0 0 1px #281c0ad9,0 0 0 2px #b48c3c40}.shop-desc{color:#cbb56a;opacity:.9;margin-top:.1rem;font-size:.62rem}.shop-tabs{gap:.35rem;margin-bottom:.55rem;display:flex}.shop-tab{color:#d9c788;cursor:pointer;background:#282012b3;border:1px solid #8d7b45;flex:1;padding:.3rem .4rem;font-size:.72rem;font-weight:700}.shop-tab.active{color:#ffe9a8;background:linear-gradient(#6e5f35,#433928);border-color:#cbb56a}.shop-sell-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.25rem;display:flex}.shop-sell-btn{color:#f5e0c8;cursor:pointer;white-space:nowrap;background:linear-gradient(#6a4a2a,#402818);border:1px solid #ba8d5a;flex-shrink:0;padding:.35rem .55rem;font-size:.72rem;font-weight:800}.shop-sell-btn:hover{background:linear-gradient(#805a34,#503520)}.shop-sell-all-btn{color:#ffe9a8;background:linear-gradient(#7a5a18,#4a3408);border-color:#c9a227}.shop-sell-all-btn:hover{background:linear-gradient(#947020,#5a4010)}.shop-buy-btn{color:#e8f5c8;cursor:pointer;background:linear-gradient(#4a6a2a,#2a4018);border:1px solid #8dba5a;flex-shrink:0;padding:.35rem .55rem;font-size:.72rem;font-weight:800}.shop-buy-btn:hover{background:linear-gradient(#5a8034,#355020)}.map-loading{z-index:9999;opacity:0;pointer-events:none;background:#06080cd1;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.map-loading.visible{opacity:1;pointer-events:auto}.map-loading.hidden{display:none}.map-loading-card{text-align:center;background:linear-gradient(#2a2418fa,#12100cfa);border:2px solid #b39b55;width:min(420px,90vw);padding:1.4rem 1.5rem 1.2rem;box-shadow:0 16px 40px #0000008c}.map-loading-kicker{letter-spacing:.14em;color:#cbb56a;margin-bottom:.35rem;font-size:.72rem}.map-loading-title{color:#ffe9a8;margin-bottom:.35rem;font-size:1.35rem;font-weight:800}.map-loading-sub{color:#d9c788;margin-bottom:.9rem;font-size:.78rem;line-height:1.4}.map-loading-track{background:#00000073;border:1px solid #8d7b45;height:8px;overflow:hidden}.map-loading-bar{background:linear-gradient(90deg,#8d7b45,#ffe566);width:0%;height:100%;transition:width .18s}@media (width<=900px){.inv-panel{min-width:0;top:10%!important;left:4%!important;right:4%!important}.bag-grid{grid-template-columns:repeat(5,44px)}.inv-body{grid-template-columns:1fr}.enhance-forge-panel{left:4%!important;right:4%!important}.menu-row{max-width:280px}}