:root{font-family:Arial,sans-serif;color-scheme:dark;color:#e8dcd8;background:#100c10;--blood:#a92d43;--red:#db5969;--muted:#96858c;--line:#59334066;--panel:#1b1219;--gold:#c7a678}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#67172820,transparent 60%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,border-color .15s}button:hover{border-color:#c46477!important}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f193a2;outline-offset:3px}header{min-height:92px;margin:0 3%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#f1ddda;text-decoration:none;font:700 20px Georgia,serif;letter-spacing:4px}.brand>span{font-size:40px;color:#dc5865;text-shadow:0 0 30px #a82741}.brand small{display:block;font:8px Arial;letter-spacing:3px;margin-top:7px;color:#b97580}header nav{display:flex;gap:8px;margin:auto}header nav button{background:none;border:0;padding:12px;color:#bca8ad;font-size:11px}header nav .vip-nav{border:1px solid #99744766;color:#d4b589;padding:10px 14px}kbd{font:8px Arial;border:1px solid #67435066;padding:2px 4px;margin-left:5px;color:#b38c97}.status{display:flex;align-items:center;gap:7px}.status i,.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#d15b6e;box-shadow:0 0 8px #ad3447}.status small{font-size:8px;letter-spacing:1px}main{max-width:1560px;margin:32px auto 0;padding:0 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.eyebrow{color:#c47886;font-size:8px;letter-spacing:2.5px}h1{font:39px/1.2 Georgia,serif;margin:13px 0}h1 em,h2 em{color:#c98a94;font-weight:400}p{font-size:11px;color:var(--muted);line-height:1.7}.lunar-card{display:flex;align-items:center;gap:25px;border-left:1px solid var(--line);padding:10px 20px 10px 34px}.lunar-card h3{font:23px Georgia;margin:9px 0;color:#dfc6c8}.lunar-card p{font-size:10px;margin:6px 0}.lunar-card small:last-child{font-size:8px}.blood-moon,.login-moon{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#f0a0a1 0,#c55364 20%,#8b233b 55%,#380e22 85%);box-shadow:0 0 45px #b2243d33,inset -13px -7px 18px #25091b88;position:relative}.blood-moon:after,.login-moon:after{content:'';position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#5d182850 0 8%,transparent 10%),radial-gradient(circle at 70% 70%,#47152c66 0 16%,transparent 18%)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:20px}.game{position:relative;min-width:0;border:1px solid #75404b66;align-self:start;background:#160f16;box-shadow:0 15px 70px #0005}.gamebar,.bottom{height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;background:#1c121a;font-size:9px;letter-spacing:1.5px}.gamebar b{font-weight:500;margin-left:7px}.gamebar small{margin-left:14px;font-size:7px;color:#caad88;border:1px solid #88604444;padding:4px 7px}.gamebar>span{font-size:8px;color:#aa8f98}.bottom{height:36px;border-top:1px solid var(--line);font-size:7px;color:#997d89}canvas#world{width:100%;height:610px;display:block;outline:0;image-rendering:pixelated;touch-action:none}.game-shade{position:absolute;inset:45px 0 36px;pointer-events:none;box-shadow:inset 0 -90px 75px -50px #0b0810,inset 0 0 80px #0b081044}.map-label{position:absolute;left:20px;top:66px;display:flex;align-items:center;gap:15px;pointer-events:none}.map-label small{font:9px monospace;color:#b5a1a9}.map-label span{color:#cc9c8d;font-size:23px}.skillbar{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:7px;background:#130d17e8;border:1px solid #6f354855;backdrop-filter:blur(8px)}.skillbar button{width:68px;height:67px;background:linear-gradient(145deg,#43212d,#201421);border:1px solid #9d536666;position:relative}.skillbar button>span{font:27px Georgia;color:#e5a1aa;display:block;margin-bottom:6px}.skillbar small{font-size:7px;letter-spacing:0;color:#c7a4ad}.skillbar kbd{position:absolute;top:3px;left:3px;margin:0;border:0;font-size:7px}.skillbar button.active{box-shadow:inset 0 0 20px #d7335433;border-color:#e3657e}.panel{background:linear-gradient(135deg,#221720,#19121a);border:1px solid var(--line);padding:18px;margin-bottom:13px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title>span{font-size:8px;color:#c6929d;letter-spacing:1px}.character-title{display:flex;gap:10px;align-items:center;margin:8px 0 12px}.character-title canvas{width:48px;height:60px;background:#2d1a25;border:1px solid #61394744;image-rendering:pixelated}.character-title h2{font:21px Georgia;margin:0 0 4px;overflow-wrap:anywhere}.character-title p{margin:0 0 5px;font-size:10px}.character-title span{font-size:8px;color:#d1a5a8;letter-spacing:1px}.bar{height:4px;background:#3a202b;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7b223b,#d55b6c);transition:width .2s}.values{display:flex;justify-content:space-between;margin-top:7px;font-size:7px;color:#a78692;letter-spacing:.8px}.values b{font-weight:400;color:#cab3b9}.mana,.xp{margin-top:13px;background:#272431}.mana i{background:#8f789e}.xp i{background:#ba9870;width:0}.stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:9px;color:#a78e99}.stats b{color:#dcc0c7;font-weight:400}.subtle{background:#34202a;border:1px solid #72404e77;padding:10px;color:#ca9ca8;font-size:8px;letter-spacing:1px}.subtle span{float:right}.wide{width:100%;margin-top:14px}.panel h3{font:18px Georgia;margin:12px 0 8px}.panel p{font-size:10px;margin:5px 0 14px}.enemy i{width:0}.quest strong{font-size:9px;color:#caad8e}.quest-line{height:2px;background:linear-gradient(90deg,#a43d51 25%,#37212d 25%);margin-top:14px}#messages{height:75px;overflow:auto;overflow-wrap:anywhere;font-size:10px;line-height:1.7;color:#a794a1;margin-top:12px}#messages b{font-weight:400;color:#cb8d9c}input,select{width:100%;background:#160f17;border:1px solid #64354588;color:#dfc6cc;padding:12px;font-size:11px}#chat{display:flex;margin-top:12px}#chat input{font-size:10px;padding:9px}#chat button{border:1px solid #64354588;background:#432331;padding:0 12px}footer{display:flex;justify-content:space-between;margin:24px 0;font-size:8px;color:#805c6c;letter-spacing:1px}footer b{font-size:7px;font-weight:400;margin-left:10px;color:#ad7785}.mobile{display:none}.login{position:absolute;inset:45px 0 36px;background:radial-gradient(ellipse at 50% 0,#721a363b,transparent 65%),#140c16ee;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3}.login[hidden]{display:none}.login-moon{width:54px;height:54px;margin-bottom:20px}.login h2{font:35px/1.15 Georgia;margin:13px 0 22px}.login form{width:min(460px,90%)}.login form>label{display:block;text-align:left;font-size:8px;letter-spacing:1.6px;color:#c598a4;margin-bottom:9px}.classes{display:flex;gap:10px;margin:14px 0}.classes label{flex:1;cursor:pointer}.classes input{position:absolute;opacity:0;width:1px}.classes span{display:flex;align-items:center;flex-direction:column;background:linear-gradient(145deg,#3b1b29,#201420);border:1px solid #78405055;padding:8px 5px 13px;gap:7px}.classes canvas{width:48px;height:60px;image-rendering:pixelated}.classes b{font:14px Georgia;color:#e3cbd0}.classes small{font-size:7px;letter-spacing:0;color:#ac8996}.classes input:checked+span{border-color:#cd637c;box-shadow:inset 0 0 25px #a82c4122}.classes input:focus-visible+span{outline:2px solid #f193a2}.primary{background:linear-gradient(100deg,#8c233f,#ba3f55);border:1px solid #dc6b7a55;color:#ffe2e4;padding:15px 20px;font-size:9px;letter-spacing:1.8px;width:100%}.primary span{float:right}.login>small:last-child{font-size:7px;letter-spacing:.4px;margin-top:13px;color:#916a7a}.login #resume{background:none;border:0;color:#c49c80;font-size:9px;padding:8px}#resume[hidden]{display:none}#error{color:#ef8195;font-size:10px;margin:7px 0}dialog{background:#1b111c;color:#e6ced5;border:1px solid #8c465e88;max-width:850px;width:94%;max-height:88vh;padding:25px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#08060cce;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px}.modal-head h2{font:30px Georgia;margin:7px 0}.modal-head button{background:none;border:1px solid var(--line);padding:9px 12px}.modal-head small{color:#b5748a;font-size:8px}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.item-card{border:1px solid var(--rarity,#754052);background:linear-gradient(150deg,#39203355,#18121d);padding:13px;min-width:0}.item-icon{display:block;font:28px Georgia;color:var(--rarity);margin-bottom:9px}.item-card h4{font:14px Georgia;margin:6px 0;color:#e2cdd5}.item-card small{font-size:8px;color:var(--rarity);letter-spacing:0}.item-card p{font-size:9px;margin:7px 0}.item-card button{margin-top:6px;width:100%;font-size:8px;background:#402335;border:1px solid #79435866;padding:8px}.item-card input{margin-top:8px;padding:7px;font-size:10px}.equipment-row{display:flex;gap:10px;margin-bottom:18px}.equipment-slot{flex:1;border:1px dashed #82506977;padding:13px;font-size:10px;color:#b991a2}.equipment-slot b{display:block;font:15px Georgia;color:#e1b8c8;margin-top:8px}.section-label{display:flex;justify-content:space-between;margin:20px 0 12px;color:#c292a8;font-size:10px}.empty{padding:25px;text-align:center;border:1px dashed var(--line);color:#9a7e8c;font-size:12px}.map-grid,.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-card{border:1px solid var(--line);padding:20px;background:radial-gradient(ellipse at top,#8e1d3440,transparent),#221523}.map-card h3{font:21px Georgia}.map-card p{font-size:10px}.map-card .map-symbol{font-size:37px;color:#b65371}.map-card.active{border-color:#c9657c}.vip-hero{text-align:center;padding:15px 0 25px}.vip-hero>span{font-size:48px;color:#d6ac75}.vip-hero h3{font:33px Georgia;margin:8px}.vip-grid>div{border:1px solid #92634855;padding:15px;font-size:12px;color:#c7b29e}.trade-people{display:flex;gap:8px;flex-wrap:wrap}.trade-people button,.trade-buttons button{background:#472335;border:1px solid #80405788;padding:12px;font-size:11px}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trade-columns>div{border:1px solid var(--line);padding:15px}.trade-columns h3{font:18px Georgia}.trade-columns p{font-size:11px}.trade-item{display:flex;gap:8px;align-items:center;font-size:11px;padding:8px 0}.trade-item input{width:auto}.trade-buttons{display:flex;gap:8px;margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#411b2f;border:1px solid #cb647c88;box-shadow:0 12px 35px #0008;font-size:12px;z-index:10;max-width:90%;text-align:center}#toast[hidden]{display:none}@media(max-width:1100px){header{gap:10px}.status{display:none}header nav{margin-left:auto;margin-right:0}main{padding:0 24px}.layout{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.lunar-card{padding-right:0}.heading h1{font-size:34px}.lunar-card p{max-width:210px}.bottom{padding:0 10px;font-size:6px}}@media(max-width:760px){header{height:auto;min-height:115px;flex-wrap:wrap;padding:15px 0;gap:12px}.brand{font-size:18px}header nav{width:100%;justify-content:space-between;gap:0}header nav button{font-size:10px;padding:8px}header nav kbd{display:none}main{padding:0 14px;margin-top:24px}.heading{align-items:flex-start;gap:10px}.heading h1{font-size:27px}.eyebrow{font-size:6px;letter-spacing:1.5px}.lunar-card{padding:0;border:0;gap:8px}.lunar-card .blood-moon{width:45px;height:45px}.lunar-card>div:last-child{max-width:110px}.lunar-card h3{font-size:15px;margin:5px 0}.lunar-card p{font-size:8px}.lunar-card small{font-size:6px!important}.layout{display:block}canvas#world{height:600px}.login h2{font-size:31px}.login-moon{margin-bottom:13px}.classes{gap:7px}.classes b{font-size:12px}.classes small{font-size:6px}.bottom span:last-child{display:none}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.panel{padding:14px;margin:0}.chat-panel{grid-column:1/-1}.character-title h2{font-size:16px}.character-title canvas{width:36px;height:45px}.panel-title small{font-size:7px}.skillbar button{width:60px}.mobile{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.dpad{display:grid;grid-template-columns:repeat(3,38px);gap:3px}.dpad span{text-align:center;padding:8px;color:#9e657c}.mobile button{background:#35202e;border:1px solid #73405588;padding:10px;color:#dfbacb;touch-action:none}.mobile>button{height:45px;font-size:10px}footer>span:last-child{display:none}dialog{padding:17px}.item-grid{grid-template-columns:repeat(2,1fr)}.map-grid,.vip-grid{grid-template-columns:1fr}.equipment-row{gap:5px}.equipment-slot{font-size:8px;padding:8px}.equipment-slot b{font-size:12px}.trade-columns{grid-template-columns:1fr}.modal-head h2{font-size:25px}}
@media(max-width:760px){header nav{flex-wrap:wrap;gap:3px}header nav button{flex:1 1 auto}.map-card .subtle{margin-top:14px;width:100%}}
/* Account gateway: no third-party scripts, hosted artwork or external fonts. */
[hidden]{display:none!important}.auth-screen{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:1.06fr 1fr;min-height:100dvh;background:#120e13;overflow:auto}.auth-art{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#71314444,transparent 50%),linear-gradient(155deg,#241925,#15131b 60%,#16131a);padding:40px 44px}.auth-art>.brand{position:relative;z-index:2;font-size:23px}.auth-orbit{position:absolute;width:370px;height:370px;left:50%;top:22%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 27%,#c58887 0,#aa636b 24%,#663247 65%,#251d31);box-shadow:0 0 0 22px #bc627505,0 0 0 24px #bc62750a,0 0 0 70px #bc627503,0 0 100px #8b354e33;opacity:.65}.auth-orbit:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 30% 35%,#4f293940 0 14%,transparent 16%),radial-gradient(circle at 70% 60%,#4f293950 0 20%,transparent 22%)}.auth-art:after{content:'';position:absolute;left:-5%;right:-5%;bottom:0;height:52%;background:linear-gradient(180deg,transparent,#151019 86%);pointer-events:none;z-index:2}.auth-art-copy{position:relative;z-index:3;margin:68px 0 0}.auth-art-copy>small{font-size:8px;letter-spacing:2.2px;color:#d19ca6}.auth-art-copy h1{font:53px/1.15 Georgia,serif;margin:20px 0;color:#f0dddd}.auth-art-copy h1 em{color:#df969e}.auth-art-copy p{font-size:12px;color:#b59ca6;line-height:1.9}.hero-trio{position:absolute;left:8%;right:8%;bottom:40px;display:flex;justify-content:center;align-items:end;z-index:1;height:350px}.hero-trio canvas{width:40%;height:auto;filter:drop-shadow(0 20px 15px #000a);image-rendering:auto;flex-shrink:0}.hero-trio canvas:nth-child(2){transform:scale(1.17) translateY(-15px);z-index:2;margin:0 -9%}.auth-art-bottom{position:absolute;bottom:73px;left:15%;right:15%;display:flex;justify-content:space-between;color:#c9a5ad;font-size:7px;letter-spacing:2px;z-index:3}.art-credit{position:absolute;left:44px;bottom:25px;z-index:3;font-size:8px;color:#9a7488;text-decoration:none}.auth-content{position:relative;display:flex;align-items:center;justify-content:center;padding:45px 50px;background:radial-gradient(ellipse at 100% 0,#4a142517,transparent 70%)}.auth-card{width:100%;max-width:420px;padding:30px 0 55px}.auth-tabs{display:flex;gap:30px;border-bottom:1px solid #72405444;margin-bottom:42px}.auth-tabs button{border:0;background:none;color:#8e7888;font-size:9px;letter-spacing:2px;padding:0 0 16px;position:relative}.auth-tabs button.selected{color:#e5bec5}.auth-tabs button.selected:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:#c95d76}.auth-card h2{font:34px Georgia,serif;margin:14px 0 10px;color:#ead7db}.auth-card>p{font-size:11px;margin-bottom:28px;line-height:1.8}.auth-card form{margin-top:25px}.auth-card form>label,.auth-card .form-row label{display:block;font-size:8px;letter-spacing:1.4px;color:#bc94a4;margin:18px 0 9px}.auth-card input{background:#1b141d;border:1px solid #59314588;padding:14px;color:#e3ccd5;border-radius:3px;font-size:12px}.auth-card input::placeholder{color:#786774}.auth-card .primary{margin-top:24px;padding:17px 20px;background:linear-gradient(100deg,#85344a,#ac435a);border-radius:3px;font-size:9px;letter-spacing:1.5px}.password-input{position:relative}.password-input input{padding-right:70px}.password-input button{position:absolute;right:8px;top:7px;bottom:7px;background:transparent;border:0;font-size:9px;color:#b894a7;padding:0 10px}.forgot-link{border:0;background:none;color:#b994a3;font-size:10px;padding:0;margin-top:14px;display:block;margin-left:auto}.auth-footnote{font-size:9px!important;color:#8e7787!important;text-align:center;margin-top:17px!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-row>div{min-width:0}.auth-card .class-label{margin-top:22px;font-size:7px;letter-spacing:1px}.auth-card .classes span{border-radius:3px;padding:5px 4px 12px;background:#241622;min-height:105px}.auth-card .classes canvas{image-rendering:auto;width:48px;height:60px}.auth-card .classes b{font-size:13px}.auth-card .classes small{font-size:7px}.legacy-option{display:flex!important;gap:8px;align-items:center;font-size:9px!important;letter-spacing:0!important;line-height:1.5}.legacy-option input{width:auto;accent-color:#b25169}.auth-security{display:flex;justify-content:space-between;border-top:1px solid #59314555;padding-top:22px;margin-top:25px;font-size:7px;letter-spacing:1px;color:#9f7b8f}.auth-security span{color:#765a6b}.auth-bottom{position:absolute;bottom:22px;left:50px;right:50px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px;color:#7c6173}#authMessage{font-size:11px;line-height:1.7;color:#b5c4ac;margin:18px 0 0;min-height:0}#authMessage:empty{display:none}#authMessage.error{color:#eea4af}.logout{background:none;border:1px solid #66405266;font-size:8px;white-space:nowrap;padding:9px;color:#c39aa9;margin-left:auto}.auth-card form p{font-size:10px;line-height:1.8}.auth-card [data-auth-form=register]{margin-top:10px}.auth-card:has([data-auth-form=register]:not([hidden])) .auth-tabs{margin-bottom:24px}.auth-card:has([data-auth-form=register]:not([hidden]))>p{margin-bottom:14px}.skillbar{gap:5px}.skillbar button{width:63px}canvas#world{image-rendering:auto}.character-title canvas{image-rendering:auto}.auth-card [data-auth-form=reset]>.primary{margin-top:25px}
@media(min-width:1600px){.auth-art{padding-left:70px}.auth-art-copy{margin-top:100px}.auth-art-copy h1{font-size:66px}.hero-trio{height:420px}.auth-orbit{width:440px;height:440px}}
@media(max-height:850px) and (min-width:801px){.auth-art-copy{margin-top:40px}.auth-art-copy h1{font-size:42px}.auth-orbit{width:290px;height:290px}.hero-trio{bottom:40px;height:290px}.auth-content{padding-top:20px;padding-bottom:45px;align-items:flex-start}.auth-card{padding-top:15px;padding-bottom:30px}.auth-tabs{margin-bottom:26px}}
@media(max-width:1000px){.auth-art{padding:30px}.auth-art-copy h1{font-size:43px}.auth-content{padding:30px}.auth-orbit{width:290px;height:290px}.art-credit{left:30px}.auth-bottom{left:30px;right:30px}.auth-art-copy>small{font-size:7px}.auth-security{letter-spacing:.4px}header .status{display:none}}
@media(max-width:800px){.auth-screen{display:block;position:absolute;min-height:100dvh}.auth-art{min-height:220px;height:220px;padding:25px;overflow:hidden}.auth-art>.brand{font-size:17px}.auth-art>.brand>span{font-size:32px}.auth-art-copy{margin:25px 0 0}.auth-art-copy>small{font-size:6px;letter-spacing:1px}.auth-art-copy h1{font-size:28px;margin:10px 0}.auth-art-copy p,.auth-art-bottom,.art-credit{display:none}.auth-orbit{width:160px;height:160px;top:20px;left:78%}.hero-trio{left:auto;width:200px;right:2%;height:180px;bottom:0}.hero-trio canvas{width:43%}.auth-art:after{height:35%}.auth-content{padding:24px 26px 60px;min-height:calc(100dvh - 220px);align-items:flex-start}.auth-card{max-width:480px;padding:0}.auth-tabs{margin-bottom:25px}.auth-card h2{font-size:29px}.auth-bottom{left:26px;right:26px;font-size:6px;bottom:20px}.auth-card input{font-size:16px;padding:13px 10px}.auth-card .classes input{font-size:12px}.auth-card .form-row{gap:10px}.auth-card .form-row input{font-size:12px}.skillbar button{width:52px}.skillbar small{font-size:6px}.skillbar{gap:4px;padding:5px}.logout{margin-left:auto}header{min-height:125px}.auth-card form>label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.animation-lab-link{position:absolute;bottom:45px;left:44px;z-index:4;color:#bf8198;font-size:9px;text-decoration:none;letter-spacing:1px}.sprite-studio header{justify-content:space-between}.sprite-studio header>a:last-child{text-decoration:none}.sprite-studio .studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.studio-stage{position:relative;border:1px solid var(--line);background:#17101b}.studio-stage>canvas{display:block;width:100%;height:auto}.studio-stage>span{position:absolute;bottom:18px;left:20px;font:10px monospace;color:#b68c9e}.frame-timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:10px 0}.frame-timeline button{background:#231522;border:1px solid #5a3246;color:#b98da2;padding:0 0 8px;font:10px monospace}.frame-timeline button.selected{border-color:#e17d96;background:#4e263b}.frame-timeline canvas{display:block;width:100%;height:auto}.sprite-studio aside label:not(.layer-toggle){display:block;font-size:10px;color:#b296a5;margin:18px 0 8px}.sprite-studio select{padding:11px;font-size:12px}.layer-toggle{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:12px}.layer-toggle input{width:auto;accent-color:#c25a7b}.playback{display:flex;gap:9px;align-items:center}.playback button{background:#452439;border:1px solid #80516a;padding:12px;font-size:10px}.playback label{display:flex;align-items:center;gap:12px;font-size:10px;color:#b797a7;margin-left:auto}.playback input{width:100px}.base-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.base-gallery>div{background:radial-gradient(ellipse at 50% 60%,#42283944,transparent),#1b131e;border:1px solid var(--line);text-align:center;padding:18px}.base-gallery canvas{max-width:100%;height:auto}.base-gallery h3{font:23px Georgia;margin:0 0 7px}.base-gallery p{font-size:10px}.direction-gallery{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.direction-gallery>div{background:#1d1320;border:1px solid var(--line);text-align:center;padding-bottom:12px}.direction-gallery canvas{width:100%;height:auto}.direction-gallery small{font-size:9px;color:#bf8da7}#studioStatus{font-size:9px;color:#be90a5;letter-spacing:1px;margin-bottom:18px}.sprite-studio footer a{color:#b28b9d;text-decoration:none}.mobile>button[aria-pressed=true]{border-color:#dc7394;background:#6b2e49}@media(max-width:800px){.animation-lab-link{position:absolute;top:28px;bottom:auto;right:22px;left:auto;font-size:7px}.sprite-studio .studio-layout{display:block}.sprite-studio .studio-layout>aside{display:block}.sprite-studio .studio-layout>aside>.panel{margin-top:12px}.base-gallery{gap:6px}.base-gallery>div{padding:5px}.base-gallery h3{font-size:16px}.base-gallery p{font-size:8px}.direction-gallery{grid-template-columns:repeat(4,1fr)}.playback{flex-wrap:wrap}.playback label{margin-left:0}.sprite-studio .heading p{display:none}}

/* Gameplay overlay: retain the existing DOM, services and account flow. */
#game-shell.immersive{height:100dvh;overflow:hidden;--line:#8d785044;--panel:#211b13;--muted:#b3a58e;--gold:#c7a678}
.immersive header{height:48px;min-height:48px;margin:0;padding:0 12px;gap:14px;background:linear-gradient(#282119,#100d0b);border-bottom:2px solid #766046}
.immersive header .brand{font-size:13px;letter-spacing:2px}.immersive header .brand>span{font-size:25px}.immersive header .brand small{display:none}
.immersive header nav{gap:0}.immersive header nav button{padding:8px;font:11px Georgia;color:#d2c1a2}.immersive header .status{display:none}
.immersive main{position:relative;margin:0;padding:0;max-width:none;height:calc(100dvh - 48px)}
.immersive .heading{position:absolute;right:12px;top:45px;z-index:3;margin:0;pointer-events:none}.immersive .heading>div:first-child{display:none}
.immersive .lunar-card{width:220px;display:grid;grid-template-columns:36px 1fr;gap:8px;padding:8px;background:#17130ee8;border:1px solid #806b47;box-shadow:0 3px 14px #0008}
.immersive #minimap{grid-column:1/-1;width:200px;height:150px;border:1px solid #af95655c;image-rendering:pixelated}
.immersive .lunar-card .blood-moon{width:30px;height:30px;overflow:hidden;background:#c8bd98;box-shadow:0 0 12px #c5ac6c44;flex-shrink:0}
.immersive .blood-moon:before{content:'';position:absolute;inset:0;background:#17130e;border-radius:50%;transition:transform 1s}
.immersive .blood-moon[data-phase="0"]:before{transform:translateX(0)}.immersive .blood-moon[data-phase="1"]:before{transform:translateX(-40%)}.immersive .blood-moon[data-phase="2"]:before{transform:translateX(-110%)}.immersive .blood-moon[data-phase="3"]:before{transform:translateX(40%)}
.immersive .blood-moon:after{inset:12px -16px -4px;background:linear-gradient(transparent,#706b6588,transparent);border-radius:40%;animation:lunar-clouds 12s ease-in-out infinite}
@keyframes lunar-clouds{0%,100%{transform:translateX(-8px)}50%{transform:translateX(12px)}}
.immersive .lunar-card h3{font:14px Georgia;margin:0;color:#e0cea9}.immersive .lunar-card p{font-size:9px;margin:3px 0}.immersive .lunar-card small{font-size:7px;letter-spacing:.4px}.immersive .lunar-card>div:last-child>small:first-child{display:none}
.immersive .layout{display:block;height:100%}.immersive .game{height:100%;border:0}.immersive canvas#world{height:100%;width:100%;image-rendering:auto}
.immersive .gamebar{position:absolute;top:0;left:0;right:0;height:30px;background:#15110dd9;padding:0 12px}.immersive .game-shade{inset:30px 0 0;box-shadow:inset 0 0 90px #08070566}.immersive .map-label{top:auto;left:auto;right:16px;bottom:12px}.immersive .map-label span{display:none}
.immersive .bottom,.immersive footer{display:none}.immersive aside{display:contents}
.immersive .panel{position:absolute;z-index:2;padding:10px;margin:0;background:linear-gradient(135deg,#282018e8,#110e0bdb);border:1px solid #8d785066;box-shadow:0 2px 8px #0005}
.immersive .character{left:12px;top:44px;width:210px}.immersive .character .panel-title,.immersive .character .stats,.immersive .character .wide,.immersive .character-title p{display:none}
.immersive .character-title{gap:8px;margin:0 0 6px}.immersive .character-title canvas{width:36px;height:45px;background:#251c14;border-color:#7b6546}.immersive .character-title h2{font:16px Georgia;margin:0}.immersive .character-title span{color:#c7aa72}
.immersive .values{margin:4px 0 7px;font-size:8px;color:#c7b28b}.immersive .mana,.immersive .xp{margin-top:5px}.immersive .mana i{background:linear-gradient(90deg,#264d65,#779fac)}.immersive .bar{height:6px;border:1px solid #0005}.immersive .xp i{background:#a58b55}
.immersive #targetPanel{left:50%;transform:translateX(-50%);top:44px;width:220px;text-align:center}.immersive #targetPanel h3{font:15px Georgia;margin:0}.immersive #targetPanel .panel-title{display:none}.immersive #targetPanel p{margin:5px;font-size:9px}.immersive .panel[hidden]{display:none!important}
.immersive .quest{left:12px;bottom:162px;width:220px;background:#15110bb8}.immersive .quest h3{font-size:15px;margin:4px 0}.immersive .quest p,.immersive .quest-line{display:none}
.immersive .chat-panel{left:12px;bottom:12px;width:265px}.immersive #messages{height:65px;margin-top:5px;font-size:10px}.immersive #chat{margin-top:5px}.immersive #chat[hidden]{display:none}.immersive #chat input{background:#15100b}.immersive #toggleChat{padding:0 6px;background:none;border:1px solid #806b47;color:#cfba92}
.immersive .skillbar{bottom:12px;gap:4px;padding:5px;background:#17120def;border:2px ridge #8b724d}.immersive .skillbar button{width:56px;height:56px;background:linear-gradient(145deg,#443526,#1d160f);border:1px solid #b0915a88}.immersive .skillbar button>span{font-size:21px;color:#e0ca9b}.immersive .skillbar small{font-size:7px;color:#d4c09b}
#modal{background:linear-gradient(120deg,#2c2119,#120e0b);border:3px ridge #8d7850;color:#e1d1b2}.modal-head{border-color:#8d785066}.equipment-slot{border-color:#8d785066}.item-card{background:linear-gradient(140deg,#34281c,#130f0c)}
@media(max-width:760px){
 .immersive header{flex-wrap:nowrap;padding:0 6px;gap:5px}.immersive header .brand{display:none}.immersive header nav{width:auto;flex:1;overflow:auto;justify-content:flex-start;white-space:nowrap}.immersive header nav button{font-size:10px;padding:8px 6px}.immersive header .logout{font-size:9px;padding:6px}
 .immersive .heading{right:6px;top:35px}.immersive .lunar-card{width:145px;padding:5px;gap:4px;grid-template-columns:24px 1fr}.immersive #minimap{width:133px;height:100px}.immersive .lunar-card>div:last-child{max-width:none}.immersive .lunar-card .blood-moon{width:24px;height:24px}.immersive .lunar-card h3{font-size:11px}.immersive .lunar-card p{font-size:8px}.immersive #moonTimer{display:none}
 .immersive .character{left:6px;top:35px;width:160px;padding:7px}.immersive .character-title canvas{width:28px;height:35px}.immersive .character-title h2{font-size:13px}.immersive .values{font-size:7px}.immersive #targetPanel{top:215px;width:170px}
 .immersive .chat-panel{left:6px;bottom:188px;width:180px;padding:6px}.immersive #messages{height:42px}.immersive .quest{left:auto;right:6px;bottom:85px;width:155px;padding:6px}.immersive .quest h3{font-size:12px}.immersive .skillbar{left:auto;right:6px;transform:none;bottom:8px;gap:2px;padding:3px}.immersive .skillbar button{width:42px;height:52px}
 .immersive .mobile{display:flex;position:absolute;bottom:8px;left:6px;width:130px;flex-wrap:wrap;gap:3px;z-index:4;margin:0;padding:3px;background:#18120cbd;border:1px solid #8d785066}.immersive .dpad{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.immersive .dpad button{min-height:32px;padding:4px}.immersive .mobile>button{font-size:7px;padding:5px;flex:1}.immersive .map-label{display:none}
}
@media(prefers-reduced-motion:reduce){.immersive .blood-moon:after{animation:none}}

.immersive .skillbar small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.immersive .skillbar button>span{margin-bottom:3px}
.equipment-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-slot{min-width:0}.item-card[draggable=true]{cursor:grab}.equipment-slot:has(+*){overflow-wrap:anywhere}
@media(max-width:500px){.equipment-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

.attribute-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.attribute-grid .equipment-slot{padding:8px}.attribute-grid .equipment-slot b{margin:0 0 8px}.attribute-grid button{padding:5px 12px}@media(max-width:500px){.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.social-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.social-member,.quest-card{padding:14px;background:#1a140f;border:1px solid #8d785055;margin:10px 0}.social-member small{display:block;margin-top:5px}.social-member button,.quest-card button{margin:6px 6px 0 0}.social-member b{font:19px Georgia;color:#dcc9a3}.quest-card h3{font:21px Georgia;margin:0 0 8px}.quest-card> b{margin-right:12px;color:#c6b181}#chatChannel{font-size:9px;padding:5px;margin-top:7px;background:#19120d;border-color:#8d785055}.immersive header nav{overflow:auto;white-space:nowrap;min-width:0}.immersive header nav button{flex-shrink:0}.immersive header .brand{flex-shrink:0}
@media(max-width:500px){.social-roster{grid-template-columns:1fr}}

.immersive .quest{bottom:218px}@media(max-width:760px){.immersive .quest{bottom:85px}}

.numbered-hotbar{position:fixed;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:3px;z-index:10;max-width:98vw}.numbered-hotbar button{width:65px;min-width:30px;padding:5px;position:relative;background:#21191ee8;border:1px solid #94764b}.numbered-hotbar kbd{position:absolute;top:1px;left:3px}.numbered-hotbar span{display:block;font-size:20px}.numbered-hotbar small{display:block;font-size:8px;overflow:hidden}.minimized-panels{position:fixed;right:10px;bottom:85px;z-index:40;display:flex;flex-direction:column}#modal{resize:both;overflow:auto;min-width:300px;min-height:200px}@media(max-width:700px){.numbered-hotbar button{width:10vw}.numbered-hotbar small{font-size:7px}}
.portal-preview{position:fixed;top:140px;left:50%;transform:translateX(-50%);background:#19131deb;border:1px solid #bd9d65;padding:12px;z-index:20;max-width:80vw}

header,.player-panel,.quest-panel,.chat-panel,.minimap-panel{opacity:var(--ui-opacity,1)}#game-shell{font-size:calc(12px * var(--ui-scale,1))}

.lunar-announcement{position:fixed;top:50px;left:50%;transform:translateX(-50%);z-index:18;pointer-events:none;text-align:center;max-width:80vw}.lunar-announcement img{width:125px;display:block;margin:auto}.lunar-announcement p{background:#160f1be8;border:1px solid #ad8d63;padding:8px;font-size:12px}.lunar-announcement.descending{animation:moon-descend 1.4s ease-out}@keyframes moon-descend{from{top:-170px;opacity:0}to{top:50px;opacity:1}}
/* Keep the legacy potion/transform/PvP controls alongside, never over the nine saved slots. */
.immersive .skillbar{left:auto;right:12px;bottom:68px;transform:none}
#skill0,#skill1{display:none}
.immersive .character,.immersive .quest,.immersive .chat-panel,.immersive .lunar-card,.numbered-hotbar{opacity:var(--ui-opacity,1);zoom:var(--ui-scale,1)}
@media(max-width:700px){.immersive .skillbar{bottom:75px;right:5px}.immersive .skillbar button{width:40px;height:42px}}
.buff-badge{position:fixed;top:250px;left:12px;padding:7px;background:#18121ced;border:1px solid #b7a07a;z-index:12;font-size:11px}
.item-card .item-icon{display:block;margin-top:12px;margin-bottom:8px;line-height:1.3;min-height:30px;overflow:visible}.trade-dropzone{min-height:180px;border:1px dashed #b39b70;padding:12px}

.consumable-hotbar{position:fixed;bottom:68px;left:50%;transform:translateX(-50%);display:flex;gap:2px;z-index:11;max-width:95vw}.consumable-hotbar button{font-size:9px;min-width:32px;padding:6px;background:#241d22}.bot-hud{position:fixed;right:12px;top:370px;width:205px;z-index:12;padding:10px;background:#17121bea}.bot-hud h3{margin:0}.bot-hud button{font-size:9px;padding:5px;margin:2px}.bot-hud p{font-size:10px}.pvp-control{position:fixed;right:8px;top:105px;width:64px;z-index:14}.pvp-control button{width:64px;min-height:48px}.immersive .lunar-card{right:80px}.hud-minimize{position:absolute;top:0;right:0;padding:2px 7px;font-size:12px;z-index:30}[data-minimized="true"]{visibility:hidden!important;pointer-events:none!important}.hud-restores{position:fixed;right:4px;bottom:125px;z-index:40;display:flex;flex-direction:column;gap:2px}.hud-restores button{font-size:10px;padding:5px}.numbered-hotbar>.subtle:first-child{width:24px}.immersive .skillbar{display:none!important}@media(max-width:700px){.bot-hud{top:auto;bottom:155px;width:160px}.consumable-hotbar{bottom:65px;flex-wrap:wrap;justify-content:center;width:95vw}.consumable-hotbar button{min-width:25px;font-size:7px;padding:4px}.immersive .lunar-card{right:65px}.pvp-control,.pvp-control button{width:55px}}
.ranking-top{border:1px solid #cfaa64;background:linear-gradient(90deg,#4c2c37,#241c28);padding:12px;margin:6px 0;color:#ffe0a3}.ranking-row{padding:7px;border-bottom:1px solid #564652}
.protection-badge{position:fixed;left:12px;top:280px;z-index:13;color:#f1d990;border:1px solid #b49a6a;background:#17121ce8;padding:7px;font-size:10px}
.tutorial-hud{position:fixed;left:12px;top:330px;max-width:205px;z-index:12;padding:9px;background:#19131ee8}.tutorial-hud h3{font-size:12px}.tutorial-hud p{font-size:11px}.tutorial-hud button{font-size:9px;padding:5px}.diagnostics-hud{position:fixed;right:12px;bottom:105px;z-index:30;font:10px monospace;background:#15101bdc;padding:5px;color:#d8ccb1}
.chat-panel>.hud-minimize{right:32px}
.minimized-panels{right:auto;left:12px;bottom:100px}
.item-icon-image{display:block;object-fit:contain;margin:10px auto 8px;flex-shrink:0;border-radius:4px;max-width:100%;image-rendering:auto}.paperdoll{display:grid;grid-template-columns:minmax(90px,1fr) 240px minmax(90px,1fr);grid-template-rows:repeat(5,minmax(80px,auto));gap:10px;background:radial-gradient(ellipse at center,#4a344338,#18131ced);padding:14px;border:1px solid #947550}.paperdoll-center{grid-column:2;grid-row:2/6;display:flex;align-items:center;flex-direction:column;justify-content:center}.paperdoll-center canvas{width:240px;height:300px;max-width:100%;object-fit:contain}.paperdoll-center small{margin:6px;font-size:10px}.paperdoll-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-width:0;padding:6px}.paperdoll-slot b{font-size:10px;overflow-wrap:anywhere}.paperdoll-slot button{font-size:8px;padding:4px;margin-top:5px}.paperdoll-slot .empty-slot{color:#79685a;font-size:26px;line-height:35px}.paperdoll-slot[data-slot=head]{grid-column:2;grid-row:1}.paperdoll-slot[data-slot=charm]{grid-column:3;grid-row:1}.paperdoll-slot[data-slot=armor]{grid-column:1;grid-row:3}.paperdoll-slot[data-slot=gloves]{grid-column:3;grid-row:3}.paperdoll-slot[data-slot=weapon]{grid-column:1;grid-row:4}.paperdoll-slot[data-slot=secondary]{grid-column:3;grid-row:4}.paperdoll-slot[data-slot=legs]{grid-column:1;grid-row:5}.paperdoll-slot[data-slot=boots]{grid-column:3;grid-row:5}.inventory-tools{display:flex;gap:6px;flex-wrap:wrap}.inventory-tools input{min-width:100px;flex:1}.inventory-tools button{font-size:10px}details{margin:14px 0;padding:10px;border:1px solid #6d5844}summary{cursor:pointer;color:#dac098}@media(max-width:600px){.paperdoll{grid-template-columns:minmax(60px,1fr) minmax(110px,150px) minmax(60px,1fr);gap:5px;padding:5px}.paperdoll-center canvas{width:150px;height:225px}.paperdoll-slot{padding:3px}.paperdoll-slot b{font-size:8px}.paperdoll-slot small{font-size:8px}.paperdoll-slot .item-icon-image{width:38px!important;height:38px!important}.paperdoll-center b{font-size:11px}.paperdoll-center small{font-size:8px}.inventory-tools button{padding:5px}}
/* Modeless, character-scoped layout. Reserved dock never covers the hunt toolbar. */
.panel-dock{position:fixed;right:8px;bottom:8px;width:220px;max-height:108px;overflow:auto;z-index:900;background:#1d151cf5;border:1px solid #8f7049;padding:5px;color:#e4ccb0;font:11px Georgia;box-sizing:border-box}.panel-dock[hidden]{display:none}.panel-dock summary{cursor:pointer;padding:3px}.dock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3px}.dock-buttons button{font-size:10px;padding:5px;min-width:0;overflow-wrap:anywhere;background:#442332;border:1px solid #956153;color:#f1d7bd}
[data-minimized="true"]{display:none!important;pointer-events:none!important}.layout-handle{cursor:grab;touch-action:none;user-select:none;flex-shrink:0}.layout-handle:active{cursor:grabbing}.hud-heading{display:flex;justify-content:space-between;align-items:center;min-height:20px;gap:8px;font:10px Georgia;color:#d6b783;border-bottom:1px solid #8d785044;margin-bottom:5px}.hud-heading .hud-minimize,.floating-window .hud-minimize{position:static;flex:0 0 auto;padding:2px 8px;min-height:22px;z-index:auto}.immersive header{z-index:1000}.immersive .lunar-card{top:56px;right:12px;width:220px;display:block;box-sizing:border-box}.immersive .lunar-card #minimap{width:196px;max-width:100%;height:auto}.immersive .character{top:142px;left:12px;width:210px;box-sizing:border-box}.immersive .quest{top:430px;bottom:auto;left:12px;width:220px;box-sizing:border-box}.immersive .chat-panel{top:auto;bottom:112px;left:12px;width:240px;height:auto;box-sizing:border-box}.tutorial-hud{top:312px;width:220px;box-sizing:border-box}.immersive #targetPanel{left:238px;right:auto;top:142px;width:210px;box-sizing:border-box}
.bot-hud{top:56px;left:12px;right:auto;width:calc(100vw - 266px);max-width:1080px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:7px;box-sizing:border-box}.bot-hud>.hud-heading{width:100%;margin:0;border:0;min-height:16px}.bot-hud h3,.bot-hud p{display:none}.bot-hud small{font-size:10px;margin-right:4px}.bot-hud button{padding:5px 7px;font-size:10px;white-space:nowrap}.bot-hud button[aria-pressed="true"]{border:1px solid #d3ae70;background:#713044;color:#fff0c8}.bot-hud button[aria-pressed="false"]{border:1px solid #5c4b48;background:#241b22;color:#c2b2a1}.pvp-control{position:static;width:auto;margin-top:8px;border-top:1px solid #8f704950;padding-top:5px}.pvp-control #pvp{width:100%;min-height:30px;display:flex;justify-content:center;align-items:center;gap:7px;background:linear-gradient(#5c293a,#331c2c);color:#e9c9bd;border:1px solid #a66a65}.pvp-control #pvp.active{background:linear-gradient(#a83046,#632235);border-color:#f0987a;color:#fff1dc}.pvp-control #pvp small{font:12px Georgia;letter-spacing:.5px}
.floating-window,#modal.floating-window{position:fixed;box-sizing:border-box;display:flex;flex-direction:column;min-width:280px;min-height:160px;max-width:calc(100vw - 16px);padding:12px;resize:both;overflow:hidden;opacity:var(--window-opacity,1);background:linear-gradient(120deg,#2c2119,#120e0b);border:2px ridge #b19a65;color:#e1d1b2;box-shadow:0 12px 36px #0009}.floating-window:not([open]),.floating-window[hidden]{display:none!important}.floating-window .modal-head{margin-bottom:8px;padding-bottom:6px;gap:8px}.floating-window .modal-head h2{font:24px Georgia;flex:1;min-width:0;margin:3px 0;overflow-wrap:anywhere}.floating-window .modal-head button{padding:4px 9px}.window-body{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;padding:2px 7px 8px 2px}.window-body input,.window-body select{max-width:100%;box-sizing:border-box}.window-body button{max-width:100%;overflow-wrap:anywhere}.window-body .item-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.gold-balance{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #b497534f;background:#1e1715;margin-bottom:12px;color:#f1cf7d;position:sticky;top:0;z-index:2;font:18px Georgia;overflow-wrap:anywhere}.gold-balance .item-icon-image{flex:0 0 auto;border:0}.wiki-tools{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);gap:8px;margin-bottom:12px}.wiki-page{border:1px solid #8f704950;padding:10px;margin-bottom:8px;background:#21191a}.wiki-page summary{cursor:pointer;font:17px Georgia;color:#e4c18b}.wiki-page p{font:13px/1.55 Arial;white-space:pre-line;max-width:72ch}.party-hud{position:fixed;top:265px;left:240px;width:238px;box-sizing:border-box;max-height:300px;overflow:auto;background:#20171eea}.party-member{display:grid;gap:3px;padding:6px 0;border-top:1px solid #9c7b4940}.party-member b{font:11px Georgia}.party-member small{font:10px Arial;color:#bdb1ad}.party-member progress{width:100%;height:9px;accent-color:#9e4558}.numbered-hotbar,.consumable-hotbar{max-width:calc(100vw - 268px);overflow:auto;box-sizing:border-box}.numbered-hotbar>.hud-heading,.consumable-hotbar>.hud-heading{display:flex;flex-direction:column;justify-content:center;margin:0;gap:0;flex:0 0 28px;font-size:8px}.numbered-hotbar>.hud-heading .hud-minimize,.consumable-hotbar>.hud-heading .hud-minimize{width:25px;min-width:0}.social-roster{display:grid;gap:8px}.social-member{border:1px solid #8f704950;padding:8px}.social-member small{display:block}.social-member button{margin:3px}.invite-by-name{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.invite-by-name input{flex:1;min-width:140px}.dissolve-confirm{margin-top:12px;padding:8px;border:1px solid #9b495d}.party-hud>button{width:100%}
@media(max-width:800px){.bot-hud{width:calc(100vw - 200px)}.immersive .lunar-card{width:180px}.immersive .lunar-card #minimap{width:156px}.bot-hud button{font-size:9px;padding:4px}.floating-window .modal-head h2{font-size:18px}.panel-dock{width:160px}.numbered-hotbar,.consumable-hotbar{max-width:calc(100vw - 190px)}.wiki-tools{grid-template-columns:1fr}}
/* Initial positions are viewport-relative before the first persisted measurement. */
.immersive .panel,.immersive .lunar-card{position:fixed}.immersive .character{top:142px}.immersive .quest{left:auto;right:12px;top:408px;bottom:auto}.tutorial-hud{top:334px;max-height:112px;overflow:auto}.tutorial-hud h3{font:12px Georgia;margin:4px 0}.tutorial-hud p{font:11px/1.3 Arial;margin:6px 0}.tutorial-hud button{font-size:9px;padding:4px}.immersive #targetPanel{left:490px;top:150px}.party-hud{top:150px;left:240px}.gold-balance .item-icon-image{margin:0;display:block}.hud-heading>span{font:9px Georgia!important}.lunar-announcement{top:auto;bottom:126px;max-width:300px;z-index:19}.lunar-announcement img{display:none}.lunar-announcement p{padding:7px;font-size:11px}.lunar-announcement.descending{animation:none}
.party-hud{left:270px}.hud-heading>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.numbered-hotbar .hud-heading>span,.consumable-hotbar .hud-heading>span{max-width:32px;font-size:8px!important}.floating-window .window-body{scrollbar-gutter:stable}
#toggleChat{display:none}
/* Keep the complete paperdoll visible before the backpack scrolls. */
.paperdoll{grid-template-columns:minmax(90px,1fr) minmax(120px,160px) minmax(90px,1fr);grid-template-rows:repeat(5,64px);gap:4px;padding:5px;align-items:stretch}.paperdoll-center{min-height:0;overflow:hidden}.paperdoll-center canvas{width:160px;height:200px;max-width:100%;flex:0 1 auto}.paperdoll-center b{font:12px Georgia;margin:2px}.paperdoll-center small{font-size:9px;margin:2px}.paperdoll-center button{font-size:9px;padding:3px 8px}.paperdoll-slot{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:12px 1fr 17px;padding:3px;gap:0 4px;overflow:hidden;align-items:center}.paperdoll-slot>small:first-child{grid-column:1/-1;grid-row:1;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paperdoll-slot>.item-icon-image{grid-column:1;grid-row:2/4;width:30px!important;height:30px!important;margin:0}.paperdoll-slot>b{grid-column:2;grid-row:2;font:9px/1.1 Georgia;margin:0;max-height:22px;overflow:hidden}.paperdoll-slot>button{grid-column:2;grid-row:3;font-size:8px;padding:1px 3px;margin:0;min-height:16px}.paperdoll-slot>.empty-slot{grid-column:1;grid-row:2/4;font-size:20px}.paperdoll-slot>small:not(:first-child){grid-column:2;grid-row:2/4;font-size:9px}

/* Eight resize edges are real UI targets; all stay inside the visible box. */
[data-layout-id]{overflow:auto;overscroll-behavior:contain;min-width:120px;min-height:36px;resize:none!important}.layout-resizer{position:absolute;z-index:50;touch-action:none;user-select:none}.edge-n,.edge-s{left:9px;right:9px;height:6px;cursor:ns-resize}.edge-n{top:0}.edge-s{bottom:0}.edge-e,.edge-w{top:9px;bottom:9px;width:6px;cursor:ew-resize}.edge-e{right:0}.edge-w{left:0}.edge-ne,.edge-nw,.edge-se,.edge-sw{width:11px;height:11px}.edge-ne{top:0;right:0;cursor:nesw-resize}.edge-nw{top:0;left:0;cursor:nwse-resize}.edge-se{bottom:0;right:0;cursor:nwse-resize;border-right:2px solid #bd9b65;border-bottom:2px solid #bd9b65}.edge-sw{bottom:0;left:0;cursor:nesw-resize}.hud-heading{position:sticky;top:0;z-index:2;background:#221b1be8}.floating-window{resize:none!important}.bot-hud{padding:3px 7px;gap:3px;min-height:32px;flex-wrap:nowrap;max-width:calc(100vw - 266px);overflow:auto}.bot-hud>.hud-heading{width:auto;flex:0 0 auto;margin:0;min-height:22px;background:none}.bot-hud>.hud-heading>span{display:none}.bot-hud button{padding:3px 5px!important;margin:0;font-size:9px!important;min-height:22px}.bot-hud small{font-size:9px;white-space:nowrap}.bot-hud>.layout-resizer{flex:none}.bot-hud .hud-minimize{order:-1}.version-label{font:9px Georgia!important;color:#e7ca98!important;padding:4px!important;white-space:nowrap}.version-label[data-version=pvp]{color:#ff8992!important;border-color:#a2465b}.minimap-version{font:10px Georgia;color:#e4c38a;margin-top:6px;text-align:center}.entry-confirm{padding:12px;border:1px solid #bf667b;background:#281a21}.entry-confirm button{margin:8px 8px 0 0}.entry-confirm strong{display:block;color:#ed9ca5}.lunar-announcement{top:88px;bottom:auto;max-width:330px;width:330px;z-index:90;pointer-events:none}.lunar-announcement img{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 8px #000)}.lunar-announcement[data-phase='0'] img{filter:brightness(.3) drop-shadow(0 0 3px #a18bb7)}.lunar-announcement[data-phase='1'] img{clip-path:ellipse(31% 50% at 68% 50%)}.lunar-announcement[data-phase='3'] img{clip-path:ellipse(31% 50% at 32% 50%)}.lunar-announcement p{margin:2px 0;font-size:11px;line-height:1.4}.lunar-announcement.descending{animation:moon-descend-final 1.2s ease-out}@keyframes moon-descend-final{from{transform:translate(-50%,-210px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

.immersive .bot-hud{padding:3px 7px;min-height:32px}.lunar-announcement{top:88px}
.lunar-announcement{display:flex;align-items:center;gap:5px;justify-content:center;width:390px;max-width:80vw;height:56px}.lunar-announcement img{width:52px;height:52px;flex:0 0 52px}.lunar-announcement p{flex:1;font-size:10px;padding:6px}.lunar-announcement[data-phase='1'] img{clip-path:none;mask-image:radial-gradient(circle at 28% 43%,transparent 43%,#000 45%)}.lunar-announcement[data-phase='3'] img{clip-path:none;mask-image:radial-gradient(circle at 72% 43%,transparent 43%,#000 45%)}
/* Separate resources and unified inventory; compact commercial cards. */
.bar.stamina i{background:linear-gradient(90deg,#6c8b68,#bad1a2)}.bar.mana i{background:linear-gradient(90deg,#3c6596,#8eb5d9)}.attribute-allocation{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.attribute-allocation label{font:12px Georgia}.attribute-allocation input{width:100%;margin-top:5px}.attribute-preview{width:100%;border-collapse:collapse;margin:12px 0;font:12px Georgia}.attribute-preview th,.attribute-preview td{padding:7px;border-bottom:1px solid #8f704944;text-align:left}.attribute-preview td:last-child{color:#ddc687}.item-inspection{position:fixed;z-index:100000;pointer-events:none;background:linear-gradient(120deg,#30222b,#110d13);border:1px solid #ba9b6d;box-shadow:0 6px 25px #000b;padding:12px;width:310px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;color:#ebd8b8}.item-inspection h3{font:16px Georgia;margin:5px 0}.item-inspection p{white-space:pre-line;font:11px/1.45 Arial;margin:6px 0;color:#ccbeb5}.item-inspection>.item-icon-image{float:left;margin:0 10px 6px 0}.item-inspection[hidden]{display:none}.ranking-columns{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px;min-width:690px}.ranking-columns section{min-width:0}.ranking-columns .ranking-top,.ranking-columns .ranking-row{font:12px/1.5 Georgia;overflow-wrap:anywhere;padding:9px;margin-bottom:6px}.product-card{display:inline-flex;flex-direction:column;vertical-align:top;gap:5px;width:calc(33.333% - 12px);min-width:190px;max-width:270px;margin:5px;padding:12px;border:1px solid #997b5655;background:linear-gradient(135deg,#302126,#171219)}.product-card h3,.product-card p{margin:3px 0}.product-card h3{font:17px Georgia}.product-card input{width:90px}.product-card button{font-size:10px;padding:7px}.shop-balances{display:flex;flex-wrap:wrap;gap:12px}.point-balance{display:flex;align-items:center;gap:7px;padding:8px;color:#efadbb;background:#301725;border:1px solid #a64c6b77}.point-balance small{display:block}.point-balance .item-icon-image{border:0}.product-card .item-icon-image{align-self:center}.vip-product{border-color:#ad905e88}#enableLoginAudio{position:absolute;bottom:20px;left:20px;padding:9px;background:#2a1c29;border:1px solid #98647d;color:#e5cad5;z-index:5;font:11px Georgia}@media(max-width:800px){.product-card{width:calc(50% - 12px);min-width:150px}.ranking-columns{min-width:650px}}
.product-card{padding:9px;gap:4px}.product-card p{font-size:10px;line-height:1.4}.product-card input{width:65px;padding:4px}.product-card .subtle{margin-top:3px}.shop-balances{margin-bottom:4px}.shop-balances .gold-balance{margin:0;font-size:15px;padding:5px 9px}.product-card.vip-product .item-icon-image{width:48px!important;height:48px!important}
/* Shared centered account shell: the exact supplied backdrop can be installed without changing auth. */
.auth-screen{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;min-height:100dvh;padding:24px;background:linear-gradient(#12080b55,#12080b88),var(--login-art,radial-gradient(ellipse at 50% 20%,#591b2c,#100b12 75%));background-size:cover;background-position:center}.auth-screen>.auth-art{display:none}.auth-screen>.auth-content{display:block;position:relative;width:min(460px,100%);min-height:0;padding:24px 28px;background:linear-gradient(135deg,#190e18ed,#120b13e8);border:1px solid #a3636a99;box-shadow:0 20px 70px #000a,0 0 30px #661c2433;backdrop-filter:blur(5px);border-radius:5px;margin:auto}.auth-screen .auth-card{width:100%;max-width:none;padding:0}.auth-screen .auth-tabs{justify-content:center;margin:0 0 20px;gap:35px}.auth-screen .auth-card h2{font-size:27px;text-align:center;margin:8px 0}.auth-screen .auth-card>.eyebrow{display:block;text-align:center}.auth-screen .auth-card>p{margin-bottom:12px;text-align:center}.auth-screen .auth-card form{margin-top:12px}.auth-screen .auth-card form>label,.auth-screen .form-row label{margin-top:11px}.auth-screen .auth-card input{padding:11px;width:100%}.auth-screen .auth-card .primary{margin-top:16px;padding:13px}.auth-screen .auth-security{margin-top:14px;padding-top:12px}.auth-screen .auth-bottom{display:none}.auth-screen .classes span{min-height:90px}.auth-screen .legacy-option input{width:auto}#enableLoginAudio{position:fixed;bottom:14px;left:14px}@media(max-height:680px){.auth-screen{padding:12px 16px 50px}.auth-screen>.auth-content{padding:18px 22px}.auth-screen .auth-card .classes span{min-height:72px}.auth-screen .auth-card .classes canvas{height:40px;width:32px}.auth-screen .auth-card .class-label{margin-top:10px}}@media(max-width:550px){.auth-screen{padding:12px 12px 55px}.auth-screen>.auth-content{width:100%;padding:20px}.auth-screen .auth-card .form-row{grid-template-columns:1fr 1fr}.auth-screen .auth-card .form-row input{font-size:12px}.auth-screen .auth-card input{font-size:16px}}
.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:none;grid-template-rows:none}
#login.auth-screen{z-index:20000}body:has(#login:not([hidden])) .panel-dock{display:none!important}
.character>.protection-badge,.character>.buff-badge{position:static;left:auto;top:auto;font-size:9px;line-height:1.4;padding:4px;margin-top:5px;white-space:normal}.character>.protection-badge[hidden],.character>.buff-badge[hidden]{display:none}
.auth-screen{background-image:linear-gradient(#12080b11,#12080b44),var(--login-art,radial-gradient(ellipse at 50% 20%,#591b2c,#100b12 75%))}

/* Independent map/lunar HUDs; keep the animated phase announcement outside both. */
.immersive #minimapPanel{position:fixed;right:12px;top:100px;width:220px;padding:8px;display:flex;flex-direction:column;gap:4px;background:#17130ee8;border:1px solid #806b47;min-width:140px;min-height:116px;opacity:var(--ui-opacity,1)}
#minimapPanel #minimap{display:block;width:100%;height:auto;min-height:0;flex:1;object-fit:contain;aspect-ratio:4/3;image-rendering:pixelated}
#minimapPanel .hud-heading{flex:none;margin:0}#minimapPanel .minimap-version{flex:none;margin:0;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.immersive #lunarPanel{right:12px;top:342px;width:220px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px 8px;min-height:104px;opacity:var(--ui-opacity,1)}
#lunarPanel>.hud-heading{grid-column:1/-1;margin:0}#lunarPanel .blood-moon{align-self:center}#lunarPanel h3{font:13px Georgia;margin:0}#lunarPanel p{font-size:10px;line-height:1.3;margin:4px 0}#lunarPanel #moonTimer{display:block;font-size:9px;letter-spacing:0;white-space:normal}
.immersive #targetPanel{width:200px;padding:6px 8px;min-height:76px;text-align:left;background:#17130edb}
.immersive #targetPanel>.hud-heading{min-height:20px;margin:0 0 3px;padding:0;border:0}.immersive #targetPanel h3{font:12px/16px Georgia;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.immersive #targetPanel #targetHint{font:10px/14px Arial;margin:2px 0 4px;color:#d0bda1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#targetPanel .bar.enemy{height:4px}#targetPanel .target-effects{font:10px/14px Arial;color:#c6abdb;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#targetPanel[data-boss=true]{border-color:#e6b360}#targetPanel[data-boss=true] h3{color:#ffdc91}

/* Clean combat layout: HUD visibility is controlled by Interface, never by a dock. */
.panel-dock,.minimized-panels{display:none!important}
.interface-menu{position:fixed;z-index:2500;width:284px;overflow:auto;padding:12px;border:1px solid #ac8b55;background:linear-gradient(140deg,#2c2119,#130e0c);box-shadow:0 10px 30px #000b;overscroll-behavior:contain}
.interface-menu[hidden],.hud-collapsed[hidden],.hidden-hunt-indicator[hidden]{display:none!important}
.interface-menu h3{font:17px Georgia;margin:0 0 8px}.interface-menu label{display:flex;align-items:center;gap:9px;font:12px Georgia;padding:5px}.interface-menu input[type=checkbox]{width:15px;height:15px;margin:0}.interface-menu details{margin-top:10px;border-top:1px solid #94764b;padding-top:8px;font-size:11px}.interface-menu p{font-size:10px}.interface-menu summary{cursor:pointer}.interface-menu>button{width:100%;margin:8px 0}
.hud-collapsed{position:fixed;z-index:400;padding:7px 12px;border:1px solid #a28654;background:#211811ef;font:12px Georgia;color:#dfc994}.hidden-hunt-indicator{font:9px Georgia;color:#e5bc7b;white-space:nowrap}
.immersive .character{padding:8px!important}.character .hud-heading{margin:0 0 4px}.character .panel-title,.character .stats,.character>.wide,.character #className{display:none}.character .character-title{margin:2px 0 5px;gap:8px}.character .character-title canvas{width:30px;height:38px}.character .character-title h2{font-size:14px}.character .bar{margin-top:4px}.character .values{margin-top:3px}.character #protectionBadge{font-size:8px;padding:3px;margin-top:4px}
.immersive #lunarPanel{padding:5px 8px;gap:5px;display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.immersive #lunarPanel .hud-heading{width:100%;height:18px;min-height:18px;margin:0}.immersive #lunarPanel #moonVisual{width:22px;height:22px;min-width:22px;margin:0}.immersive #lunarPanel h3{font:12px Georgia;margin:0}.immersive #lunarPanel>div:not(.hud-heading)>small,.immersive #lunarPanel #moonBonus,.immersive #lunarPanel #moonTimer{display:none}
.immersive .numbered-hotbar,.immersive .consumable-hotbar{max-width:calc(100vw - 32px);padding:3px;gap:3px;display:flex;flex-wrap:nowrap;overflow:hidden;align-items:stretch;min-width:300px}
.numbered-hotbar .hud-heading,.consumable-hotbar .hud-heading{width:26px;flex:0 0 26px;border:0;margin:0;display:flex;justify-content:center}.numbered-hotbar .hud-heading>span,.consumable-hotbar .hud-heading>span{display:none}.numbered-hotbar>.subtle,.consumable-hotbar>.subtle{flex:1 1 0;width:0;min-width:0;padding:2px!important;font-size:9px!important;margin:0;overflow:hidden}.numbered-hotbar kbd{font-size:10px;padding:0;border:0;left:3px;top:2px}.numbered-hotbar span{font-size:18px;margin-top:10px}.numbered-hotbar small{font-size:8px;line-height:10px;max-height:20px;overflow:hidden;text-overflow:ellipsis}.numbered-hotbar .hud-heading button,.consumable-hotbar .hud-heading button{padding:1px 5px;min-height:20px}.consumable-hotbar button{white-space:nowrap;font-size:9px!important}
.immersive .bot-hud{max-width:calc(100vw - 240px);overflow:hidden;min-height:34px;gap:3px}.bot-hud>.hud-heading{width:24px}.bot-hud small{font-size:9px}.bot-hud button{padding:3px 5px!important;font-size:9px!important}.bot-hud .bot-advanced{margin-left:auto}
.immersive .quest{padding:7px}.quest .panel-title,.quest .quest-line{display:none}.quest p{margin:4px 0;font-size:10px}.quest strong{font:11px Georgia}.immersive .chat-panel{padding:7px}.chat-panel #messages{height:85px;margin-top:4px;font-size:10px}.chat-panel #chat{margin-top:4px}.chat-panel #chatChannel{padding:4px;font-size:10px}.chat-panel .panel-title{display:none}
[data-layout-id][hidden]{display:none!important;pointer-events:none!important}
.immersive #lunarPanel{min-height:60px!important}.character .values{font-size:9px;letter-spacing:0}.character .character-title span{font-size:9px}.quest>small{display:none}
#numberedBar>button{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#numberedBar>button>kbd{font:11px Arial;color:#ebd7b1;position:absolute;top:2px;left:3px;margin:0}#numberedBar>button>span{font:25px/27px Georgia;display:block;margin:7px 0 0}#numberedBar>button>small{font:8px/11px Arial;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;height:11px;min-height:11px;max-height:11px;display:block}#consumableBar>button{font:10px Arial!important}
.immersive .chat-panel{display:flex;flex-direction:column;gap:3px}.chat-panel>.hud-heading{flex:0 0 23px;margin:0}.chat-panel #messages{height:auto;flex:1 1 auto;min-height:30px;margin:0}.chat-panel #chatChannel{flex:0 0 24px;height:24px;min-height:24px}.chat-panel #chat{flex:0 0 28px;height:28px;margin:0}.chat-panel #chat input{min-width:0;padding:4px}
/* Inventory revision: one window, fixed character side and internally scrolling backpack. */
.floating-window[data-panel=inventory]{min-width:min(780px,calc(100vw - 16px));min-height:420px}
.floating-window[data-panel=inventory] .window-body.inventory-layout{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(340px,1.1fr);gap:14px;padding:0;overflow:hidden;scrollbar-gutter:auto}
.inventory-layout>.paperdoll{height:100%;min-height:0;box-sizing:border-box;grid-template-columns:76px minmax(125px,1fr) 76px;grid-template-rows:repeat(5,minmax(0,1fr));gap:5px;padding:8px;background:radial-gradient(ellipse at center,#4f26393d,#171116);border:1px ridge #8d7452}
.inventory-layout .paperdoll-center{grid-column:2;grid-row:2/6;justify-content:center;overflow:hidden;gap:3px}
.inventory-layout .paperdoll-center canvas{width:100%;height:auto;min-height:0;max-height:calc(100% - 65px);object-fit:contain;flex:0 1 auto}
.inventory-layout .paperdoll-slot{display:flex;flex-direction:column;justify-content:center;padding:2px;gap:1px;border:1px solid #76634b80;background:linear-gradient(135deg,#31262a,#171316);box-shadow:inset 0 0 8px #0008;min-height:0}
.inventory-layout .paperdoll-slot .item-icon-image{width:36px!important;height:36px!important;margin:0}.inventory-layout .paperdoll-slot>b{display:none}.inventory-layout .paperdoll-slot>small{font:9px Georgia;line-height:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-layout .paperdoll-slot button{font:8px Georgia;padding:1px 4px;min-height:14px;margin:0}.inventory-layout .paperdoll-slot .empty-slot{font-size:22px;line-height:30px}
.inventory-layout .backpack{display:flex;flex-direction:column;min-height:0;min-width:0;gap:8px;padding:8px;border:1px ridge #8d7452;background:linear-gradient(140deg,#271921,#151113)}
.inventory-layout .backpack h3{margin:0;font:15px Georgia;letter-spacing:2px;color:#d7bc8d}
.inventory-layout .inventory-tools{display:grid;grid-template-columns:minmax(80px,1fr) minmax(105px,1fr) 27px 90px;gap:4px;flex:none}.inventory-layout .inventory-tools>*{min-width:0;width:100%;font:10px Georgia;padding:5px 3px;height:29px;margin:0}.inventory-layout .inventory-tools button[aria-pressed=true]{color:#f3d491;border-color:#c8a66e}
.inventory-layout .inventory-bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));grid-auto-rows:60px;align-content:start;gap:5px;overflow-y:auto;overflow-x:hidden;min-height:60px;flex:1;padding:3px;scrollbar-gutter:stable}
.inventory-layout .bag-slot{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;box-sizing:border-box;padding:2px;margin:0;border:1px solid #79634f;background:radial-gradient(ellipse,#3b2b32,#171217);box-shadow:inset 0 0 6px #0009;cursor:pointer}.inventory-layout .bag-slot:not(.bag-empty){border-color:var(--item-rarity)}.inventory-layout .bag-slot:hover,.inventory-layout .bag-slot:focus-visible{outline:1px solid #e2bd7b;outline-offset:-3px;background:#4a3039}.inventory-layout .bag-slot .item-icon-image{width:46px!important;height:46px!important;margin:0;object-fit:contain}.inventory-layout .bag-empty{cursor:default;opacity:.7}.inventory-layout .bag-badge,.inventory-layout .bag-favorite,.inventory-layout .bag-quantity{position:absolute;font:9px Georgia;color:#e6c68b;text-shadow:0 1px 2px #000;pointer-events:none}.inventory-layout .bag-badge{top:2px;left:3px}.inventory-layout .bag-favorite{top:2px;right:3px}.inventory-layout .bag-quantity{bottom:2px;right:3px}
.inventory-selection{display:flex;align-items:center;gap:5px;min-height:30px;font:10px Georgia;border-top:1px solid #76634b60;padding-top:4px}.inventory-selection>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-selection button{font-size:8px;padding:4px;white-space:nowrap}.inventory-materials{font:9px Georgia;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bda99b}.backpack-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px ridge #8d7452;padding-top:5px;flex:none}.backpack-footer .gold-balance{position:static;border:0;padding:0;margin:0;background:none;font:16px Georgia;gap:5px}.backpack-footer>small{font:10px Georgia;white-space:nowrap}
/* All lunar information remains visible without needing hover or expansion. */
.immersive #lunarPanel{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:18px minmax(42px,1fr);align-items:center;gap:2px 6px;padding:4px 7px;min-height:74px!important;overflow:hidden}
.immersive #lunarPanel .hud-heading{grid-column:1/-1;width:auto;height:18px;min-height:18px;margin:0}.immersive #lunarPanel #moonVisual{width:30px;height:30px;min-width:30px;flex:none;background:transparent url('/assets/environment/lunar-moon.svg') center/contain no-repeat;border:0;box-shadow:none}.immersive #moonVisual:after{display:none}.immersive #lunarPanel h3{font:12px/14px Georgia;margin:0}.immersive #lunarPanel #moonBonus{display:block;font:10px/13px Georgia;white-space:normal;margin:0}.immersive #lunarPanel #moonTimer{display:block;font:10px/13px Georgia;white-space:nowrap;letter-spacing:0}.immersive #lunarPanel>div:not(.hud-heading)>small:first-child{display:none}
.immersive #moonVisual[data-phase='0']{filter:brightness(.3)}.immersive #moonVisual[data-phase='1']{mask-image:radial-gradient(circle at 28% 43%,transparent 43%,#000 45%)}.immersive #moonVisual[data-phase='3']{mask-image:radial-gradient(circle at 72% 43%,transparent 43%,#000 45%)}

.immersive .inventory-layout .backpack-footer{display:flex;margin:0;color:#d7bc8d;letter-spacing:0}

.auth-card[hidden]{display:none!important}#characterPicker .character-choice{display:block;width:100%;margin:10px 0;padding:14px;text-align:left;border:1px solid #a08555;background:#24151d;color:#e5d2ae}#characterPicker{max-height:80vh;overflow:auto}
.shop-layout{display:flex;flex-direction:column;gap:10px}.shop-wallets{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-points{display:flex;align-items:center;gap:7px;color:#ec717b}.shop-points .item-icon-image{margin:0}.shop-points small{font-size:10px}.shop-active{margin:0;padding:7px 10px;border:1px solid #876b43;background:#291a20;font-size:12px}.shop-mode{font-size:10px;color:#bca58d}.shop-categories{display:flex;gap:6px;flex-wrap:wrap}.shop-categories button{flex:1;white-space:nowrap;padding:8px;font:11px Georgia}.shop-categories [aria-selected=true]{background:#633442;border-color:#b39157}.shop-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.shop-card{min-width:0;padding:10px;border:1px solid #7d6345;background:linear-gradient(135deg,#332128,#171215);display:flex;flex-direction:column;gap:6px}.shop-card-heading{display:flex;align-items:center;gap:8px}.shop-card-heading img{margin:0}.shop-card h3{font:14px Georgia;margin:0}.shop-card small{font-size:10px;color:#bda489}.shop-card dl{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:11px;margin:4px 0}.shop-card dt,.shop-card dd{margin:0}.shop-card dd{color:#dbbc7a}.shop-price{font:17px Georgia;color:#e6c485}.shop-card button{font-size:10px;padding:7px}.shop-product{margin:12px 0;max-width:580px}.shop-purchase{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.shop-purchase input{width:68px;max-width:68px;padding:7px}.shop-purchase span,.shop-purchase output{font-size:12px}.box-odds{font-size:12px;color:#ddbd8d}.shop-comparison{overflow:auto;margin:10px 0}.shop-comparison table{width:100%;border-collapse:collapse;font-size:11px}.shop-comparison th,.shop-comparison td{padding:7px;border-bottom:1px solid #7d634555;text-align:left}.shop-test-item{display:flex;align-items:center;gap:8px;font-size:11px}.shop-unavailable{font-size:11px;color:#c9a5aa}@media(max-width:650px){.shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card h3{font-size:12px}}

.pix-panel:empty{display:none}.pix-panel article{border:1px solid #65513a;padding:12px;margin:10px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pix-panel article p,.pix-panel article small{flex-basis:100%}.pix-panel textarea{width:100%;height:64px;font-size:12px;resize:vertical}.pix-panel img{background:white;object-fit:contain}.pix-panel [role=status]{color:#efcd86}

.pix-panel textarea{background:#170f16;color:#e8d3ae;border:1px solid #6a503e;padding:8px}