@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#eee9db;background:#142623;font-synthesis:none;font-size:14px;--gold:#e5ba72;--muted:#a2b2a8;--panel:rgba(19,35,33,.94);--line:#ffffff1c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#ffffff0b;border:1px solid var(--line);border-radius:7px;padding:11px 15px;transition:.15s}button:hover{background:#ffffff18;border-color:#e5ba7266}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#263028;border-color:var(--gold);font-weight:700}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select{width:100%;background:#101e1b;border:1px solid #ffffff25;border-radius:6px;color:#fff;padding:13px;margin:7px 0 17px}label{font-size:12px;color:#b7c2b8}h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif}h1,h2,h3,p{margin-top:0}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600}.muted{color:var(--muted);font-size:12px;line-height:1.7}.brand{font-size:28px;letter-spacing:1.5px;color:#f3deaf}.brand small{display:block;font-family:Inter,sans-serif;letter-spacing:4px;font-size:8px;margin-top:5px;color:#b9c5b7}.screen{min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 40%,#52725455,transparent 55%),linear-gradient(140deg,#142321,#294138 65%,#121f22)}.screen:before{content:"";position:absolute;top:35%;right:-10%;bottom:-40%;left:-10%;background:linear-gradient(135deg,transparent 35%,#66857222 35%,#66857222 55%,transparent 55%),linear-gradient(40deg,#0b201ccc 20%,transparent 20%,transparent 60%,#0b201c88 60%);transform:rotate(-8deg);pointer-events:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;position:relative;border-bottom:1px solid var(--line)}.tag{border:1px solid #a9bea630;border-radius:30px;padding:8px 14px;font-size:10px;letter-spacing:1px;color:#b6c7b4}.landing{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;padding:8vh 5vw;position:relative}.intro h1{font-size:clamp(42px,5.5vw,76px);line-height:1.1;font-weight:400;margin:25px 0}.intro h1 em{color:var(--gold);font-style:normal}.intro>p{max-width:410px;line-height:1.9;color:#bbc8bd}.features{display:flex;gap:30px;margin-top:45px}.features strong{display:block;color:#dfc59a;margin-bottom:5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 24px 80px #0003}.panel h2{font-size:23px;margin:10px 0}.tabs{display:flex;gap:8px;margin:24px 0}.tabs button{flex:1}.tabs .active{border-color:var(--gold);color:var(--gold)}form button.primary{width:100%;margin-top:5px}.error{color:#f4aa95;min-height:20px;font-size:12px;line-height:1.6}.screen-footer{position:relative;text-align:center;color:#80978b;font-size:11px;padding:20px}.selection{max-width:1060px;margin:50px auto;padding:0 25px}.selection-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.hero-choice{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:20px;margin-bottom:12px}.hero-icon{font-size:30px;color:var(--gold)}.hero-choice strong{display:block;margin-bottom:6px}.hero-choice .arrow{margin-left:auto;color:var(--gold)}.game{height:100dvh;position:relative;overflow:hidden}#world{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(#11251de8,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.location{font-family:Cinzel,Georgia,serif;font-size:17px;text-align:center}.location small{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:2px;color:#d9e4ce;margin-top:6px}.top-actions{display:flex;gap:7px}.top-actions button{background:var(--panel);padding:9px 12px;font-size:12px}.hero-hud{position:absolute;top:100px;left:25px;width:250px;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.hero-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hero-title strong{font-family:Cinzel,serif}.level{font-size:11px;color:var(--gold)}.bar{height:7px;background:#ffffff15;border-radius:9px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:#83b291;transition:width .2s}.bar.xp{height:3px}.bar.xp i{background:var(--gold)}.bar.energy{height:4px}.bar.energy i{background:#6fb7e0}.slot.skill{overflow:hidden}.slot .cd{position:absolute;left:0;right:0;bottom:0;background:#0009;pointer-events:none;transition:height .1s linear}.slot .left{position:absolute;right:5px;top:3px;font-size:9px;color:#f3deaf}.slot.skill:not(.ready){opacity:.55}.stats{display:flex;justify-content:space-between;color:#becabc;font-size:10px}.quest{position:absolute;left:25px;top:245px;width:250px;background:var(--panel);padding:17px;border-radius:9px;border:1px solid var(--line)}.quest h3{font-size:14px;margin:8px 0}.quest p{font-size:11px;line-height:1.7;color:#b4c2b2;margin-bottom:8px}.quest button{font-size:11px;padding:7px 10px}.target{position:absolute;top:100px;left:50%;transform:translate(-50%);width:210px;background:var(--panel);padding:12px 17px;border-radius:9px;text-align:center;font-size:12px}.target .bar i{background:#d18977}.bottom{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:10px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}.slot{min-width:72px;height:65px;position:relative;font-size:23px;padding:8px}.slot small{display:block;font-size:9px;color:#c2c9bb;margin-top:4px}.slot kbd{position:absolute;top:3px;left:5px;font-size:8px;color:var(--gold)}.help{position:absolute;bottom:12px;left:25px;color:#e1e7d6;font-size:10px;line-height:1.8;text-shadow:0 1px 3px #000}.connection{position:absolute;right:25px;bottom:20px;font-size:10px;background:var(--panel);padding:7px 10px;border-radius:20px;color:#adc8ac}.drawer{position:absolute;right:25px;top:90px;bottom:115px;width:330px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px}.drawer h2{font-size:20px}.drawer .close{float:right;padding:3px 8px}.item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.item button{font-size:10px;padding:6px 8px}.zone-button{display:block;width:100%;text-align:left;margin:12px 0}.toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);padding:12px 20px;background:#122923ed;border:1px solid #dbbd7970;border-radius:8px;font-size:12px;text-align:center;max-width:80%;pointer-events:none}.touch-controls{display:none;position:absolute;left:15px;bottom:40px;grid-template-columns:repeat(3,42px);gap:3px}.touch-controls button{padding:10px;background:var(--panel);touch-action:none}.dead{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;background:#23162488;text-align:center;pointer-events:none}.dead h2{font-size:32px}.hide{display:none!important}@media (max-width:900px){.landing{gap:30px;grid-template-columns:1fr 1fr}.features{gap:15px}.brand{font-size:21px}.quest{top:230px;width:210px}.hero-hud{width:210px}.help{display:none}.location{font-size:13px}}@media (max-width:650px){.nav{padding:20px}.landing{grid-template-columns:1fr;padding:35px 22px;gap:25px}.intro h1{font-size:42px}.intro>p,.features{display:none}.selection-grid{grid-template-columns:1fr}.selection{margin-top:30px}.topbar{padding:12px}.topbar>.brand{display:none}.top-actions button{padding:8px;font-size:10px}.hero-hud{left:12px;top:70px;width:170px;padding:12px}.quest{left:12px;top:185px;width:170px;padding:12px}.quest p{font-size:10px}.target{top:70px;left:auto;right:12px;transform:none;width:140px}.drawer{right:12px;left:12px;top:65px;width:auto;bottom:120px;z-index:4}.bottom{left:auto;right:12px;transform:none;bottom:30px;gap:4px;padding:6px}.slot{min-width:49px;height:57px;font-size:20px;padding:6px}.slot small{font-size:8px}.touch-controls{display:grid}.connection{bottom:7px;right:12px;font-size:9px}.toast{bottom:110px;width:90%}.hero-title strong{font-size:12px}}.game{background:#0e1a17}.hero-frame{position:absolute;top:92px;left:22px;display:flex;gap:12px;align-items:flex-start;width:300px;padding:12px 14px;background:linear-gradient(160deg,#1a2f2be6,#0f1f1cf0);border:1px solid #e5ba7244;border-radius:14px;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.portrait{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3d5a52,#142622);border:2px solid var(--gold);display:grid;place-content:center;font-size:26px;color:#f3deaf;flex:none}.portrait b{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;border-radius:11px;background:var(--gold);color:#1c2620;font-size:11px;display:grid;place-content:center;padding:0 5px;border:2px solid #0f1f1c}.vitals{flex:1;min-width:0}.vitals .bar{position:relative;height:13px;margin:4px 0;background:#0a1512;border:1px solid #ffffff1a}.vitals .bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;line-height:13px;text-align:center;color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.5px}.bar.hp i{background:linear-gradient(#8ed49a,#3f9a55)}.bar.energy i{background:linear-gradient(#8fd0ff,#2f7fc4)}.vitals .bar.xp{height:5px}.vitals .bar.xp i{background:linear-gradient(90deg,#c9a45c,#f3deaf)}.gold{color:var(--gold);font-weight:600;font-size:12px}.buffs{position:absolute;left:0;top:100%;margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}.buff{background:#122522ee;border:1px solid #e5ba7255;border-radius:8px;padding:3px 6px;font-size:14px;display:flex;flex-direction:column;align-items:center;line-height:1.1}.buff small{font-size:8px;color:#d9c48f}.quest{top:200px}.target{top:92px;width:260px;padding:10px 14px;background:linear-gradient(160deg,#2a1d1de6,#1a1010f0);border:1px solid #d1897744;border-radius:12px}.target-head{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.target .lvl{font-size:10px;color:#f3deaf}.badge{font-size:8px;letter-spacing:1px;padding:2px 6px;border-radius:10px;background:#ffffff18;color:#d9d9d9}.badge.elite{background:#ff9a3c33;color:#ffb56b}.badge.boss{background:#c86bff33;color:#dfa8ff}.minimap-wrap{position:absolute;top:92px;right:22px;width:150px;height:150px;border-radius:50%;box-shadow:0 10px 30px #0008}.minimap-wrap canvas{width:150px;height:150px;border-radius:50%;display:block}.party-frame{position:absolute;top:255px;right:22px;width:190px;padding:10px 12px;background:var(--panel);border:1px solid #6fd66f33;border-radius:12px}.member{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #ffffff10}.member:first-of-type{border-top:0}.member .icon{font-size:16px}.member .who{flex:1;min-width:0}.member strong{font-size:12px;display:block}.member small{font-size:9px;color:#a9bfae}.member .bar{height:5px;margin:3px 0 0}.member.offline{color:#8a9a90;font-size:11px}.auto-status{position:absolute;bottom:118px;left:50%;transform:translate(-50%);background:#12292aee;border:1px solid #6fd6d0;border-radius:20px;padding:6px 12px;font-size:10px;letter-spacing:.6px;display:flex;gap:8px;align-items:center;color:#c7f3ef;max-width:calc(100vw - 24px);white-space:nowrap}.auto-status em{font-style:normal;color:#fff;font-size:10px}.auto-status>strong{font-size:9px;letter-spacing:1px}.auto-mode{border-radius:9px;padding:3px 7px;font-size:9px;letter-spacing:.4px}.auto-mode[data-mode=FARM]{background:#e5ba7218;color:#f0c476}.auto-mode[data-mode=LEVEL_UP]{background:#83b29120;color:#a8dfa9}.auto-preparation{display:flex;align-items:center;gap:5px}.auto-preparation small{font-size:8px;letter-spacing:.5px;color:#a9bfae}.auto-preparation-track{display:block;width:52px;height:4px;border-radius:5px;background:#ffffff20;overflow:hidden}.auto-preparation-track i{display:block;width:0;height:100%;border-radius:5px;background:#6fd6d0;transition:width .3s}.auto-preparation>b{min-width:24px;color:#fff;font-size:9px;text-align:right}.pulse{width:8px;height:8px;border-radius:50%;background:#6fd6d0;box-shadow:0 0 #6fd6d0;animation:pulse 1.4s infinite}@keyframes pulse{to{box-shadow:0 0 0 8px #6fd6d000}}.bottom{gap:6px;padding:8px;background:linear-gradient(160deg,#1a2f2bf0,#0f1f1cf6);border:1px solid #e5ba7244;box-shadow:0 12px 40px #0008}.slot{min-width:64px;height:64px;font-size:22px;background:#0b1614;border:1px solid #ffffff1c;border-radius:9px}.slot.skill.ready{border-color:#e5ba7288;box-shadow:inset 0 0 12px #e5ba7222}.slot.potion{min-width:58px}.slot.auto{background:#0f2224;border-color:#6fd6d044}.slot.auto.on{background:#1a4a4a;border-color:#6fd6d0;box-shadow:0 0 14px #6fd6d066}.slot.cfg{min-width:44px;font-size:16px}.toast{bottom:150px;background:none;border:0;padding:0;display:flex;flex-direction:column;gap:5px;align-items:center;width:auto;max-width:90%}.toast-line{padding:9px 16px;background:#122923ed;border:1px solid #dbbd7970;border-radius:8px;font-size:12px;animation:toastIn .25s ease-out}.toast-line.error{border-color:#f4aa9570;color:#f4c0b0}.toast-line.rare{border-color:#ffb347;color:#ffd9a0;box-shadow:0 0 18px #ffb34744}.toast-line.level{border-color:#f3deaf;color:#fff3d6;font-weight:600}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.tips{position:absolute;left:22px;bottom:70px;width:300px;background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:14px 18px;z-index:5}.tips p{font-size:12px;line-height:1.7;color:#dfe7dc;margin:8px 0}.tips button{font-size:11px;padding:6px 12px}.joystick{display:none;position:absolute;left:28px;bottom:36px;width:120px;height:120px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff30;touch-action:none}.joystick .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#e5ba72cc;pointer-events:none}.touch-controls{display:none!important}.drawer{width:380px;top:84px;bottom:110px;padding:20px}.drawer h2 .gold{float:right;font-size:13px;margin-top:8px}.drawer h3{font-size:13px;margin:18px 0 8px;color:#f3deaf;display:flex;justify-content:space-between}.paperdoll{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.doll-slot{text-align:center}.doll-slot small{display:block;font-size:8px;color:#a9bfae;margin-top:3px;letter-spacing:.5px}.doll-slot.empty .item-slot{opacity:.45}.inv-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:11px}.inv-tools button{padding:5px 10px;font-size:10px}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.item-slot{position:relative;aspect-ratio:1;width:100%;min-width:0;display:grid;place-content:center;padding:0;background:#0b1614;border:1px solid #ffffff1c;border-radius:6px;font-size:18px;--rc:#666}.item-slot.uncommon,.item-slot.rare,.item-slot.epic,.item-slot.legendary{border-color:var(--rc);box-shadow:inset 0 0 8px color-mix(in srgb,var(--rc) 35%,transparent)}.item-slot.legendary{animation:glow 1.6s infinite alternate}@keyframes glow{to{box-shadow:0 0 10px var(--rc),inset 0 0 8px var(--rc)}}.item-slot .count{position:absolute;right:2px;bottom:1px;font-size:9px;color:#fff;text-shadow:0 1px 2px #000}.item-slot.equipped{border-color:var(--rc);background:#16302b}.item-slot.empty{background:#0b161480}.item-details{margin-top:14px;padding:12px;border:1px solid var(--rc);border-radius:10px;background:#0d1c19}.item-title{display:flex;gap:10px;align-items:center}.item-title .icon{font-size:26px}.item-title small{display:block;color:#a9bfae;font-size:10px;margin-top:3px}.rarity{font-weight:700}.stat-list{list-style:none;padding:0;margin:8px 0}.stat-list li{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid #ffffff0c}.item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.item-actions button{font-size:11px;padding:7px 10px}.status-head{display:flex;gap:12px;align-items:center}.status-head .portrait{width:46px;height:46px;font-size:20px}.status-head small{display:block;color:#a9bfae;font-size:11px}.attr-rows{display:grid;gap:4px}.attr-row{display:grid;grid-template-columns:1.3fr .5fr 1fr auto;align-items:center;gap:8px;font-size:12px;padding:6px 8px;background:#0b1614;border-radius:6px}.attr-row button{padding:2px 9px;font-size:13px;background:var(--gold);color:#1c2620;border-color:var(--gold)}.stat-table{width:100%;border-collapse:collapse;font-size:12px}.stat-table td{padding:5px 4px;border-bottom:1px solid #ffffff0c}.stat-table td:nth-child(n+2){text-align:right}.skill-line{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #ffffff0c;font-size:12px}.skill-line span{font-size:18px}.skill-line small{display:block;line-height:1.5}.auto-form label{display:block;margin:10px 0;font-size:12px;color:#dfe7dc}.auto-form input[type=range]{width:100%;margin:6px 0 0;padding:0}.auto-form .check{display:flex;gap:8px;align-items:center}.auto-form .check input{width:auto;margin:0}.auto-form select{margin-top:6px}.auto-form output{color:var(--gold);font-weight:600}.shop{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop button{padding:12px 8px;font-size:12px}.creation{position:relative;max-width:1100px;margin:30px auto;padding:0 22px;display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.creation-preview canvas{width:100%;height:360px;display:block;border-radius:10px;background:radial-gradient(circle at 50% 30%,#3a5a52,#12221f)}.look-controls{margin-top:12px}.look-row{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap}.look-row span{width:60px;font-size:11px;color:#a9bfae}.look-row button{padding:6px 10px;font-size:11px}.look-row button.active{border-color:var(--gold);color:var(--gold)}.swatch{width:26px;height:26px;padding:0!important;border-radius:50%!important;border:2px solid #ffffff30!important}.swatch.active{border-color:#fff!important;box-shadow:0 0 0 2px var(--gold)}.class-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.class-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px}.class-card small{font-size:9px;color:#a9bfae}.class-card.active{border-color:var(--gold);background:#e5ba7218}.attr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.attr-grid div{background:#0b1614;border-radius:6px;padding:8px;text-align:center}.attr-grid small{display:block;font-size:9px;color:#a9bfae}.attr-grid strong{font-size:16px;color:#f3deaf}.skill-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.skill-pill{font-size:11px;padding:5px 9px;border-radius:14px;background:#ffffff0b;border:1px solid var(--line)}.skill-pill span{margin-right:4px}@media (max-width:900px){.creation{grid-template-columns:1fr}.hero-frame{width:250px;padding:10px}.quest{top:200px;width:220px}.minimap-wrap,.minimap-wrap canvas{width:110px;height:110px}.party-frame{top:212px;width:150px}.drawer{width:340px}}@media (max-width:650px){.joystick{display:block}.help{display:none}.hero-frame{top:62px;left:10px;width:210px;padding:8px}.portrait{width:44px;height:44px;font-size:20px}.quest{display:none}.target{top:62px;right:10px;left:auto;transform:none;width:150px;padding:8px}.minimap-wrap,.minimap-wrap canvas{width:90px;height:90px}.minimap-wrap{top:150px;right:10px}.party-frame{display:none}.bottom{left:auto;right:8px;transform:none;bottom:24px;padding:6px;gap:4px}.slot{min-width:46px;height:54px;font-size:18px;padding:4px}.slot small{font-size:7px}.slot kbd{display:none}.auto-status{bottom:96px;font-size:10px}.drawer{right:8px;left:8px;top:58px;width:auto;bottom:96px;z-index:4;padding:14px}.inv-grid{grid-template-columns:repeat(6,1fr)}.paperdoll{grid-template-columns:repeat(4,1fr)}.toast{bottom:100px}.tips{width:90%;top:70px}.top-actions button{padding:7px 8px;font-size:10px}}@media (max-width:650px){.topbar{padding:8px 10px;gap:6px}.top-actions{overflow-x:auto;flex-wrap:nowrap;max-width:62vw;scrollbar-width:none}.top-actions button{white-space:nowrap;padding:7px 9px;font-size:10px}.location{font-size:12px;flex:none;max-width:34vw}.location small{display:none}.bottom{display:grid;grid-template-columns:repeat(4,44px);gap:4px;right:8px;bottom:14px;padding:5px;border-radius:10px}.slot{min-width:44px;height:48px;font-size:16px;padding:2px}.slot small{font-size:6px;line-height:1.1;margin-top:1px}.slot .left{font-size:7px}.joystick{width:104px;height:104px;left:12px;bottom:14px}.joystick .knob{width:44px;height:44px;margin:-22px 0 0 -22px}.auto-status{bottom:128px;left:12px;transform:none}.connection{bottom:126px;right:8px}.toast{bottom:135px}.tips p{font-size:11px}.hero-frame .buffs{top:auto;bottom:-30px}}.pvp-status{position:absolute;bottom:150px;left:50%;transform:translate(-50%);background:#3a1414ee;border:1px solid #ff6a5a;border-radius:20px;padding:6px 14px;font-size:11px;letter-spacing:1px;color:#ffd8d2}.pvp-status b{color:#ff6a5a}#hud-name.pk,.target-head strong.pk{color:#ff5a4a}@media (max-width:650px){.pvp-status{bottom:128px;font-size:10px;max-width:70%;text-align:center}}.weapon-icon{vertical-align:-.15em;flex-shrink:0}.hero-icon .weapon-icon{display:block}#pvp-toggle.active{border-color:#ff6a5a;color:#ffb0a6;background:#3a1414}.character-creator{position:relative;max-width:1280px;margin:32px auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:24px;align-items:start}.creator-stage{position:sticky;top:24px;padding:24px;background:radial-gradient(ellipse at 50% 35%,#355349aa,transparent 65%),#142823}.creator-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-stage h1{font-size:25px;margin:10px 0 0;overflow-wrap:anywhere}.creator-live{font-size:10px;letter-spacing:2px;color:#d1b47a;border:1px solid #d1b47a55;border-radius:6px;padding:6px}.creator-viewport{position:relative;margin:12px -12px 0}.creator-viewport canvas{width:100%;height:460px;display:block;touch-action:pan-y;cursor:grab;border-radius:12px}.creator-viewport canvas:active{cursor:grabbing}.creator-viewport p{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none}.preview-toolbar{display:flex;gap:6px;justify-content:center}.preview-toolbar button{font-size:11px;padding:8px 10px}.preview-toolbar .active,.creator-body .active{color:var(--gold);border-color:#e5ba7280;background:#e5ba7210}.preview-hint{text-align:center;color:#95aba0;font-size:10px;margin:12px 0 18px}.creator-summary{text-align:center;color:#dbc496;font-size:12px;letter-spacing:.6px;margin:12px 0 20px}.creator-random{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:8px}.creator-random button{font-size:11px;padding:10px 12px}.creator-editor{padding:28px}.creator-editor h2{font-size:27px;margin:12px 0 24px}.creator-editor #hero-name{margin-bottom:10px}.creator-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin:8px 0 20px;gap:5px}.creator-tabs button{border:0;border-radius:0;padding:15px 6px;color:#9ab0a4;border-bottom:2px solid transparent;font-size:13px}.creator-tabs small{font-size:9px;margin-right:7px;opacity:.6}.creator-tabs .active{color:var(--gold);border-bottom-color:var(--gold);background:#e5ba7208}.creator-intro{font-size:12px;line-height:1.7;color:#b7c7bd;margin-bottom:18px}.race-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.race-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 8px;background:#ffffff03}.race-card strong{font-size:13px}.race-card small{font-size:10px;color:#9bb3a7}.race-card.active{border-color:var(--gold);background:#e5ba7210}.race-emblem{display:grid;place-items:center;width:39px;height:39px;border:1px solid #b69c6960;transform:rotate(0);font-family:Georgia,serif;font-size:24px;color:var(--gold);border-radius:10px;background:#e5ba7208}.race-elf{border-radius:50% 0}.race-dwarf{border-radius:3px;border-bottom-width:4px}.race-orc{border-radius:12px 12px 2px 2px;color:#9dbb76}.race-draugr{border-radius:50%;color:#b6c6dc}.race-danari{border-radius:50% 50% 20% 20%;color:#92cdee}.race-description{padding:18px 0 10px}.race-description h3{font-size:18px;margin-bottom:7px}.race-description p,.creator-note{color:#a8c0b2;font-size:12px;line-height:1.7;margin-bottom:10px}.creator-body{display:flex;align-items:center;gap:8px;margin:12px 0 20px}.creator-body>span{color:#b0c2b7;font-size:12px;margin-right:auto}.creator-body button{font-size:11px;padding:8px 12px}.creator-note{font-size:11px;margin-top:20px}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.cosmetic-control label{display:flex;justify-content:space-between;gap:4px;font-size:11px;margin-bottom:7px}.cosmetic-control label span{font-size:9px;color:#8da398}.cosmetic-stepper{display:flex;min-width:0;border:1px solid var(--line);border-radius:6px;background:#101e1b}.cosmetic-stepper button{padding:6px 9px;font-size:21px;border:0}.cosmetic-stepper select{min-width:0;margin:0;border:0;background:none;padding:9px 2px;font-size:11px}.cosmetic-stepper option{background:#142823}.creator-palette{border:0;padding:0;margin:18px 0}.creator-palette legend{font-size:11px;color:#c7d2c7;margin-bottom:10px;width:100%;display:flex;justify-content:space-between}.creator-palette legend small{font-size:9px;color:#8da398}.creator-palette>div{display:flex;flex-wrap:wrap;gap:7px}.color-choice{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;padding:0;background:var(--swatch);border:2px solid #ffffff20;transition:transform .12s}.color-choice:hover{background:var(--swatch);transform:translateY(-2px);border-color:#fff8}.color-choice.active{border-color:#fff;box-shadow:0 0 0 2px #dfb570}.color-choice span{font-size:13px;color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000}.creator-submit{margin-top:4px!important}.creator-editor .error{margin-bottom:5px}.creator-editor .class-cards{margin-top:0}.creator-editor .class-card{min-width:0}.creator-editor .class-card strong{font-size:12px}@media (max-width:900px){.character-creator{padding:0 16px;gap:16px}.creator-stage,.creator-editor{padding:18px}.creator-viewport canvas{height:420px}.preview-toolbar,.creator-random{flex-wrap:wrap}.race-cards{gap:7px}.cosmetic-grid{gap:10px}.creator-tabs small{display:none}}@media (max-width:680px){.character-creator{grid-template-columns:1fr;margin:18px auto;padding:0 14px;gap:16px}.creator-stage{position:relative;top:0;padding:18px}.creator-stage h1{font-size:22px}.creator-viewport canvas{height:310px}.creator-viewport{margin-top:0}.creator-random{padding-top:12px}.creator-summary{margin-bottom:14px}.preview-hint{font-size:9px;margin:9px 0}.creator-editor{padding:21px}.creator-editor h2{font-size:23px}.creator-tabs button{padding:13px 5px}.race-card{padding:13px 7px}.creator-palette>div{gap:8px}.color-choice{width:31px;height:31px}.creator-editor .class-card{padding:12px 5px}.creator-editor .class-card small{font-size:8px}}@media (max-width:650px){.auto-status{gap:5px;padding:5px 8px}.auto-status #auto-state{display:none}.auto-preparation-track{width:42px}.auto-mode{padding:3px 5px}}@property --accent{syntax:"<color>";inherits:true;initial-value:#e5ba72}.select-screen{position:relative;min-height:100vh;overflow:hidden;transition:--accent .6s ease;isolation:isolate}.select-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 70% at 50% 68%,color-mix(in srgb,var(--accent) 26%,transparent) 0%,transparent 70%),radial-gradient(40% 40% at 20% 20%,#1d3a35 0%,transparent 60%),radial-gradient(40% 40% at 85% 15%,#241f3a 0%,transparent 60%),#0d1a18;transition:--accent .6s ease}.select-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 44px);mask:radial-gradient(70% 70% at 50% 60%,#000 0%,transparent 100%)}.select-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(90% 90% at 50% 50%,transparent 55%,#06100f 100%)}.select-screen.leaving{animation:leave .5s ease forwards}@keyframes leave{to{opacity:0;transform:scale(1.02)}}.select{max-width:1400px;margin:8px auto 30px;padding:0 24px;display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:22px;min-height:calc(100vh - 140px);align-items:stretch}.select .eyebrow{display:block;margin-bottom:10px}.roster,.roster-list{display:flex;flex-direction:column;gap:10px}.hero-card{display:grid;grid-template-columns:54px 1fr 18px;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--line);animation:rise .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*70ms);transition:transform .2s,border-color .2s,box-shadow .3s,background .2s}.hero-card:hover{transform:translate(6px);border-color:color-mix(in srgb,var(--class) 60%,transparent)}.hero-card.active{border-color:var(--class);background:linear-gradient(135deg,color-mix(in srgb,var(--class) 22%,transparent),#ffffff08);box-shadow:0 0 0 1px color-mix(in srgb,var(--class) 40%,transparent),0 10px 30px -12px var(--class);transform:translate(8px)}.hero-card .portrait{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#fff2,#0005);border:2px solid color-mix(in srgb,var(--class) 70%,#000);box-shadow:inset 0 0 12px #0008}.hero-card.active .portrait{animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{box-shadow:inset 0 0 12px #0008,0 0 18px color-mix(in srgb,var(--class) 55%,transparent)}}.hero-card .portrait b{position:absolute;right:-6px;bottom:-6px;background:var(--class);color:#1b2420;font-size:11px;font-weight:800;border-radius:10px;padding:1px 6px;border:2px solid #0d1a18}.hero-card .who{display:flex;flex-direction:column;gap:2px;min-width:0}.hero-card .who strong{font-family:Cinzel,Georgia,serif;font-size:15px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card .who small{color:var(--muted);font-size:11px}.hero-card .who .where{color:#c9d6cf99;font-size:10px}.hero-card .chev{font-size:22px;color:#fff5;transition:transform .2s,color .2s}.hero-card.active .chev{color:var(--class);transform:translate(3px)}.roster-new{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:14px;border:1px dashed #e5ba7266;background:transparent;animation:rise .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*70ms)}.roster-new:hover{border-style:solid;background:#e5ba7212;transform:translate(6px)}.roster-new .plus{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--gold);border:1px solid #e5ba7255;transition:transform .3s}.roster-new:hover .plus{transform:rotate(90deg)}.roster-new strong{font-family:Cinzel,Georgia,serif;display:block}.roster-new small{color:var(--muted);font-size:11px}.roster-hint{margin-top:auto;font-size:11px}.stage{position:relative;border-radius:22px;overflow:hidden;min-height:520px;background:radial-gradient(70% 60% at 50% 75%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);border:1px solid #ffffff12;box-shadow:inset 0 0 80px #0006;animation:fade .8s ease both}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.stage-floor{position:absolute;left:50%;bottom:8%;width:70%;height:22%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);filter:blur(18px);pointer-events:none;animation:floorPulse 3s ease-in-out infinite}@keyframes floorPulse{50%{opacity:.55;transform:translate(-50%) scale(1.06)}}.stage-caption{position:absolute;left:24px;top:20px;pointer-events:none;text-shadow:0 2px 12px #000}.stage-caption strong{display:block;font-family:Cinzel,Georgia,serif;font-size:26px;letter-spacing:1px}.stage-caption small{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:10px}.stage-hint{position:absolute;right:20px;bottom:16px;font-size:11px;color:#fff6;pointer-events:none}.sheet{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 60px -30px #000}.rise{animation:rise .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*80ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}.sheet-name{font-size:34px;margin:0 0 4px;line-height:1.1;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--accent) 70%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}.sheet-sub{color:var(--muted);margin:0;font-size:13px}.sheet-sub b{color:#eee9db}.sheet .bar.xp{height:8px;border-radius:6px;background:#0005;overflow:hidden;border:1px solid #ffffff12}.sheet .bar.xp i{display:block;height:100%;background:linear-gradient(90deg,#8d7bff,#c9a8ff);transition:width 1.1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #a68cff88}.sheet .xp small{display:block;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{padding:10px 8px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0f;text-align:center;transition:transform .2s,border-color .2s}.stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.stat small{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.stat b{font-size:20px;font-family:Cinzel,Georgia,serif;color:#f3deaf}.gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gear{--rc:#ffffff55;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff06;border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);animation:rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.24s + var(--i)*40ms);transition:transform .2s,box-shadow .2s;min-width:0}.gear:hover{transform:translateY(-2px);box-shadow:0 8px 20px -10px var(--rc)}.gear .gear-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--rc) 22%,#000);color:var(--rc)}.gear small{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--rc)}.gear em{font-style:normal;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.gear.empty{opacity:.45;border-style:dashed}.gear.empty em{color:var(--muted)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.journey-grid div{text-align:center}.journey-grid b{display:block;font-family:Cinzel,Georgia,serif;font-size:15px;color:#f3deaf}.journey-grid small{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.cta{position:relative;overflow:hidden;padding:16px 20px;font-size:15px;letter-spacing:.5px;border-radius:12px;box-shadow:0 12px 30px -12px var(--gold);transition:transform .15s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px var(--gold)}.cta .shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(110deg,transparent,#ffffff88,transparent);transform:skew(-20deg);animation:shine 2.8s ease-in-out infinite}@keyframes shine{0%,60%{left:-60%}to{left:130%}}button.ghost{background:transparent}.sheet-empty h1{font-size:30px;margin:8px 0 12px}.sheet-empty .cta{margin:8px 0 12px;width:100%}@media (max-width:1100px){.select{grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto}.roster{min-width:0}.sheet{grid-column:1/-1}.stage{min-height:420px}}@media (max-width:650px){.select{grid-template-columns:minmax(0,1fr);padding:0 12px;gap:14px}.roster{order:1;min-width:0}.roster-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.hero-card{min-width:210px;grid-template-columns:44px 1fr}.hero-card .chev{display:none}.hero-card:hover,.hero-card.active{transform:none}.roster-hint{display:none}.stage{order:0;min-height:360px}.sheet{order:2;padding:16px}.stat-grid,.journey-grid{grid-template-columns:repeat(2,1fr)}.gear-grid{grid-template-columns:1fr}.stage-caption strong{font-size:20px}}.viewer{min-height:100vh}.viewer-grid{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 90px)}.viewer-list{border-right:1px solid var(--line);overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.viewer-list input{width:100%;padding:9px;background:#0b1614;border:1px solid var(--line);border-radius:7px;color:inherit}#cats{display:flex;flex-wrap:wrap;gap:4px}#cats button{padding:4px 8px;font-size:11px;opacity:.5}#cats button.active{opacity:1;border-color:var(--gold)}#list{display:flex;flex-direction:column;gap:4px}#list button{text-align:left;padding:8px 10px;display:flex;flex-direction:column;gap:2px}#list button.active{border-color:var(--gold);background:#e5ba7218}#list small{color:var(--muted);font-size:10px}.viewer-stage{position:relative}.viewer-stage canvas{width:100%;height:100%;display:block;cursor:grab}.viewer-info{position:absolute;left:18px;top:14px;text-shadow:0 2px 8px #000}.viewer-info strong{display:block;font-family:Cinzel,Georgia,serif;font-size:22px}.viewer-info small{color:var(--muted)}.viewer-clips{position:absolute;left:18px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px;max-width:80%}.viewer-clips button{padding:6px 10px;font-size:11px}.viewer-clips button.active{border-color:var(--gold);background:#e5ba7222}.viewer-clips small{color:var(--muted)}.editor{display:flex;flex-direction:column;gap:10px;font-size:12px}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-modes,.editor-kind,.editor-cats,.editor-row{display:flex;gap:4px;flex-wrap:wrap}.editor button{padding:6px 9px;font-size:11px}.editor button.active{border-color:var(--gold);background:#e5ba7222}.editor button.danger{border-color:#ff6a5a88;color:#ffb0a6}.editor input[type=text],.editor input:not([type]),.editor input[type=number],.editor select{width:100%;padding:6px 8px;background:#0b1614;border:1px solid var(--line);border-radius:6px;color:inherit;font-size:12px}.editor label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;flex:1}.editor-row label{min-width:60px}.editor-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:38vh;overflow:auto}.editor-list button{text-align:left;display:flex;flex-direction:column;gap:2px;padding:6px 8px}.editor-list strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.editor-list small{color:var(--muted);font-size:9px}.editor-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;padding:8px;background:#0b1614;border-radius:8px}.editor-tools input[type=range]{width:100%}.editor-tools label{text-transform:none;letter-spacing:0}#ed-scale-v{color:#eee9db}.editor-sel{padding:10px;border:1px solid #6fd6d055;border-radius:8px;background:#12292a;display:flex;flex-direction:column;gap:6px}.editor-sel strong{font-family:Cinzel,Georgia,serif}.editor-form{display:flex;flex-direction:column;gap:8px}#editor-toggle.active{border-color:#6fd6d0;color:#c7f3ef}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#06100fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}.confirm{width:min(440px,92vw);padding:24px;border-radius:18px;background:var(--panel);border:1px solid #ff6a5a55;box-shadow:0 40px 80px -30px #000;display:flex;flex-direction:column;gap:12px;animation:rise .3s cubic-bezier(.2,.8,.2,1) both}.confirm h2{margin:0;font-size:24px}.confirm label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.confirm label b{color:#eee9db;text-transform:none;letter-spacing:0}.confirm input{width:100%;padding:11px;background:#0b1614;border:1px solid var(--line);border-radius:8px;color:inherit}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.confirm .error:empty{display:none}button.danger{border-color:#ff6a5a;color:#ffd8d2;background:#3a1414}button.danger:hover:not(:disabled){background:#5a1c1c}.danger-link{color:#ff9a8e;border-color:transparent;font-size:12px;padding:8px}.danger-link:hover{border-color:#ff6a5a55;background:#ff6a5a12}.confirm.away{width:min(520px,94vw);border-color:#e5ba7255}.confirm.away h2{background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.away-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.away-grid div{padding:10px 8px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff0f;text-align:center}.away-grid b{display:block;font-family:Cinzel,Georgia,serif;font-size:19px;color:#f3deaf}.away-grid small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.away-kills,.away-loot{display:flex;flex-direction:column;gap:6px}.away-kills span:not(.eyebrow){font-size:12px;color:var(--muted)}.away-loot .loot{display:inline-block;margin:0 6px 4px 0;padding:3px 9px;border-radius:20px;font-size:11px;border:1px solid var(--rc);color:var(--rc)}.last-journey{margin:10px 0 0;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.last-journey .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);flex:none}.item-details .compare{margin:6px 0 2px;font-weight:600}.item-details .compare.up{color:#7fdc8a}.item-details .compare.down{color:#e08585}.set-rows{display:flex;flex-direction:column;gap:8px}.set-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 8px;border-radius:8px;background:#ffffff0a}.set-line strong{margin-right:2px}.set-step{font-size:11px;padding:2px 6px;border-radius:6px;background:#ffffff0d;color:var(--muted);white-space:nowrap}.set-step.on{background:#7fdc8a29;color:#9ee8a7}.loading{--load-red:#a52d32;--load-red-hot:#e25656;--load-silver:#b9c0c8;position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#07080b;color:#e9e7e5;transition:opacity .48s ease,visibility .48s}.loading.loading-global{position:fixed;z-index:1000;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-sky{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;z-index:-3;background:radial-gradient(ellipse 54% 48% at 50% 51%,#76191d55 0%,#2c101632 42%,transparent 75%),radial-gradient(ellipse 34% 54% at 12% 84%,#252a3155 0%,transparent 72%),radial-gradient(ellipse 37% 44% at 90% 12%,#272a3150 0%,transparent 74%),linear-gradient(145deg,#111216,#08090d 48%,#121316);animation:loading-drift 24s ease-in-out infinite alternate}.loading-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background:repeating-linear-gradient(118deg,transparent 0 54px,#aeb4bd08 55px 56px,transparent 57px 112px),radial-gradient(ellipse at center,transparent 20%,#000a 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 86%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 86%)}.loading-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03040730,transparent 28%,transparent 72%,#03040788)}@keyframes loading-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.08) translate3d(-1.4%,1.1%,0)}}.loading-glow{position:absolute;left:50%;top:50%;z-index:-2;width:min(72vmin,600px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-53%);background:radial-gradient(circle,#cf363332 0%,#a323291d 26%,#5a19151c 42%,transparent 68%);box-shadow:0 0 100px 24px #7d171a1c;animation:loading-breathe 4.8s ease-in-out infinite}.loading-glow:before,.loading-glow:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid #a8adb31b;border-right-color:#db4d4d55;border-bottom-color:#a52d3238;border-radius:50%;transform:rotate(-28deg);-webkit-mask-image:linear-gradient(120deg,#000 0 24%,transparent 38% 52%,#000 70%);mask-image:linear-gradient(120deg,#000 0 24%,transparent 38% 52%,#000 70%)}.loading-glow:before{animation:loading-orbit 28s linear infinite}.loading-glow:after{top:17%;right:17%;bottom:17%;left:17%;border-color:#bd45452b;border-left-color:#d2d4d83b;border-top-color:transparent;transform:rotate(42deg);animation:loading-orbit 19s linear infinite reverse}@keyframes loading-breathe{0%,to{transform:translate(-50%,-53%) scale(.97);opacity:.78}50%{transform:translate(-50%,-53%) scale(1.06);opacity:1}}@keyframes loading-orbit{to{transform:rotate(332deg)}}.loading-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 15% 86%,transparent);mask-image:linear-gradient(transparent,#000 15% 86%,transparent)}.loading-embers i{position:absolute;left:var(--x);bottom:-10px;width:2px;height:2px;border-radius:50%;background:#e45b51;box-shadow:0 0 8px 2px #bd332f99;opacity:0;animation:loading-ember var(--duration) linear var(--delay) infinite}@keyframes loading-ember{0%{transform:translateZ(0) scale(.55);opacity:0}12%{opacity:.7}70%{opacity:.48}to{transform:translate3d(var(--dx),-112vh,0) scale(1.2);opacity:0}}.loading-card{position:relative;width:min(480px,calc(100vw - 32px));padding:30px 38px 22px;text-align:center;background:linear-gradient(145deg,#18191df2,#101115f5 52%,#171417f2);border:1px solid #9b777955;border-radius:16px;box-shadow:0 32px 100px #000c,0 0 58px #9f25221a,inset 0 1px #e9e6e31c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:loading-rise .65s cubic-bezier(.2,.8,.25,1) both}.loading-card:before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#9ba2ac9c 30%,#c34542 50%,#9ba2ac9c 70%,transparent);box-shadow:0 0 16px #bd343450}.loading-card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #c2c5cd0a;border-radius:11px;pointer-events:none}@keyframes loading-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.loading-crest{width:38px;height:38px;margin:0 auto 11px;color:#c9534d;filter:drop-shadow(0 0 10px #c42f3455);animation:loading-crest 7s ease-in-out infinite}.loading-crest svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}.loading-crest circle{fill:#d5d8dc;stroke:none}@keyframes loading-crest{0%,to{transform:rotate(-7deg) scale(.96);filter:drop-shadow(0 0 6px #c42f3433)}50%{transform:rotate(7deg) scale(1.04);filter:drop-shadow(0 0 13px #d64b4680)}}.loading-brand{display:flex;flex-direction:column;align-items:center;font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:600;letter-spacing:3px;color:#d4d4d5;text-shadow:0 2px 18px #fff2;margin-bottom:26px}.loading-brand small{margin-top:3px;color:#a64a49;font-family:inherit;font-size:8px;font-weight:500;letter-spacing:4px}.loading-zone .eyebrow{display:block;margin-bottom:8px;color:#a9afb7;font-size:9px;letter-spacing:3px}.loading-zone h2{margin:0 0 9px;font-family:Cinzel,Georgia,serif;font-size:clamp(24px,4vw,32px);font-weight:500;letter-spacing:.045em;line-height:1.22;background:linear-gradient(100deg,#e6e4e2 12%,#bfc2c8 48%,#dc7770 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px #d33a351c}.loading-zone p{margin:0 auto;max-width:38ch;min-height:2.8em;color:#a9a9ad;font-size:13px;line-height:1.65}.loading-bar{position:relative;height:6px;margin:27px 0 11px;border:1px solid #8d939a2a;border-radius:99px;background:#08090c;overflow:hidden;box-shadow:inset 0 1px 3px #000}.loading-bar i{position:relative;display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#7e2428,#c53c3e 53%,#c8ccd1);box-shadow:0 0 14px #b93c3f99;transition:width .3s ease}.loading-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:linear-gradient(90deg,transparent,#f5f4f255,transparent);transform:translate(-100%);animation:loading-sheen 1.8s ease-in-out infinite}@keyframes loading-sheen{to{transform:translate(100%)}}.loading[data-mode=logout] .loading-bar i{width:30%!important;animation:loading-seal-progress 1.5s ease-in-out infinite alternate}@keyframes loading-seal-progress{0%{transform:translate(-8%);opacity:.55}to{transform:translate(240%);opacity:1}}.loading-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9da2a9;font-size:11px;letter-spacing:.08em}.loading-foot span:last-child{color:#d3d5d8;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.loading-seal{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;color:#984446;font-size:9px;opacity:.8}.loading-seal i{width:34px;height:1px;background:linear-gradient(90deg,transparent,#9a4a4c77)}.loading-seal i:last-child{transform:scaleX(-1)}@media (max-width:520px){.loading-card{padding:27px 22px 19px;border-radius:14px}.loading-brand{margin-bottom:22px}.loading-glow{width:min(92vw,480px)}.loading-zone p{font-size:12px}.loading-foot{font-size:10px}.loading-seal{margin-top:17px}}@media (prefers-reduced-motion:reduce){.loading-sky,.loading-glow,.loading-glow:before,.loading-glow:after,.loading-embers i,.loading-crest,.loading-card,.loading-bar:after,.loading[data-mode=logout] .loading-bar i{animation:none!important}.loading-bar i{transition:none}}.painel-tela{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.painel{min-height:100dvh}.painel .nav{flex-wrap:wrap;gap:12px;padding:22px 4vw}.painel-acoes{display:flex;align-items:center;gap:14px}.painel-acoes .muted{min-width:0}.painel-nota{margin:0;padding:12px 4vw;color:#f4d9a8;background:#e5ba7212;border-bottom:1px solid var(--line);font-size:12px}.painel-grade{position:relative;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:22px 4vw 60px;max-width:1500px;margin:0 auto}.painel-cartao{border:1px solid var(--line);border-radius:11px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.painel-cartao.e-chefe{border-color:#d1897755}.painel-palco{height:186px;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 62%,#20362f,#101d1b)}.painel-palco.carregando:after{content:"carregando…";display:grid;place-content:center;height:100%;color:var(--muted);font-size:11px}.painel-palco.falhou:after{content:"modelo indisponível";display:grid;place-content:center;height:100%;color:#f4aa95;font-size:11px}.painel-cartao h3,.painel-cartao p,.painel-cartao dl,.painel-zonas{position:relative;z-index:2}.painel-cartao h3{font-size:15px;margin:12px 14px 2px;display:flex;align-items:center;gap:7px}.painel-marca{font-family:Inter,sans-serif;font-size:9px;letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:2px 7px;border:1px solid}.painel-marca.elite{color:#e5ba72;border-color:#e5ba7255}.painel-marca.chefe{color:#f0a48f;border-color:#d1897755}.painel-fonte{margin:0 14px 8px;font-size:10.5px;letter-spacing:.4px;color:var(--muted)}.painel-numeros{display:flex;gap:14px;margin:0 14px 10px}.painel-numeros div{display:flex;flex-direction:column}.painel-numeros dt{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.painel-numeros dd{margin:0;font-size:13px;font-variant-numeric:tabular-nums}.painel-nota-cartao{margin:0 14px 13px;font-size:10.5px;line-height:1.6;color:var(--muted)}.painel-zonas{display:flex;flex-wrap:wrap;gap:5px;margin:auto 12px 12px}.painel-zonas button{padding:5px 9px;font-size:10.5px;border-radius:20px;opacity:.55}.painel-zonas button.ligado{opacity:1;border-color:var(--gold);background:#e5ba7222;color:#f3deaf}.painel-vazio{display:grid;place-content:center;min-height:100dvh;text-align:center;gap:8px;padding:0 22px}@media (max-width:650px){.painel-grade{grid-template-columns:1fr 1fr;gap:10px;padding:16px 12px 40px}.painel-palco{height:150px}}.painel-tabs{display:flex;gap:6px;align-items:center}.painel-tabs button{padding:8px 12px;font-size:11px;white-space:nowrap}.painel-tabs button.active{border-color:var(--gold);color:var(--gold);background:#d8c08a14}.catalogo[hidden],#painel-monstros[hidden],.painel-acoes[hidden]{display:none}.catalogo{position:relative;z-index:2;padding:8px 4vw 56px}.catalogo-cabecalho{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:1500px;margin:0 auto 18px}.catalogo-cabecalho h1{margin:4px 0;font-size:clamp(25px,3vw,38px)}.catalogo-cabecalho p{margin:4px 0 8px;color:var(--muted);font-size:12px;line-height:1.5}.catalogo-contagem{font-size:10px;color:var(--gold)}.catalogo-filtros{display:flex;gap:10px;flex:none}.catalogo-filtros label{display:grid;gap:6px;color:var(--muted);font-size:10px}.catalogo-filtros select{min-width:205px;padding:10px 12px;color:#eee9db;background:#111d19;border:1px solid var(--line);border-radius:7px}.catalogo-filtros label:first-child select{min-width:150px}.catalogo-corpo{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:18px;max-width:1500px;margin:0 auto;align-items:start}.catalogo-previa{position:sticky;top:12px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.catalogo-previa-titulo{display:grid;gap:4px;padding:13px 15px 8px}.catalogo-previa-titulo strong{font-size:14px}.catalogo-previa-titulo span{font-size:10px;color:var(--muted)}#catalogo-modelo{display:block;width:100%;height:min(55vh,520px);min-height:340px;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 65%,#294039,#121c19 72%)}#catalogo-modelo:active{cursor:grabbing}#catalogo-carregando{position:absolute;left:12px;right:12px;top:48%;text-align:center;font-size:11px;pointer-events:none}#catalogo-carregando[hidden]{display:none}.catalogo-selecao{display:grid;gap:6px;padding:11px 14px 14px;border-top:1px solid #ffffff12;font-size:10px;color:var(--muted)}.catalogo-selecao b{color:#f0e6d0;font-weight:600}.catalogo-lista{display:grid;gap:13px;min-width:0}.catalogo-grupo{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.catalogo-grupo>header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px}.catalogo-grupo>header h2{margin:2px 0 0;font-size:18px}.catalogo-grupo>header>small{color:var(--muted);font-size:10px;white-space:nowrap}.catalogo-subtitulo{margin:12px 0 7px;font-size:11px;color:#dfd4bc}.catalogo-itens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalogo-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:9px;border:1px solid #ffffff15;border-radius:8px;background:#ffffff04}.catalogo-item.selecionado{border-color:#d8c08a88;background:#d8c08a0a}.catalogo-item-icone{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:#0c1714;font-size:20px}.catalogo-item-info{min-width:0}.catalogo-item-nome{display:grid;gap:3px;min-width:0}.catalogo-item-nome strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}.catalogo-item-nome small{color:var(--muted);font-size:9px}.catalogo-item-info p{margin:5px 0 0;color:#d2d5c9;font-size:9px;line-height:1.4}.catalogo-escolher,.catalogo-slot{grid-column:1/-1;justify-self:stretch;width:100%;padding:6px 8px;font-size:9px;text-align:center}.catalogo-escolher.selected{color:var(--gold);border-color:#d8c08a66;background:#d8c08a12}.catalogo-slot{color:var(--muted);border:1px solid #ffffff12;border-radius:6px}.catalogo-vazio,.catalogo-nota{margin:8px 0 3px;color:var(--muted);font-size:10px;line-height:1.5}@media (max-width:1000px){.catalogo-corpo{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:12px}.catalogo{padding-right:3vw;padding-left:3vw}.catalogo-filtros select{min-width:170px}}@media (max-width:760px){.painel .nav{align-items:flex-start}.painel-tabs{order:3;width:100%}.painel-tabs button{flex:1}.catalogo-cabecalho{align-items:stretch;flex-direction:column;gap:12px}.catalogo-filtros{display:grid;grid-template-columns:1fr 1fr}.catalogo-filtros select,.catalogo-filtros label:first-child select{width:100%;min-width:0}.catalogo-corpo{grid-template-columns:1fr}.catalogo-previa{position:relative;top:auto}.catalogo-itens{grid-template-columns:repeat(2,minmax(0,1fr))}#catalogo-modelo{height:380px;min-height:300px}}@media (max-width:480px){.catalogo{padding:8px 12px 36px}.catalogo-itens{grid-template-columns:1fr}.catalogo-item{grid-template-columns:38px minmax(0,1fr) auto}.catalogo-escolher,.catalogo-slot{grid-column:auto;min-width:112px;max-width:145px}.catalogo-grupo{padding:11px}.catalogo-filtros label{font-size:9px}}.top-actions{position:relative;z-index:8}.top-actions>#options-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:650;background:#172a23ed;border-color:#d8c08a55}.options-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 24px));padding:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:#14231ff2;border:1px solid #d8c08a55;border-radius:12px;box-shadow:0 15px 45px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.options-menu.hide{display:none}.option-entry{min-height:54px;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 11px;background:#ffffff0a;border-color:#ffffff16;font-size:12px}.option-entry>span{width:25px;text-align:center;color:var(--gold);font-size:18px}.item-slot{position:relative}.item-tier{position:absolute;right:3px;top:2px;padding:1px 3px;border-radius:4px;background:#101715c9;color:var(--gold);font-size:8px;line-height:1.2;font-weight:700}.item-details .item-title .icon{position:relative}.item-details .item-title .icon small{position:absolute;right:-8px;top:-9px;font-size:9px;color:var(--gold);background:#14231f;border:1px solid #d8c08a66;border-radius:5px;padding:2px 3px}#drawer:has(.inventory-layout),#drawer:has(#market-filters){width:min(1020px,calc(100vw - 50px))}.inventory-tabs,.market-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.inventory-tabs button,.market-tabs button{font-size:11px;padding:8px 10px}.page-tab.active,.market-tabs .active{border-color:var(--gold);color:var(--gold);background:#d8c08a14}.page-tab.locked{color:#a7a899}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.inventory-main{min-width:0}.item-preview{position:sticky;top:0;max-height:calc(100dvh - 190px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:#101c19a8}.item-preview>.muted{font-size:12px;line-height:1.6}.inventory-main .paperdoll{grid-template-columns:repeat(6,minmax(40px,1fr));gap:5px}.inventory-main .inv-grid{grid-template-columns:repeat(8,minmax(38px,1fr));gap:5px}.inventory-main .doll-slot small{font-size:8px}.locked-page{text-align:center;border:1px dashed #d8c08a66;border-radius:10px;padding:20px;margin-top:12px}.locked-page p{color:var(--muted);font-size:12px}.market-tabs{border-bottom:1px solid var(--line);padding-bottom:10px}.market-list{display:grid;gap:8px;max-height:calc(100dvh - 360px);overflow:auto;padding:2px}.market-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-left:2px solid var(--rc,#d8c08a);border-radius:8px;background:#ffffff06}.market-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#101815;border-radius:8px;font-size:23px}.market-icon small{position:absolute;right:2px;top:1px;font-size:8px;color:var(--gold)}.market-info{display:grid;gap:3px;min-width:0}.market-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.market-info small{font-size:10px;color:var(--muted)}.market-price{display:grid;justify-items:end;gap:5px}.market-price strong,.history-row>strong{color:var(--gold);font-size:12px;white-space:nowrap}.market-price button{font-size:10px;padding:6px 8px}.history-row{grid-template-columns:44px minmax(0,1fr) auto}.market-paging{display:flex;justify-content:space-between;margin-top:10px}#market-filters{display:grid;grid-template-columns:1.4fr repeat(4,minmax(90px,1fr)) auto;gap:6px;margin:12px 0}#market-filters input,#market-filters select{min-width:0;width:100%;font-size:11px;padding:8px}.market-list-form{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.market-list-form label{display:grid;gap:7px;font-size:11px}.market-list-form input{width:100%;padding:8px}.market-list-form button{width:100%}.chat-window{position:absolute;z-index:3;left:18px;bottom:14px;width:min(365px,32vw);height:245px;display:flex;flex-direction:column;overflow:hidden;background:#12211dea;border:1px solid #c3cca144;border-radius:11px;box-shadow:0 8px 35px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-head{display:flex;align-items:center;gap:9px;min-height:35px;padding:4px 8px;border-bottom:1px solid #ffffff17;color:#ccd5c6;font-size:10px}.chat-head button{padding:5px 8px;color:var(--gold);font-size:11px}.chat-head span{flex:1}.chat-head small{color:#94b59a;font-size:9px}.chat-content{display:flex;flex-direction:column;min-height:0;flex:1}.chat-filters{display:flex;flex-wrap:wrap;gap:3px 10px;padding:5px 8px;border-bottom:1px solid #ffffff10}.chat-filters label{display:flex;align-items:center;gap:3px;font-size:9px;color:#bbc7ba}.chat-filters input{accent-color:#d8c08a;width:12px;height:12px;margin:0}.chat-log,#chat-log{flex:1;min-height:0;overflow:auto;padding:5px 9px;scrollbar-width:thin}.chat-line{display:grid;grid-template-columns:39px 1fr;gap:5px;margin:2px 0;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.chat-line time{font-size:8px;color:#91a094}.chat-line.global span{color:#e5e6d8}.chat-line.whisper span{color:#ceb7f1}.chat-line.combat span{color:#f2b48f}.chat-line.system span{color:#d7c183}.chat-empty{font-size:10px;color:var(--muted)}#chat-form{display:flex;gap:4px;padding:6px;border-top:1px solid #ffffff17}#chat-form select,#chat-form input{min-width:0;padding:7px 8px;font-size:10px;background:#0e1916}#chat-form select{width:78px}#chat-form input[name=text]{flex:1}#chat-form button{padding:5px 10px;color:var(--gold)}.chat-window.collapsed{width:128px;height:38px}.chat-window.collapsed .chat-content{display:none}.chat-window.collapsed .chat-head{border:0}.chat-window.collapsed .chat-head span,.chat-window.collapsed .chat-head small{display:none}.chat-window.collapsed .chat-head button{width:100%;text-align:left}@media (max-width:900px){.topbar{padding:12px 16px}.topbar>.brand{font-size:19px}.hero-frame{top:74px}.chat-window{width:280px}.inventory-layout{grid-template-columns:minmax(0,1fr) 240px}#market-filters{grid-template-columns:repeat(3,minmax(0,1fr))}#market-filters input:first-child{grid-column:span 2}}@media (max-width:650px){.topbar{padding:10px 12px}.topbar>.brand{display:none}.location{max-width:58vw;text-align:left;font-size:12px}.location small{font-size:8px;letter-spacing:1px}.top-actions>#options-toggle{padding:9px 11px;font-size:12px}.options-menu{right:0;top:calc(100% + 6px);width:min(330px,calc(100vw - 20px));max-height:72dvh;overflow:auto}.option-entry{min-height:48px;font-size:11px}.chat-window{left:10px;bottom:calc(104px + env(safe-area-inset-bottom));width:min(340px,94vw);height:min(255px,38dvh)}.chat-window.collapsed{width:124px;height:36px}.chat-head{min-height:33px}.drawer:has(.inventory-layout),.drawer:has(#market-filters){right:8px;left:8px;top:58px;bottom:calc(94px + env(safe-area-inset-bottom));width:auto;padding:12px}.inventory-layout{display:flex;flex-direction:column;gap:10px}.inventory-main{width:100%}.inventory-main .paperdoll{grid-template-columns:repeat(6,minmax(32px,1fr))}.inventory-main .inv-grid{grid-template-columns:repeat(6,minmax(34px,1fr));gap:4px}.inventory-main .item-slot{width:100%;min-width:0}.item-preview{position:static;max-height:none;width:100%;padding:9px}.item-preview .item-details{padding:2px}.item-preview .stat-list{grid-template-columns:repeat(2,1fr)}#market-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#market-filters input:first-child{grid-column:span 2}.market-list{max-height:calc(100dvh - 365px)}.market-card{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:7px}.market-icon{width:34px;height:34px;font-size:20px}.market-info strong{font-size:10px}.market-info small{font-size:9px}.market-price strong{font-size:10px}.page-tab{padding:6px 7px!important;font-size:9px!important}}.top-actions{overflow:visible;max-width:none}@media (max-width:650px){#drawer:has(.inventory-layout),#drawer:has(#market-filters){width:auto}}#drawer:has(.inventory-layout){display:block;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none}#drawer:has(.inventory-layout)>.close{position:absolute;right:8px;top:5px;z-index:2}.inventory-layout{height:100%;min-height:0;padding-top:32px;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:0;align-items:stretch}.item-preview,.inventory-main{min-height:0;height:100%;max-height:none;overflow:auto;background:var(--panel);border:1px solid var(--line)}.item-preview{position:static;padding:14px;border-radius:10px 0 0 10px;border-right:0}.inventory-main{padding:16px;border-radius:0 10px 10px 0}.item-lock{position:absolute;left:3px;bottom:2px;font-size:10px;line-height:1;text-shadow:0 1px 3px #000;background:#101715d9;border-radius:5px;padding:2px}.sale-protected{align-self:center;font-size:11px;color:#d8c08a}@media (max-width:900px){.inventory-layout{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}}@media (max-width:650px){#drawer:has(.inventory-layout){padding:0}.inventory-layout{height:100%;padding:34px 0 0;display:flex;flex-direction:column;gap:8px}.item-preview{width:100%;height:auto;max-height:31%;flex:none;padding:9px;border:1px solid var(--line);border-radius:10px}.inventory-main{width:100%;height:auto;min-height:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px}.item-preview .item-details{padding:2px}.item-preview .stat-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){#drawer:has(.inventory-layout){width:min(1120px,calc(100vw - 32px))}.inventory-layout{grid-template-columns:minmax(220px,245px) minmax(0,1fr)}.inventory-main{padding:12px}.inventory-main .paperdoll{grid-template-columns:repeat(7,minmax(28px,1fr));gap:4px}.inventory-main .inv-grid{grid-template-columns:repeat(12,minmax(30px,1fr));gap:4px}.inventory-main .item-slot{font-size:16px}}@media (min-width:651px) and (max-width:1024px){.inventory-main .paperdoll{grid-template-columns:repeat(7,minmax(28px,1fr));gap:4px}.inventory-main .inv-grid{grid-template-columns:repeat(8,minmax(28px,1fr));gap:4px}}@media (min-width:651px) and (max-width:1024px){.chat-window{bottom:calc(104px + env(safe-area-inset-bottom));width:min(320px,34vw);height:min(210px,30dvh)}}.locale-picker{display:inline-flex;align-items:center;gap:7px;color:#d9e4ce;font-size:12px;white-space:nowrap}.locale-picker select{max-width:132px;padding:7px 26px 7px 9px;background:#172722e8;color:#f3ead7;border:1px solid #a9bea64d;border-radius:7px;font:inherit;cursor:pointer}.market-list{grid-template-columns:repeat(2,minmax(0,1fr))}.market-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.market-heading>.gold{margin-left:auto;white-space:nowrap}#gold-request-open{padding:7px 10px;font:600 10px Inter,system-ui,sans-serif;color:#18251e;background:#e5ba72;border-color:#e5ba72;white-space:nowrap}.market-vip-offer{background:linear-gradient(110deg,#e5ba7210,#ffffff06 72%)}.vip-chip{display:inline-grid;place-items:center;margin-top:2px;padding:0;width:30px;height:27px;border:1px solid #e5ba72a8;border-radius:6px;background:linear-gradient(135deg,#503f20,#18251eea);color:#ffe3a3;font-size:15px;line-height:1;font-weight:700;box-shadow:0 2px 10px #0005;cursor:help}.benefit-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.drop-boost-chip{display:inline-flex;align-items:center;padding:3px 7px;width:max-content;border:1px solid #af91ee88;border-radius:6px;background:linear-gradient(135deg,#352746,#18251eea);color:#ddc9ff;font-size:10px;line-height:1.3;font-weight:700;box-shadow:0 2px 10px #0005;cursor:help}.quest{top:auto;bottom:273px;left:18px;width:min(365px,32vw);max-height:min(260px,calc(100dvh - 420px));overflow:auto;z-index:3;padding:12px 15px}.quest-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.quest-head .eyebrow{margin:0}.quest-head button{width:25px;height:25px;padding:0;display:grid;place-items:center;font-size:17px;line-height:1;color:var(--muted)}.quest-reopen{position:absolute;z-index:4;left:18px;bottom:273px;padding:7px 11px;border-color:#d8c08a66;background:#12211dea;color:var(--gold);font-size:10px}.gold-request-modal{width:min(440px,calc(100vw - 32px));padding:22px;background:#14231ff5;border:1px solid #d8c08a77;border-radius:13px;color:#eee9db;box-shadow:0 20px 70px #000b}.gold-request-modal::backdrop{background:#06110ed1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gold-request-modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gold-request-modal h2{margin:0;font-size:20px}.gold-request-modal>header button{padding:3px 9px;font-size:18px}.gold-request-email{display:inline-block;margin:-2px 0 14px;color:#ffe0a0;font-size:18px;font-weight:700;text-decoration:none}.gold-request-email:hover{text-decoration:underline}.gold-request-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.gold-request-modal footer a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:7px;color:#263028;text-decoration:none;font-weight:700;background:var(--gold)}@media (min-width:651px) and (max-width:1024px){.quest,.quest-reopen{bottom:calc(114px + min(210px,30dvh) + env(safe-area-inset-bottom));width:min(320px,34vw)}.game:has(.chat-window.collapsed) .quest,.game:has(.chat-window.collapsed) .quest-reopen{bottom:calc(152px + env(safe-area-inset-bottom))}}@media (max-width:650px){.market-list{grid-template-columns:minmax(0,1fr)}.market-heading{gap:6px}.market-heading>.gold{margin-left:auto;font-size:10px}.market-heading #gold-request-open{flex-basis:100%;margin-left:auto}.quest,.quest-reopen{left:10px;width:min(340px,94vw);bottom:calc(114px + min(255px,38dvh) + env(safe-area-inset-bottom));max-height:calc(100dvh - 450px)}.quest{padding:10px 12px}.quest p{font-size:10px}.game:has(.chat-window.collapsed) .quest,.game:has(.chat-window.collapsed) .quest-reopen{bottom:calc(150px + env(safe-area-inset-bottom))}}.locale-picker option{background:#172722;color:#f3ead7}.locale-picker.in-game{display:flex;padding:7px 10px;border-top:1px solid #a9bea630}.locale-picker.in-game select{flex:1}.nav .locale-picker{margin-left:auto}@media (max-width:650px){.nav .locale-picker select{max-width:108px}.locale-picker.in-game select{max-width:none}}.item-slot{border-color:color-mix(in srgb,var(--rc) 65%,#ffffff22);overflow:hidden;isolation:isolate}.item-slot.common{box-shadow:inset 0 0 5px color-mix(in srgb,var(--rc) 14%,transparent)}.item-slot.uncommon,.item-slot.rare,.item-slot.epic,.item-slot.immortal{border-color:var(--rc);box-shadow:inset 0 0 8px color-mix(in srgb,var(--rc) 30%,transparent)}.item-slot.immortal{box-shadow:0 0 6px color-mix(in srgb,var(--rc) 32%,transparent),inset 0 0 10px color-mix(in srgb,var(--rc) 38%,transparent)}.item-slot.excellent{box-shadow:0 0 7px color-mix(in srgb,var(--qc) 38%,transparent),inset 0 0 8px color-mix(in srgb,var(--rc) 28%,transparent)}.item-slot.excellent:after{content:"";position:absolute;z-index:0;top:-20%;right:-60%;bottom:-20%;left:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,color-mix(in srgb,var(--qc) 18%,transparent) 49%,#ffffff3b 52%,transparent 63%);transform:translate(-65%);animation:excellent-sheen 4.8s ease-in-out infinite}.item-slot .icon,.item-tier,.quality-mark,.item-lock,.count{z-index:1}.item-upgrade{position:absolute;left:3px;top:2px;padding:1px 3px;border-radius:4px;background:#101715d9;color:var(--gold);font-size:8px;line-height:1.2;font-weight:700}.quality-mark{position:absolute;left:3px;bottom:1px;color:var(--qc,#62ffc4);font-size:11px;line-height:1;text-shadow:0 0 7px var(--qc,#62ffc4)}@keyframes excellent-sheen{50%,to{transform:translate(65%)}}.quality{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--qc,#62ffc4) 54%,transparent);border-radius:999px;padding:1px 6px;color:var(--qc,#62ffc4);font-size:.92em;font-weight:700;white-space:nowrap}.quality-separator{color:var(--qc,#62ffc4)}.item-details.excellent{box-shadow:0 0 17px color-mix(in srgb,var(--qc) 10%,transparent)}.excellent-bonus{margin:10px 0;padding:9px;border:1px solid color-mix(in srgb,var(--qc) 32%,transparent);border-radius:8px;background:color-mix(in srgb,var(--qc) 6%,transparent)}.excellent-bonus>strong{display:flex;justify-content:space-between;color:var(--qc);font-size:12px}.excellent-bonus>small{display:block;margin-top:4px;color:#b5c5bd;font-size:10px;line-height:1.5}.excellent-bonus .stat-list{margin-bottom:0}.gear.excellent{box-shadow:inset 0 0 14px color-mix(in srgb,var(--qc,#62ffc4) 10%,transparent),0 0 10px color-mix(in srgb,var(--rc) 12%,transparent)}.market-card.excellent{background:linear-gradient(105deg,color-mix(in srgb,var(--qc) 7%,#ffffff06),#ffffff06 58%);box-shadow:inset 0 0 12px color-mix(in srgb,var(--qc) 8%,transparent)}.market-icon .quality-mark{top:1px;bottom:auto;left:2px;font-style:normal}.item-emoji{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:1;vertical-align:middle}.item-slot .item-emoji{font-size:1.55em;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rc) 85%,transparent))}.item-slot .item-tier{color:var(--rc,#d8c08a);border:1px solid color-mix(in srgb,var(--rc,#d8c08a) 56%,transparent);box-shadow:0 1px 3px #0008;font-variant-numeric:tabular-nums}.upgrade-jewel{touch-action:none;cursor:grab}.upgrade-jewel.bless,.upgrade-jewel.jewel_bless{--rc:#5bcfff}.upgrade-jewel.jewel_soul{--rc:#ed70e9}#drawer.upgrade-dragging,#drawer.inventory-dragging{-webkit-user-select:none;user-select:none}.upgrade-source-dragging,.inventory-source-dragging{opacity:.32!important}#drawer.inventory-dragging .inv-grid [data-item],#drawer.inventory-dragging .paperdoll [data-item]{cursor:grabbing;touch-action:none}.inventory-drop-target{outline:2px solid #8affc2!important;outline-offset:1px;filter:brightness(1.18)}.inventory-drop-invalid{outline:2px solid #ff7777!important;outline-offset:1px}#inventory-drag-ghost{position:fixed;z-index:20001;display:flex;align-items:center;gap:9px;max-width:min(290px,70vw);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.84;padding:6px 9px;border:1px solid #8affc288;border-radius:9px;background:#0b1715bb;color:#e7f6ed;box-shadow:0 8px 22px #0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#inventory-drag-ghost .inventory-drag-preview{width:42px;height:42px;flex:none;cursor:grabbing}.inventory-drag-preview:disabled{opacity:1;cursor:grabbing}#inventory-drag-ghost span{display:grid;gap:3px;min-width:0}#inventory-drag-ghost strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}#inventory-drag-ghost small{max-width:210px;color:#bdd4d2;font-size:9px;line-height:1.3}#drawer .upgrade-valid{outline:1px solid #8be7ff;outline-offset:2px;box-shadow:0 0 8px #65d8ff80,inset 0 0 9px #65d8ff36!important}#drawer .upgrade-hover-target{outline:2px solid #b4ffda;outline-offset:2px;box-shadow:0 0 13px #62ffc4b0,inset 0 0 10px #62ffc45c!important;transform:scale(1.035)}#drawer .upgrade-invalid{outline:2px solid #ff7373;outline-offset:2px;box-shadow:0 0 10px #ff424280!important}#upgrade-drag-ghost{position:fixed;z-index:20000;display:flex;align-items:center;gap:8px;pointer-events:none;opacity:.86;padding:7px 10px;border:1px solid #78dcff;border-radius:10px;background:#0b1715ed;color:#dff8ff;font-size:12px;box-shadow:0 0 17px #53cfff9c}#upgrade-drag-ghost>.item-emoji{font-size:34px;flex:none}#upgrade-drag-ghost>span:not(.item-emoji){display:grid;gap:3px}#upgrade-drag-ghost small{max-width:210px;color:#bdd4d2;font-size:10px;line-height:1.3}#upgrade-drag-ghost.invalid{border-color:#f77;box-shadow:0 0 14px #ff545480}#upgrade-drag-ghost.valid{border-color:#8affc2;box-shadow:0 0 15px #59ffa084}.enhancement-breakdown{margin:10px 0;padding:9px;border:1px solid #d5a94d55;border-radius:8px;background:#d5a94d09}.enhancement-breakdown>strong{display:block;color:#f2d48a;font-size:12px}.enhancement-breakdown>small{display:block;margin-top:6px;color:#9baea4;font-size:10px}.enhancement-breakdown .stat-list{margin:3px 0}.upgrade-preview{margin:6px 0 0;padding:7px;border-radius:6px;background:#50a8b51a;color:#bcefff;font-size:11px;line-height:1.5}.upgrade-preview:empty{display:none}.jewel-help{padding:8px;border-left:2px solid #72ceff;background:#56cfff0d;color:#c1eaff;font-size:11px}.market-icon .item-emoji{font-size:1.25em}.market-icon small{padding:1px 3px;border:1px solid color-mix(in srgb,var(--rc,#d8c08a) 46%,transparent);border-radius:4px;background:#101715e8;color:var(--rc,#d8c08a);font-variant-numeric:tabular-nums}.admin-option>span{color:#ffd76a;text-shadow:0 0 9px #e8a52c}.admin-panel{max-width:620px;margin:0 auto;padding:12px}.admin-panel h2{margin:5px 0 8px;color:#ffdfa0}.admin-item-form{display:grid;gap:12px;margin-top:18px}.admin-item-form>label,.admin-item-options>label{display:grid;gap:6px;color:#e9e4d4;font-size:12px}.admin-item-form select,.admin-item-form input{width:100%;min-width:0;padding:10px;border:1px solid #d7b56b55;border-radius:7px;background:#111c19;color:#f4eee0;font:inherit}.admin-item-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin-item-preview{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid #e9c77c55;border-radius:9px;background:linear-gradient(110deg,#c3963820,#121a17aa)}.admin-preview-icon{display:grid;place-items:center;width:38px;height:38px;font-size:26px}.admin-preview-icon .item-emoji{font-size:34px}.admin-item-preview>span:last-child{display:grid;gap:4px}.admin-item-preview small{color:var(--muted);font-size:11px}.admin-item-form button:disabled{opacity:.6;cursor:wait}@media (max-width:650px){.admin-panel{padding:4px}.admin-item-options{grid-template-columns:1fr 1fr}.admin-item-options label:last-child{grid-column:1/-1}}#world{cursor:url(/cursors/Cursor.png) 1 1,auto}#world.npc-hover{cursor:url(/cursors/CursorTalk0.png) 4 4,pointer}#world.npc-hover.talk-0{cursor:url(/cursors/CursorTalk0.png) 4 4,pointer}#world.npc-hover.talk-1{cursor:url(/cursors/CursorTalk1.png) 4 4,pointer}#world.npc-hover.talk-2{cursor:url(/cursors/CursorTalk2.png) 4 4,pointer}#world.npc-hover.talk-3{cursor:url(/cursors/CursorTalk3.png) 4 4,pointer}#world.cursor-pressed,#world.npc-hover.cursor-pressed{cursor:url(/cursors/CursorAttack.png) 3 3,auto}#drawer:has(.vault-columns){width:min(940px,calc(100vw - 50px))}.vault-hint{margin:8px 0 14px;line-height:1.5}.vault-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.vault-panel{min-width:0;min-height:230px;border:1px solid var(--line);border-radius:10px;background:#08120f99;padding:10px}.vault-panel>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 9px;margin-bottom:9px;border-bottom:1px solid var(--line);font-size:12px}.vault-panel>header span{font-size:10px;color:var(--muted)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px;max-height:min(52dvh,470px);overflow:auto;padding:2px 3px 5px;overscroll-behavior:contain}.vault-item{position:relative;min-width:0}.vault-item .item-slot{width:100%;cursor:grab}.vault-item .item-slot:active{cursor:grabbing}.vault-transfer{position:absolute;z-index:2;right:-3px;bottom:-3px;width:23px;height:23px;padding:0!important;border-radius:50%;border:1px solid #d8c08a88;background:#18251f;color:#f3deaf;font-size:14px!important;line-height:1;box-shadow:0 2px 8px #0009}.vault-transfer:hover,.vault-transfer:focus-visible{background:#53402c;border-color:#f3deaf;outline:2px solid #f3deaf55}.vault-panel.is-drop-target{border-color:#e3c77f;box-shadow:inset 0 0 22px #d8c08a22,0 0 14px #d8c08a2b}.vault-empty{grid-column:1/-1;margin:16px 3px;color:var(--muted);font-size:11px;text-align:center}.vault-unavailable{border:1px solid #ad6c5a55;border-radius:8px;padding:20px;color:#e8bdb0;text-align:center;font-size:12px}@media (max-width:650px){#drawer:has(.vault-columns){right:8px;left:8px;top:58px;bottom:calc(94px + env(safe-area-inset-bottom));width:auto;padding:14px}.vault-columns{grid-template-columns:minmax(0,1fr);gap:10px}.vault-panel{min-height:125px;padding:8px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;max-height:calc((100dvh - 330px)/2)}.vault-transfer{width:25px;height:25px}}