#drawer:has(.transmog-panel){width:min(880px,calc(100vw - 48px));max-height:calc(100dvh - 52px);overflow:auto;padding:22px;background:linear-gradient(145deg,#181518f5,#101115f8 58%,#171417f5);border-color:#c9534d55;box-shadow:0 24px 72px #000b,inset 0 1px #fff1}.transmog-panel{--transmog-accent:#db665e;--transmog-border:#b9c0c82b;color:#e9e7e5}.transmog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:30px}.transmog-heading .eyebrow{color:#db817c;font-size:9px;letter-spacing:1.6px;text-transform:uppercase}.transmog-heading h2{margin:5px 0 0;font-family:Cinzel,Georgia,serif;font-size:24px}.transmog-count{padding:6px 10px;border:1px solid var(--transmog-border);border-radius:20px;color:#c2c5ca;font-size:10px}.transmog-intro{margin:9px 0 14px;font-size:12px}.transmog-note{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:11px 13px;border:1px solid #d98c5555;border-radius:8px;background:linear-gradient(100deg,#bd6b2b18,#c9534d0b);color:#e8d4c0;font-size:11px;line-height:1.5}.transmog-note>span:first-child{color:#f2b676;font-size:17px}.transmog-columns{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.2fr);gap:14px}.transmog-step{min-width:0;padding:13px;border:1px solid var(--transmog-border);border-radius:10px;background:#090a0db8}.transmog-step h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:12px;color:#dedde0}.transmog-step h3 i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d96d6599;border-radius:50%;color:#f09b8d;font-size:10px;font-style:normal}.transmog-slots{display:grid;gap:6px;max-height:min(54vh,485px);overflow:auto;padding-right:3px}.transmog-slot,.transmog-choice{display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left;border:1px solid #b9c0c822;border-radius:8px;background:#ffffff06;padding:8px;color:#e9e7e5;transition:border-color .16s,background .16s,transform .16s}.transmog-slot:not(:disabled):hover,.transmog-choice:hover{border-color:#d7807580;background:#8b33351c;transform:translateY(-1px)}.transmog-slot.selected,.transmog-choice.selected{border-color:#e17770;background:linear-gradient(105deg,#a943432e,#fff0 82%);box-shadow:inset 3px 0 #e17770}.transmog-slot:disabled{opacity:.43;cursor:default}.transmog-slot-icon,.transmog-choice-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #ffffff12;border-radius:7px;background:#0005;font-size:19px}.transmog-slot-icon .item-emoji,.transmog-choice-icon .item-emoji{font-size:20px}.transmog-slot>span:nth-child(2),.transmog-choice>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.transmog-slot strong,.transmog-choice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.transmog-slot small,.transmog-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9afb7;font-size:9px}.transmog-slot-arrow,.transmog-check{flex:0 0 16px;text-align:center;color:#e17770;font-size:14px}.transmog-search{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 9px;border:1px solid var(--transmog-border);border-radius:7px;background:#08090c;color:#aaafb8}.transmog-search>span{font-size:20px}.transmog-search input{width:100%;min-width:0;border:0;background:transparent;padding:8px 0;font-size:11px;outline:0}.transmog-search input:focus{box-shadow:none}.transmog-choices{display:grid;align-content:start;gap:6px;max-height:min(45vh,390px);overflow:auto;padding:1px 3px 3px 1px}.transmog-choice{padding:7px}.transmog-choice-icon{flex-basis:32px;width:32px;height:32px}.transmog-empty{margin:15px 4px;color:#9ca1a9;font-size:11px;line-height:1.6;text-align:center}.transmog-apply{width:100%;margin-top:10px;padding:10px}.transmog-apply:disabled{opacity:.52;cursor:default}@media (max-width:650px){#drawer:has(.transmog-panel){right:8px;left:8px;top:52px;bottom:calc(90px + env(safe-area-inset-bottom));width:auto;max-height:none;padding:14px}.transmog-columns{grid-template-columns:minmax(0,1fr);gap:9px}.transmog-step{padding:10px}.transmog-slots{grid-template-columns:repeat(2,minmax(0,1fr));max-height:230px}.transmog-slot{gap:6px;padding:6px}.transmog-slot-icon{flex-basis:29px;width:29px;height:29px}.transmog-slot strong{font-size:10px}.transmog-choices{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 485px);min-height:105px}.transmog-note{margin-bottom:10px;padding:8px;font-size:10px}}.google-login-screen{display:block;position:relative;isolation:isolate;min-height:100dvh;overflow-x:hidden;overflow-y:auto;background-color:#08090d;background-image:url(/assets/login-background-poster-D7pwqD1j.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.google-login-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;transform:none;background:radial-gradient(circle at 50% 42%,#0000000a,#0000002b 57%,#00000075);pointer-events:none}.google-login-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100vw;height:100dvh;object-fit:cover;object-position:center;background:#08090d;pointer-events:none}.google-login-background.is-unavailable{display:none}.google-login-nav{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));right:clamp(18px,4vw,56px);display:flex;justify-content:flex-end;align-items:center;padding:0;border:0}.google-login-nav .locale-picker{color:#d7b5a4}.google-login-nav .locale-picker select{width:auto;max-width:132px;margin:0;padding:8px 28px 8px 10px;border:1px solid rgba(190,99,76,.42);border-radius:8px;background:#0a0709c7;color:#f1e4dc;cursor:pointer}.google-login-nav .locale-picker option{background:#100a0c;color:#f1e4dc}.google-login-main{position:relative;z-index:1;display:grid;place-items:center;min-height:100dvh;padding:76px 16px 32px}.google-login-card{position:relative;width:min(448px,calc(100vw - 32px));box-sizing:border-box;padding:58px 44px 48px;border:1px solid rgba(180,60,45,.38);border-radius:15px;background:#0a0608e0;box-shadow:0 25px 80px #000000a6,0 0 50px #82140f1f,inset 0 1px #ffdcb90d;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:google-card-enter .65s cubic-bezier(.18,.72,.22,1) both}.google-login-card:before{content:"";position:absolute;top:26px;left:50%;width:74px;height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(190,112,83,.72),transparent)}.google-login-card:after{content:"";position:absolute;top:23px;left:50%;width:6px;height:6px;transform:translate(-50%) rotate(45deg);border:1px solid rgba(226,158,119,.9);background:#211013;box-shadow:0 0 12px #b73b2b38}@keyframes google-card-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.google-login-card h1{margin:0;color:#e7b889;background:linear-gradient(180deg,#f6d6a2 4%,#d59668 58%,#8d493d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px rgba(196,70,45,.2));font-family:Cinzel,Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,46px);font-weight:500;line-height:1.15;letter-spacing:3px}.google-login-subtitle{margin:14px 0 36px;color:#b98272;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:5px;text-transform:uppercase}.google-login-button{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:58px;box-sizing:border-box;padding:0 17px;border:1px solid rgba(190,75,55,.58);border-radius:10px;background:linear-gradient(180deg,#2c1416f5,#180c0efc);color:#f3e7df;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.google-login-button:hover{transform:translateY(-1px);border-color:#de5b42c7;background:linear-gradient(180deg,#3b1819fa,#1c0c0ffc);box-shadow:0 0 25px #aa231933,inset 0 0 18px #961e1914}.google-login-button:active{transform:translateY(0)}.google-login-button:focus-visible{outline:2px solid #dfaa81;outline-offset:4px;box-shadow:0 0 22px #c2503938}.google-login-button[aria-disabled=true]{cursor:wait}.google-login-button svg{grid-column:1;grid-row:1;display:block;width:22px;height:22px}.google-login-button [data-google-copy=button],.google-login-button [data-google-copy=connecting]{grid-column:2;grid-row:1;justify-self:center;white-space:nowrap}.google-login-button [data-google-copy=connecting]{display:none}.google-login-button.is-loading [data-google-copy=button]{visibility:hidden}.google-login-button.is-loading [data-google-copy=connecting]{display:inline-flex;align-items:center;gap:9px}.google-login-button.is-loading [data-google-copy=connecting]:before{content:"";width:13px;height:13px;box-sizing:border-box;border:1.5px solid rgba(243,231,223,.35);border-top-color:#f3e7df;border-radius:50%;animation:google-spinner .75s linear infinite}@keyframes google-spinner{to{transform:rotate(360deg)}}.google-login-button b{grid-column:3;grid-row:1;justify-self:end;color:#d89b7d;font-size:20px;font-weight:400;line-height:1}.google-login-error{position:fixed;z-index:3;right:16px;bottom:max(18px,env(safe-area-inset-bottom));left:16px;width:fit-content;max-width:min(520px,calc(100vw - 32px));margin:0 auto;padding:12px 16px;border:1px solid rgba(190,75,55,.55);border-radius:9px;background:#0a0608f0;box-shadow:0 12px 40px #00000073;color:#ffd0c5;font-size:12px;line-height:1.55;text-align:center}.google-login-error:empty{display:none}.google-account-link-form{margin:0 14px 0 auto}.google-account-link{display:inline-flex;align-items:center;justify-content:center;color:#e5ba72;border:1px solid #e5ba7244;border-radius:8px;padding:9px 12px;font-size:12px}.select-screen .nav:has(.google-account-link) #logout{margin-left:0}@media (max-width: 900px){.google-login-screen{background-position:62% center}.google-login-background{object-position:62% center}.google-login-card{width:min(440px,calc(100vw - 32px));padding:50px 38px 42px}}@media (max-width: 600px){.google-login-screen{background-position:62% center}.google-login-background{object-position:62% center}.google-login-nav{top:max(14px,env(safe-area-inset-top));right:16px}.google-login-nav .locale-picker select{max-width:108px;padding:7px 24px 7px 8px}.google-login-main{padding:72px 16px 28px}.google-login-card{width:calc(100vw - 32px);padding:42px 26px 34px;border-radius:14px}.google-login-card h1{font-size:clamp(36px,10vw,42px);letter-spacing:2.5px}.google-login-subtitle{margin:12px 0 30px;letter-spacing:4px}.google-login-button{gap:9px;padding:0 13px}}@media (prefers-reduced-motion: reduce){.google-login-card{animation:none}.google-login-background{display:none}.google-login-button,.google-login-button.is-loading [data-google-copy=connecting]:before{animation:none;transition:none}}.slot.skill .skill-rank{display:none;position:absolute;right:4px;top:3px;font-size:8px;line-height:14px;min-width:15px;border-radius:8px;background:#f1d17e;color:#261d0c;font-weight:800;z-index:2}.slot.skill.epic-skill{border-color:#edce79;box-shadow:inset 0 0 15px #c88aff30,0 0 14px #c88aff40;animation:epicSkillGlow 2.4s ease-in-out infinite alternate}.slot.skill.epic-skill .skill-rank{display:block}@keyframes epicSkillGlow{to{box-shadow:inset 0 0 18px #c88aff50,0 0 17px #c88aff70}}.epic-hud{margin-top:12px;padding-top:10px;border-top:1px solid #c896ff55}.epic-hud h3{color:#e5c5ff}.epic-hud p{margin-bottom:8px}.epic-hud button{border-color:#c896ff88;color:#efd9ff}.skill-quest .eyebrow{display:block;margin:4px 0 8px}.skill-quest p{font-size:12px;line-height:1.7;color:#c2cec5}.skill-quest-objectives{list-style:none;padding:0;margin:12px 0}.skill-quest-objectives li{margin:7px 0;padding:9px 10px;background:#ffffff08;border:1px solid #ffffff12;border-radius:7px;font-size:11px;line-height:1.5}.skill-quest-objectives li small{display:block;color:var(--muted);font-size:9px;margin-top:3px}#trade-root:empty{display:none}.trade-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#030807d9;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.trade-dialog{width:min(980px,96vw);max-height:min(88dvh,860px);overflow:auto;padding:24px;background:linear-gradient(145deg,#1c302c,#101d1b 75%);border:1px solid #dabb7860;border-radius:14px;box-shadow:0 24px 90px #000b;color:#eee9db}.trade-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.trade-dialog h2{font-size:25px;margin:6px 0}.trade-dialog header .muted{margin:0}.trade-close{font-size:21px;padding:3px 10px;line-height:1.3}.trade-dialog h3{font-size:15px;color:#f3deaf;margin:0 0 12px}.trade-dialog h4{font-size:12px;color:#d8c08a;margin:18px 0 7px}.trade-nearby,.trade-incoming{display:grid;gap:8px}.trade-player,.trade-request,.trade-item,.trade-inventory-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff06;padding:10px 12px;min-width:0}.trade-player strong,.trade-request strong,.trade-item strong,.trade-inventory-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.trade-player small,.trade-request small,.trade-item small,.trade-inventory-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.trade-player>div,.trade-request>div,.trade-item>span,.trade-inventory-item>span{min-width:0}.trade-player button,.trade-request button,.trade-item button,.trade-inventory-item button{padding:7px 10px;font-size:11px;flex:none}.trade-hint{margin:6px 0 0}.trade-empty{padding:13px 6px;color:var(--muted);font-size:11px}.trade-waiting{text-align:center;padding:30px 12px}.trade-waiting h3{margin:10px 0}.trade-spinner{font-size:38px;color:var(--gold)}.trade-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.trade-side{min-width:0;padding:15px;border:1px solid var(--line);border-radius:10px;background:#09141170}.trade-side h3{display:flex;justify-content:space-between;align-items:center}.trade-side h3 .trade-lock-state{font:10px Inter,sans-serif;color:var(--gold);border:1px solid #dabb7840;border-radius:10px;padding:3px 7px}.trade-offer-list{min-height:60px;max-height:160px;overflow:auto;border:1px solid #ffffff12;border-radius:7px;padding:5px}.trade-item{margin:4px 0;padding:8px 9px}.trade-inventory{max-height:210px;overflow:auto;display:grid;gap:5px}.trade-inventory-item{padding:7px 8px;gap:6px}.trade-inventory-item input{width:60px;flex:none;text-align:center;margin:0;padding:7px 3px;font-size:11px}.trade-inventory-item button{min-width:72px}.trade-buttons{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.trade-side>[data-trade-cancel]{margin-top:12px;width:100%}.trade-status{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 0 14px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff06;color:var(--muted);font-size:11px}.trade-status.ready{border-color:#e5ba7270;color:#f1ddb1}.trade-private{margin:14px 0 0}.trade-message{padding:9px 12px;margin:0 0 14px;background:#b6893830;border:1px solid #e5ba7250;border-radius:7px;color:#f2d9a5;font-size:12px}@media (max-width:680px){.trade-backdrop{padding:9px}.trade-dialog{width:100%;max-height:94dvh;padding:15px}.trade-dialog h2{font-size:21px}.trade-columns{grid-template-columns:1fr;gap:9px}.trade-side{padding:11px}.trade-inventory{max-height:150px}.trade-status{display:grid;gap:5px}.trade-player,.trade-request{padding:9px}.trade-player small,.trade-request small{font-size:9px}}