.quest-tracker{position:absolute;top:184px;right:22px;width:240px;z-index:12;display:flex;flex-direction:column;gap:4px;text-align:left;font:12px DM Sans,sans-serif}.tracked-quest{padding:6px 8px 7px;background:#0c181ad1;border:1px solid #4b5a4c;border-radius:4px}.tracked-head{display:flex;align-items:center;gap:4px;padding-bottom:4px;margin-bottom:3px;border-bottom:1px solid #3a4a44}.tracked-title{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#7cc4ff;font-size:13px;font-weight:600;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tracked-title:hover{color:#c4e6ff}.tracked-play{display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:#2f86d8;color:#fff;font-size:8px;padding-left:2px;box-sizing:border-box}.tracked-icon{flex:none;width:18px;height:18px;padding:0;border:0;background:none;color:#7fc4f0;font-size:13px;font-weight:700;cursor:pointer}.tracked-remove{color:#9fb3aa}.tracked-icon:hover{color:#fff}.tracked-quest p{margin:2px 0 0 4px;color:#e6e0cc;line-height:1.5}.tracked-quest p b{color:#f08a4b;font-weight:600}.quest-tracker[hidden]{display:none}.quest-rewards{padding:18px;margin:20px 0;background:#203a3b;border:1px solid #566451}.quest-rewards p{margin:8px 0}.quest-feedback{color:#dfc379}.minimap-wrap.collapsed~.quest-tracker{top:64px}@media(max-width:600px){.quest-tracker{right:10px;width:200px;top:190px;font-size:11px}}.quest-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quest-heading h2{margin-bottom:0}.quest-badge{padding:3px 10px;border:1px solid #8fcf9a;border-radius:3px;background:#1d3a2c;color:#b8f0c4;font-size:12px;font-weight:600}.quest-story{color:#b9c8bd;line-height:1.7;margin:16px 0}.quest-block{margin:14px 0}.quest-block>strong{display:block;margin-bottom:8px;color:#e8d8ac;font-size:13px}.quest-objectives,.quest-reward-list{list-style:none;margin:0;padding:0}.quest-objectives li{display:flex;align-items:center;gap:10px;padding:5px 0;color:#c9d6cc;font-size:14px}.quest-objectives li.complete{color:#8fb89a;text-decoration:line-through;text-decoration-color:#5f7d68}.quest-check{width:18px;height:18px;flex:none;display:grid;place-items:center;border:1px solid #8a7a58;border-radius:3px;font-size:12px;color:#b8f0c4}.quest-objectives li.complete .quest-check{border-color:#6fb07d;background:#1d3a2c}.quest-reward-list{display:flex;flex-wrap:wrap;gap:10px}.quest-reward-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #566451;border-radius:4px;background:#182f30;color:#e6dcc0;font-size:13px}.quest-reward-list img{width:32px;height:32px;object-fit:contain}.quest-speech{margin:14px 0;padding:10px 14px;border-left:3px solid #c9a45c;background:#16282a;color:#d9d0b4;font-style:italic;line-height:1.6}.quest-speech b{display:block;font-style:normal;color:#e8c26a;font-size:12px;margin-bottom:2px}.npc-dialog{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:end}.npc-portrait{height:210px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #566451;background:radial-gradient(ellipse at 50% 85%,#2c4a44,transparent 70%)}.npc-portrait img{height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #000a)}.npc-talk h2{margin:0 0 10px}.npc-bubble{position:relative;padding:14px 16px;border:1px solid #6e6446;border-radius:6px;background:#16282a;color:#e6dcc0;line-height:1.65;min-height:74px}.npc-bubble:before{content:"";position:absolute;left:-9px;bottom:22px;border:8px solid transparent;border-right-color:#6e6446;border-left:0}.npc-options{display:flex;flex-direction:column;gap:8px;margin-top:18px}.npc-options button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 14px;border:1px solid #3d5550;border-radius:4px;background:#1b3032;color:#e6dcc0;font-size:14px}.npc-options button:hover{border-color:#c9a45c;background:#233b3c}.npc-options button small{margin-left:auto;color:#9fb3aa;font-size:12px}.npc-options .npc-quest-new{border-color:#c9a45c}.quest-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8c26a;color:#2a1c08;font-size:14px;flex:none}.quest-back{margin-top:10px;background:none;border:1px solid #3d5550;color:#c9d6cc;padding:8px 14px;border-radius:4px}@media(max-width:560px){.npc-dialog{grid-template-columns:96px 1fr}.npc-portrait{height:140px}}dialog#modal.npc-modal{width:min(600px,calc(100vw - 20px))}.npc-portrait{height:auto;align-items:flex-end}.npc-portrait img{width:100%;height:auto}.npc-portrait img{transform-origin:50% 100%;animation:npc-speak .5s ease-out,npc-breathe 3.4s ease-in-out .5s infinite}@keyframes npc-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}@keyframes npc-speak{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(3px) rotate(-1.5deg)}70%{transform:translateY(-2px) rotate(.6deg)}to{transform:translateY(0) rotate(0)}}.npc-bubble{animation:npc-bubble .3s ease-out}@keyframes npc-bubble{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.npc-portrait img,.npc-bubble{animation:none}}dialog#modal.journal-modal{width:min(820px,calc(100vw - 20px))}.journal-tabs{display:flex;gap:4px;margin:10px 0 0;border-bottom:1px solid #566451}.journal-tabs button{padding:8px 16px;border:1px solid #3d5550;border-bottom:0;border-radius:5px 5px 0 0;background:#172a2c;color:#9fb3aa;font-size:13px}.journal-tabs button.active{background:#233b3c;color:#f1e3bd;border-color:#8a7a58}.journal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px;min-height:360px}.journal-list,.journal-detail{border:1px solid #3d5550;border-radius:4px;background:#12211f}.journal-list{display:flex;flex-direction:column}.journal-list ul{list-style:none;margin:0;padding:6px;flex:1;overflow:auto;max-height:420px}.journal-list li{display:grid;grid-template-columns:20px 52px 1fr 20px;align-items:center;gap:8px;padding:7px 8px;border-radius:3px;color:#e6dcc0;font-size:13px;cursor:pointer}.journal-list li:hover{background:#1b3032}.journal-list li.selected{background:#27403f;outline:1px solid #6e6446}.journal-list li.done .quest-name{color:#9fb3aa}.journal-list li.quest-empty{display:block;cursor:default;color:#8a9c94}.quest-scroll{width:18px;height:18px;object-fit:contain}.journal-list .quest-row-art{width:24px;height:24px}.quest-level{color:#e8c26a;font-variant-numeric:tabular-nums}.quest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-list input{width:16px;height:16px;margin:0;accent-color:#c9a45c;cursor:pointer}.quest-done-tick{color:#8fcf9a;font-weight:700;text-align:center}.journal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #3d5550;color:#7fb6e6;font-size:13px}.journal-tracking{margin-right:auto;color:#9fb3aa}.journal-list input:disabled{opacity:.35;cursor:not-allowed}.journal-foot button{padding:7px 14px;border:1px solid #8a7a58;border-radius:4px;background:#233b3c;color:#f1e3bd;font-size:13px}.journal-detail{padding:14px 16px;overflow:auto;max-height:470px}.journal-detail h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:#7fc4f0;font-size:15px}.quest-bullet{width:6px;height:6px;border-radius:50%;background:#cfd8d4}.quest-where{margin:0 0 10px;color:#c9d6cc;line-height:1.7;font-size:13px}.quest-where b{color:#f08a4b;font-weight:600}.journal-detail .quest-speech{font-size:13px}.journal-detail .quest-story{margin:10px 0;font-size:13px;line-height:1.7}.journal-detail .quest-objectives li{font-size:13px}.journal-detail .quest-rewards{padding:12px;margin:12px 0}.quest-empty{color:#8a9c94}@media(max-width:640px){.journal-body{grid-template-columns:1fr}.journal-tabs button{padding:7px 10px}}.journal-tabs button[data-journal-tab=done]{margin-left:auto}.journal-list li.done{opacity:.6}.journal-list li.done .quest-scroll{filter:grayscale(1) brightness(.8)}.journal-list li.done .quest-level{color:#9fb3aa}.journal-list li.done.selected{opacity:.85}dialog#modal.journal-modal{overflow:hidden;max-height:calc(100vh - 40px)}.journal-body{height:min(460px,calc(100vh - 230px));min-height:0}.journal-list,.journal-detail{min-height:0}.journal-list ul,.journal-detail{max-height:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6e6446 transparent}.journal-list ul::-webkit-scrollbar,.journal-detail::-webkit-scrollbar{width:6px}.journal-list ul::-webkit-scrollbar-thumb,.journal-detail::-webkit-scrollbar-thumb{background:#6e6446;border-radius:3px}.journal-list ul::-webkit-scrollbar-track,.journal-detail::-webkit-scrollbar-track{background:transparent}@media(max-width:640px){.journal-body{height:auto;max-height:calc(100vh - 200px);overflow-y:auto}}.journal-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.journal-header .quest-scroll{width:58px;height:52px;filter:drop-shadow(0 3px 8px #000a) drop-shadow(0 0 10px #5b8cff44)}.journal-header h2{margin:2px 0 0;font-size:22px;color:#f1e3bd;letter-spacing:.3px}.journal-header .modal-eyebrow{margin:0}.journal-tabs{gap:6px;border-bottom:1px solid #4b5a4c;padding:0 2px}.journal-tabs button{position:relative;padding:9px 16px 10px;border:1px solid #33463f;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(#1d3133,#152426);color:#9fb3aa;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.journal-tabs button:hover{color:#e6dcc0;background:linear-gradient(#24393a,#1a2c2d)}.journal-tabs button.active{color:#f5dfa0;background:linear-gradient(#2e4644,#213736);border-color:#8a7a58;font-weight:600}.journal-tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:#e8c26a;transform:scaleX(0);transition:transform .25s ease}.journal-tabs button.active:after{transform:scaleX(1)}.journal-list,.journal-detail{border-color:#33463f;border-radius:6px;background:linear-gradient(#142523,#101d1c);box-shadow:inset 0 1px #ffffff08,0 6px 16px #0005}.journal-list ul{padding:6px;display:flex;flex-direction:column;gap:3px}.journal-list li{position:relative;border:1px solid transparent;border-radius:5px;transition:background .15s,border-color .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.journal-list li:hover{background:#1c3131;border-color:#33463f}.journal-list li.selected{background:linear-gradient(90deg,#2f4540,#223634);outline:0;border-color:#8a7a58;box-shadow:0 0 0 1px #e8c26a22}.journal-list li.selected:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#e8c26a}.quest-level{font-weight:600}.journal-list li.quest-empty,.journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:160px;color:#7d8f88;text-align:center}.journal-empty .quest-scroll{width:150px;height:90px;opacity:.55;filter:saturate(.6)}.journal-empty p{margin:0}.journal-list li.quest-empty:hover{background:none;border-color:transparent}.journal-foot{background:#0f1b1a;border-radius:0 0 6px 6px;border-top-color:#33463f}.journal-foot button{cursor:pointer;background:linear-gradient(#3a5048,#2a3d38);transition:background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.journal-foot button:hover{background:linear-gradient(#46604f,#324a42)}.journal-detail-title{padding-bottom:10px;border-bottom:1px solid #2c3d38}.journal-detail .quest-where{padding:8px 10px;border-radius:4px;background:#0f1b1a;border:1px solid #26352f}.journal-tabs button:active,.journal-list li:active,.journal-foot button:active,.tracked-title:active,.tracked-icon:active,.npc-options button:active,.quest-back:active{transform:translateY(2px) scale(.94);transition-duration:.06s}.pop{animation:journal-pop .38s cubic-bezier(.34,1.8,.64,1)}@keyframes journal-pop{0%{transform:translateY(2px) scale(.94)}55%{transform:translateY(-2px) scale(1.04)}to{transform:none}}.journal-detail.swap{animation:journal-swap .25s ease-out}@keyframes journal-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tracked-title,.tracked-icon,.npc-options button,.quest-back{transition:transform .18s cubic-bezier(.34,1.8,.64,1),color .15s,background .15s,border-color .15s}@media(prefers-reduced-motion:reduce){.pop,.journal-detail.swap{animation:none}}.tracker-header{display:flex;align-items:center;gap:7px;width:100%;padding:6px 9px;border:1px solid #6e6446;border-radius:4px;background:linear-gradient(#26392f,#18282a);color:#f1e3bd;font-size:13px;font-weight:600;text-align:left;cursor:pointer;box-shadow:0 3px 10px #0006;transition:transform .18s cubic-bezier(.34,1.8,.64,1),border-color .15s}.tracker-header:hover{border-color:#c9a45c}.tracker-header:active{transform:translateY(2px) scale(.95);transition-duration:.06s}.tracker-header .quest-scroll{width:26px;height:24px;margin:-4px 0;filter:drop-shadow(0 1px 2px #000c)}.tracker-header small{margin-left:auto;color:#9fb3aa;font-weight:500;font-size:11px}.tracker-header kbd{padding:0 5px;border:1px solid #8a7a58;border-radius:3px;background:#101c1b;color:#e8c26a;font:600 10px DM Sans,sans-serif}.tracker-hint{margin:0;padding:7px 9px;border-radius:4px;background:#0c181abf;color:#a6b8ae;font-size:11px;line-height:1.5}.tracker-header{padding:0;align-items:stretch;gap:0;overflow:hidden}.tracker-header:active{transform:none}.tracker-open{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:6px 9px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.8,.64,1)}.tracker-open:active{transform:translateY(2px) scale(.95);transition-duration:.06s}.tracker-open small{margin-left:auto;color:#9fb3aa;font-weight:500;font-size:11px}.tracker-fold{flex:none;width:30px;border:0;border-left:1px solid #4b5a4c;background:#0f1b1a55;color:#e8c26a;font-size:13px;cursor:pointer;transition:background .15s}.tracker-fold:hover{background:#2a3d38}.tracker-fold span{display:inline-block;transition:transform .22s ease}.tracker-fold:active span{transform:scale(.8)}.quest-tracker.folded .tracker-fold span{transform:rotate(-90deg)}.quest-tracker.folded>:not(.tracker-header){display:none}.quest-tracker>:not(.tracker-header){animation:tracker-unfold .2s ease-out}@keyframes tracker-unfold{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quest-tracker>*{animation:none}}.quest-tracker{right:22px;width:220px}@media(max-width:700px){.quest-tracker{right:14px;width:150px;font-size:11px}.tracked-title{font-size:12px}.tracker-open{padding:5px 7px;gap:5px}.tracker-open kbd{display:none}}.tracker-fold{display:grid;place-items:center;width:34px}.tracker-fold .quest-scroll{display:none;width:24px;height:22px}.fold-sign{font-size:18px;line-height:1;color:#e6e7c9}.quest-tracker.folded{width:34px}.quest-tracker.folded .tracker-header{height:34px;border-color:#c6cf9b80}.quest-tracker.folded .tracker-open{display:none}.quest-tracker.folded .tracker-fold{width:100%;border-left:0;background:#102526de}.quest-tracker.folded .tracker-fold .quest-scroll{display:block}.quest-tracker.folded .fold-sign{display:none}.quest-tracker.folded .tracker-fold span{transform:none}@media(max-width:700px){.quest-tracker.folded{width:34px}}.welcome-rewards li{padding:6px 12px 6px 6px}.welcome-art{position:relative;width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid var(--rarity,#8b7a4e);border-radius:4px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity,#e8c26a) 38%,transparent),#0d1b1f 75%)}.quest-reward-list .welcome-art img{width:40px;height:40px}.welcome-art>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.welcome-art svg.gold-coin{width:30px;height:24px}.welcome-rewards+button[data-event-claim],.journal-detail button[data-event-claim]{margin-top:14px}.quest-new{position:relative;display:inline-block;margin-left:7px;padding:1px 6px 0;border:1px solid #ffd36a;border-radius:3px;overflow:hidden;vertical-align:1px;background:linear-gradient(#ffe38a,#e8a722);color:#3a2404;font:800 9px/13px DM Sans,sans-serif;letter-spacing:.08em;box-shadow:0 0 6px #ffc94a,0 0 14px #ffb2308c;animation:quest-new-glow 1.6s ease-in-out infinite}.quest-new:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#fffbe6d9,transparent);transform:skew(-20deg);animation:quest-new-shine 2.4s ease-in-out infinite}@keyframes quest-new-glow{50%{box-shadow:0 0 10px #ffd96a,0 0 22px #ffb230c4;filter:brightness(1.12)}}@keyframes quest-new-shine{0%,55%{left:-60%}to{left:140%}}@media(prefers-reduced-motion:reduce){.quest-new,.quest-new:after{animation:none}}button.tracker-hint{display:block;width:100%;border:0;text-align:left;font:inherit;font-size:11px;cursor:pointer}button.tracker-hint:hover{background:#182c2ee6;color:#d9e6dc}.tracked-title.tracked-event{color:#ffd65a;animation:tracked-event-blink 1.1s ease-in-out infinite}.tracked-title.tracked-event:hover{color:#fff0a8}.tracked-event .tracked-play{background:linear-gradient(#ffe27a,#e0a21e);color:#3a2404;box-shadow:0 0 8px #ffc84a}@keyframes tracked-event-blink{50%{color:#fff3b0;text-shadow:0 0 8px #ffd24acc,0 0 16px #ffb2307a}0%,to{text-shadow:0 0 2px #ffd24a55}}@media(prefers-reduced-motion:reduce){.tracked-title.tracked-event{animation:none}}.level-progress{position:relative;height:20px;margin-top:8px;border:1px solid #5c6f63;border-radius:10px;background:#0f1d1e;overflow:hidden}.level-progress>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#b8862a,#ffd35a);box-shadow:0 0 10px #ffc94a88}.level-progress>b{position:relative;display:block;text-align:center;line-height:18px;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.quest-mark-art{width:26px;height:26px;object-fit:contain;flex:none;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 1px 3px #000a)}.starter-set-title{display:block;margin-top:16px}.starter-sets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.starter-set{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1px solid #4b5a4c;border-radius:6px;background:#17292b;cursor:pointer;font-size:12px;color:#c9d6cf;text-align:center}.starter-set img{width:72px;height:72px;object-fit:contain}.starter-set input{position:absolute;opacity:0;pointer-events:none}.starter-set:has(input:checked){border-color:#e0c080;background:#38554b;color:#f1dfb9}.starter-set:has(input:disabled){cursor:default;opacity:.85}@media(max-width:700px){.starter-sets{grid-template-columns:repeat(2,1fr)}}.quest-count{margin-left:6px;color:#f0c875;font-variant-numeric:tabular-nums}.town-rewards{gap:8px}.town-rewards li.reward-card{flex:1 1 150px;max-width:240px;gap:10px;padding:8px 12px 8px 8px;border-radius:8px;border:1px solid #c9a56f;background:linear-gradient(#fffaf0,#f6e8d0);color:#4a342a;box-shadow:0 1px #ffffffb3 inset,0 2px #c9a56f55}.reward-card-art{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(#7a5a4f,#62463d);border:1px solid #5a3e37}.reward-card-art :is(svg,img){width:26px;height:26px;object-fit:contain;animation:none}.reward-card-art i{font:800 12px DM Sans,sans-serif;font-style:normal;letter-spacing:.04em;color:#bfe3ff;text-shadow:0 0 6px #5fa8ff}.reward-card-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.reward-card-text b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#4a2f20;white-space:nowrap}.reward-card.gold .reward-card-text b{color:#a8690f}.reward-card-text small{font-size:11px;color:#8a6a5c}.town-rewards li{gap:10px}.town-reward-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#132729;color:#e6c27a;font-size:14px;flex:none}.tracked-quest.tracked-ready{border-color:#e8c26a}.tracked-quest.tracked-ready .tracked-play{background:#e0a630;color:#1a1004}.tracked-quest.tracked-ready .tracked-icon{color:#ffd36a}.tracked-quest.tracked-ready .tracked-title{color:#ffd978}.tracked-quest.tracked-ready p b{color:#ffd36a}.quest-done-tag{flex:none;display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:#ffd36a;font:700 12px DM Sans,sans-serif;animation:quest-done-blink 1s ease-in-out infinite}.quest-done-tag img{width:16px;height:16px;object-fit:contain}@keyframes quest-done-blink{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.quest-done-tag{animation:none}}.tracked-name{min-width:0;overflow:hidden;text-overflow:ellipsis}dialog#modal.npc-modal{width:min(720px,calc(100vw - 24px));max-height:min(780px,calc(100dvh - 32px));padding:38px 22px 16px;border:22px solid transparent;border-image:url(/assets/ui/quest/chibi/frame.webp) 55 fill / 22px stretch;border-radius:0;background:none;box-shadow:none;color:#594036;overflow:hidden;flex-direction:column}dialog#modal.npc-modal[open]{display:flex}dialog#modal.npc-modal:before{display:none}dialog#modal.npc-modal::backdrop{background:#241914c9;-webkit-backdrop-filter:none;backdrop-filter:none}dialog#modal.npc-modal>#modal-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}dialog#modal.npc-modal .modal-close{top:0;right:0;width:40px;height:40px;padding:0;border:0;border-radius:0;background:url(/assets/ui/quest/chibi/close.webp) center/contain no-repeat;color:transparent;z-index:3;transition:transform .15s}dialog#modal.npc-modal .modal-close svg{opacity:0}dialog#modal.npc-modal .modal-close:hover{background-image:url(/assets/ui/quest/chibi/closeHover.webp)}dialog#modal.npc-modal .modal-eyebrow{color:#89654f;letter-spacing:.07em;margin:0 0 8px}dialog#modal.npc-modal h2{color:#62412f;text-shadow:none}dialog#modal.npc-modal .npc-dialog{grid-template-columns:144px minmax(0,1fr);gap:18px;align-items:center;flex:none}dialog#modal.npc-modal .npc-portrait{height:192px;min-width:0;display:grid;place-items:center;border:12px solid transparent;border-image:url(/assets/ui/quest/chibi/portrait.webp) 48 fill / 12px stretch;border-radius:0;background:none;box-shadow:none;overflow:hidden}dialog#modal.npc-modal .npc-portrait img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:50% 100%}dialog#modal.npc-modal .npc-talk{min-width:0}dialog#modal.npc-modal .npc-talk h2{margin:0 0 10px;padding:9px 6px;border:0 solid transparent;border-left-width:26px;border-right-width:26px;border-image:url(/assets/ui/quest/chibi/name.webp) 0 49 fill / 0 26px stretch;font-size:22px;color:#fff0d6;text-align:center}dialog#modal.npc-modal .npc-bubble{min-height:70px;padding:10px 12px;border:10px solid transparent;border-image:url(/assets/ui/quest/chibi/speech.webp) 25 fill / 10px stretch;border-radius:0;background:none;color:#fff0dc;line-height:1.65;font-size:15px;max-height:240px;overflow:auto}dialog#modal.npc-modal .npc-bubble:before{display:none}dialog#modal.npc-modal .npc-options{gap:8px;margin-top:20px;flex:1 1 auto;min-height:80px;overflow:auto;padding:0 10px 2px 0}dialog#modal.npc-modal .npc-options button{flex:none;min-height:48px;padding:8px 16px;border:1px solid #5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff0dc;font-size:14px;text-shadow:none;transition:transform .15s,opacity .15s}dialog#modal.npc-modal .npc-options button:hover{background:linear-gradient(#8a685c,#775649);border-color:#5a3e37;color:#fff0dc}dialog#modal.npc-modal .npc-options button:active{background:#fbf3e4;border-color:#b99365;color:#583b2c;transform:translateY(1px)}dialog#modal.npc-modal .npc-options button small{color:inherit;font-size:12px;flex:none}dialog#modal.npc-modal .npc-options .npc-quest-new:is(*,:hover){border-color:#d9a85f;color:#ffe4a0}dialog#modal.npc-modal .npc-options .npc-quest-new:after{display:none}dialog#modal.npc-modal .npc-options button:is([data-npc=talk],[data-npc^="quest:"]):before{content:"";display:block;flex:0 0 26px;width:26px;height:26px;background:center/contain no-repeat}dialog#modal.npc-modal .npc-options button[data-npc=talk]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6d6a4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E")}dialog#modal.npc-modal .npc-options button[data-npc^="quest:"]:before{background-image:url(/assets/ui/quest/scroll.webp)}dialog#modal.npc-modal .npc-options button[data-npc^="quest:"]>.quest-mark-art{display:none}dialog#modal.npc-modal .npc-options button[data-npc=talk]:active:before{background-color:#75503b;border-radius:6px}dialog#modal.npc-modal .quest-page-body{flex:1 1 auto;min-height:0;overflow:auto;padding-right:10px;max-height:none}dialog#modal.npc-modal .quest-heading h2{font-size:clamp(21px,3vw,28px);margin:0}dialog#modal.npc-modal .quest-story{color:#624d41;line-height:1.75}dialog#modal.npc-modal .quest-block>strong{color:#68462f}dialog#modal.npc-modal .quest-objectives li{color:#674d3d}dialog#modal.npc-modal .quest-check{border-color:#af8555;background:#f9ebd4;color:#72522c}dialog#modal.npc-modal .quest-objectives li.complete{color:#807361;text-decoration-color:#b7a48b}dialog#modal.npc-modal .quest-objectives li.complete .quest-check{background:#d4cfb5;border-color:#9c9470}dialog#modal.npc-modal :is(.quest-where,.quest-count){color:#795533}dialog#modal.npc-modal .quest-where b{color:#92512f}dialog#modal.npc-modal .quest-rewards{padding:14px;margin:16px 0;border:10px solid transparent;border-image:url(/assets/ui/quest/chibi/speech.webp) 25 fill / 10px stretch;background:none}dialog#modal.npc-modal .quest-rewards>strong{color:#f7dfb8}dialog#modal.npc-modal .quest-reward-list li:not(.reward-card){background:#eed8bb;border:1px solid #bd9566;color:#5d4231;max-width:100%}dialog#modal.npc-modal .town-reward-icon{background:#765139;color:#ffe6a0}dialog#modal.npc-modal .quest-speech{border-left-color:#bb8d4b;background:#d5bda044;color:#70523f}dialog#modal.npc-modal .quest-speech b{color:#8c5c32}dialog#modal.npc-modal :is(.starter-set-title,.quest-feedback){color:#856137}dialog#modal.npc-modal .starter-set{background:#dcc3a5;border-color:#b18d61;color:#674834}dialog#modal.npc-modal .starter-set:has(input:checked){background:#f8ead3;border-color:#a46a2e;outline:2px solid #b98b49;outline-offset:1px}dialog#modal.npc-modal .quest-actions{flex:none;display:flex;gap:12px;align-items:center;margin-top:12px;padding-top:16px;position:relative}dialog#modal.npc-modal .quest-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#c9a98a;pointer-events:none}dialog#modal.npc-modal :is(.primary-button,.quest-back){margin:0;min-height:46px;padding:8px 20px;border:1px solid #a87a2c;border-radius:8px;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14;font:700 15px DM Sans,sans-serif;text-shadow:0 1px 0 #ffe9b0;box-shadow:inset 0 1px #fff3c9,0 2px #a87a2c;transition:transform .15s,opacity .15s}dialog#modal.npc-modal .primary-button{flex:1;width:auto}dialog#modal.npc-modal .quest-back{flex:none;border-color:#5a3e37;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd;text-shadow:none;box-shadow:inset 0 1px #fff2,0 2px #4a322b}dialog#modal.npc-modal .primary-button:hover:not(:disabled){background:linear-gradient(#f6d27e,#e3b04c);transform:translateY(-1px)}dialog#modal.npc-modal .quest-back:hover{background:linear-gradient(#876559,#745449);transform:translateY(-1px)}dialog#modal.npc-modal .primary-button:disabled{border-color:#9c8a7e;background:#b5a397;color:#f2e9df;text-shadow:none;box-shadow:none;transform:none;opacity:1}dialog#modal.npc-modal :is(button,label):focus-visible{outline:2px solid #a46834;outline-offset:2px}dialog#modal.npc-modal :is(.npc-options,.quest-page-body,.npc-bubble){overscroll-behavior:contain;scrollbar-color:auto;scrollbar-width:auto}dialog#modal.npc-modal ::-webkit-scrollbar{width:9px}dialog#modal.npc-modal ::-webkit-scrollbar-track{background:#795333 url(/assets/ui/quest/chibi/scrollTrack.webp) center/100% 100% no-repeat;border-radius:6px}dialog#modal.npc-modal ::-webkit-scrollbar-thumb{background:#d2a057 url(/assets/ui/quest/chibi/scrollThumb.webp) center/100% 100% no-repeat;border-radius:6px}@media(max-width:560px){dialog#modal.npc-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);padding:36px 8px 10px;border-width:14px;border-image-width:14px}dialog#modal.npc-modal .npc-dialog{grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start}dialog#modal.npc-modal .npc-portrait{height:116px;border-width:8px;border-image-width:8px}dialog#modal.npc-modal .npc-talk h2{font-size:16px;border-inline-width:16px;border-image-width:0 16px;padding:8px 0}dialog#modal.npc-modal .npc-bubble{font-size:13px;max-height:220px;padding:6px;border-width:8px;border-image-width:8px}dialog#modal.npc-modal .npc-options{margin-top:14px}dialog#modal.npc-modal .npc-options button{min-height:46px;padding-inline:12px;font-size:13px;gap:6px}dialog#modal.npc-modal .npc-options button small{font-size:11px}dialog#modal.npc-modal .quest-actions{gap:8px}dialog#modal.npc-modal :is(.primary-button,.quest-back){font-size:14px;padding-inline:14px}dialog#modal.npc-modal .quest-rewards{padding:8px}}@media(max-height:500px)and (min-width:561px){dialog#modal.npc-modal{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 16px);padding:24px 14px 8px;border-width:14px;border-image-width:14px}dialog#modal.npc-modal .modal-close{width:36px;height:36px;top:-4px;right:-4px}dialog#modal.npc-modal .npc-dialog{grid-template-columns:80px minmax(0,1fr);gap:14px;padding-right:28px}dialog#modal.npc-modal .npc-portrait{height:104px;border-width:8px;border-image-width:8px}dialog#modal.npc-modal .npc-talk h2{font-size:17px;padding:5px;margin-bottom:6px}dialog#modal.npc-modal .modal-eyebrow{margin-bottom:4px}dialog#modal.npc-modal .npc-bubble{font-size:13px;min-height:0;max-height:86px;padding:5px 8px;border-width:7px;border-image-width:7px}dialog#modal.npc-modal .npc-options{margin-top:10px;gap:6px;min-height:50px}dialog#modal.npc-modal .npc-options button{min-height:44px;padding-block:6px}dialog#modal.npc-modal .quest-actions{margin-top:6px;padding-top:12px}dialog#modal.npc-modal .quest-page-body h2{font-size:19px}dialog#modal.npc-modal .quest-page-body .quest-story{margin:5px 0;font-size:13.5px;line-height:1.45}dialog#modal.npc-modal .quest-page-body .quest-block{margin:6px 0}dialog#modal.npc-modal .quest-page-body .quest-block>strong{margin-bottom:3px}dialog#modal.npc-modal .quest-page-body .quest-objectives li{min-height:0;padding-block:1px;font-size:13px}dialog#modal.npc-modal .quest-page-body .quest-rewards{margin:8px 0}dialog#modal.npc-modal :is(.primary-button,.quest-back){min-height:44px}}@media(prefers-reduced-motion:reduce){dialog#modal.npc-modal *{animation:none;transition:none}}dialog#modal.journal-modal{width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:32px 16px 12px;border:20px solid transparent;border-image:url(/assets/ui/quest/chibi/frame.webp) 55 fill / 20px stretch;background:none;color:#624635;box-shadow:none;border-radius:0;overflow:hidden;flex-direction:column}dialog#modal.journal-modal[open]{display:flex}dialog#modal.journal-modal::backdrop{background:#241914c9;-webkit-backdrop-filter:none;backdrop-filter:none}dialog#modal.journal-modal>#modal-content{min-height:0;display:flex;flex-direction:column;overflow:hidden}dialog#modal.journal-modal .modal-close{top:0;right:0;width:36px;height:36px;border:0;background:url(/assets/ui/quest/chibi/close.webp) center/contain no-repeat}dialog#modal.journal-modal .modal-close svg{opacity:0}dialog#modal.journal-modal .modal-close:hover{background-image:url(/assets/ui/quest/chibi/closeHover.webp)}dialog#modal.journal-modal :is(h2,h3,.quest-block>strong,.quest-where b){color:#4a2f20}dialog#modal.journal-modal :is(.quest-story,.quest-objectives li,.quest-where){color:#4a342a}dialog#modal.journal-modal :is(.modal-eyebrow,.journal-tracking,.journal-empty,.quest-count){color:#715844}dialog#modal.journal-modal .journal-header{flex:none}dialog#modal.journal-modal .journal-tabs{flex:none;overflow-x:auto;border-color:#ba9468;padding-bottom:6px}dialog#modal.journal-modal .journal-tabs button{flex:none;padding:8px 3px;border:0 solid transparent;border-inline-width:16px;border-image:url(/assets/ui/quest/chibi/option.webp) 0 42 fill / 0 16px stretch;background:none;color:#f8e4c8;border-radius:0;transition:transform .15s}dialog#modal.journal-modal .journal-tabs button.active{border-image-source:url(/assets/ui/quest/chibi/optionSelected.webp);color:#64432f}dialog#modal.journal-modal .journal-body{flex:1 1 auto;min-height:0;height:min(480px,calc(100dvh - 220px));gap:12px}dialog#modal.journal-modal .journal-list{background:#e6d3ba;border-color:#b99365;box-shadow:none}dialog#modal.journal-modal .journal-detail{background:#fbf3e4;border-color:#b99365;box-shadow:none;color:#4a342a}dialog#modal.journal-modal .journal-detail h3{font-size:17px;color:#4a2f20}dialog#modal.journal-modal .journal-detail-title{border-bottom-color:#d9c3a3}dialog#modal.journal-modal .journal-detail :is(.quest-story,.quest-objectives li,.quest-where){font-size:14px}dialog#modal.journal-modal .journal-detail .quest-block>strong{font-size:14px}dialog#modal.journal-modal .journal-list li{padding:9px 10px;border:1px solid #5a3e37;border-radius:7px;background:linear-gradient(#7a5a4f,#684a40);color:#fff0da;transition:transform .15s}dialog#modal.journal-modal .journal-list li:hover{background:linear-gradient(#876559,#745449);border-color:#5a3e37}dialog#modal.journal-modal .journal-list li.done{opacity:1;background:#a08a7c;border-color:#8a7466;color:#f3e6d6}dialog#modal.journal-modal .journal-list li.selected{background:#fbf3e4;border-color:#b99365;color:#4a2f20;box-shadow:none}dialog#modal.journal-modal .journal-list li.selected:before{display:block;left:-1px;top:7px;bottom:7px;width:4px;background:#da7873}dialog#modal.journal-modal .journal-list li.quest-empty{border:0;background:none;color:#715844}dialog#modal.journal-modal .journal-list :is(.quest-name,.quest-level){color:inherit}dialog#modal.journal-modal .journal-foot{background:#d1b390;border-color:#b99365;color:#64462e;flex-wrap:wrap}dialog#modal.journal-modal .journal-foot button{background:#75503b;color:#fff0d5;border-color:#b99365;transition:transform .15s}dialog#modal.journal-modal :is(.quest-rewards,.quest-speech,.quest-where){background:#f1e2cb;border-color:#d9c3a3;color:#4a342a}dialog#modal.journal-modal .quest-where{border-left:4px solid #da7873}dialog#modal.journal-modal .quest-where b{color:#b0503f}dialog#modal.journal-modal .quest-speech b{color:#8a5a2c}dialog#modal.journal-modal .quest-reward-list li:not(.reward-card){background:#fffaf0;border-color:#d9c3a3;color:#4a342a}dialog#modal.journal-modal .starter-set{background:#d4b999;color:#634a35;border-color:#b99365}dialog#modal.journal-modal .level-progress{border:0;border-radius:0;background:url(/assets/ui/quest/chibi/progressTrack.webp) center/100% 100% no-repeat}dialog#modal.journal-modal .level-progress>span{background:url(/assets/ui/quest/chibi/progressFill.webp) center/100% 100% no-repeat;box-shadow:none}dialog#modal.journal-modal .quest-new{animation:none}dialog#modal.journal-modal .quest-new:after{animation:none}dialog#modal.journal-modal .primary-button{border:1px solid #a87a2c;border-radius:8px;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14;min-height:44px;box-shadow:inset 0 1px #fff3c9,0 2px #a87a2c}@media(max-width:640px){dialog#modal.journal-modal{padding:32px 6px 8px;border-width:14px;border-image-width:14px}dialog#modal.journal-modal .journal-body{overflow:auto;height:calc(100dvh - 210px);max-height:none;display:flex;flex-direction:column}dialog#modal.journal-modal .journal-list{flex:none;max-height:220px}dialog#modal.journal-modal .journal-detail{flex:none;overflow:visible}}@media(max-height:500px)and (min-width:641px){dialog#modal.journal-modal{padding:22px 8px 8px;border-width:14px;border-image-width:14px}dialog#modal.journal-modal .journal-header .quest-scroll{width:32px;height:32px}dialog#modal.journal-modal .journal-header h2{font-size:18px}dialog#modal.journal-modal .journal-body{height:calc(100dvh - 158px)}}dialog.server-picker{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:10dvh 18px auto auto;padding:0;border:1px solid #8f7566;border-radius:6px;background:#1c1416d9;color:#efe0ca;box-shadow:0 18px 56px #13090c99;overflow:hidden;flex-direction:column}dialog.server-picker[open]{display:flex}dialog.server-picker::backdrop{background:linear-gradient(90deg,#12091272,#1209123a,#12091210);-webkit-backdrop-filter:none;backdrop-filter:none}.server-picker .server-close{position:absolute;right:9px;top:9px;width:30px;height:30px;border:1px solid #9d8170;border-radius:4px;background:#2a2021cc;color:#dfcdb6;cursor:pointer}.server-picker .server-close:before{content:"×";font:22px/1 sans-serif}.server-picker .server-close:hover{background:#513838}.server-picker header{flex:none;padding:18px 48px 11px 18px;background:#221719e6;border-bottom:1px solid #60483e;text-align:left}.server-picker header p{margin:0 0 5px;font-size:9px;letter-spacing:.2em;color:#b79572}.server-picker h2{margin:0;color:#f4e5cf;font-size:22px;font-weight:500;line-height:1.15}.server-picker header>span{display:none}.server-list{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:8px 0 6px;scrollbar-width:thin;scrollbar-color:#8d725f #201719;overscroll-behavior:contain}.server-picker .server-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 14px;align-items:center;gap:10px;min-height:36px;margin:0;padding:6px 12px 6px 16px;border:0;border-radius:0;background:#2b2022b8;color:#dfe9d2;cursor:pointer;text-align:left;transition:transform .15s,opacity .15s}.server-picker .server-row:nth-child(2n){background:#241a1cbd}.server-picker .server-row:hover:not(:disabled){background:#3c2b2d}.server-picker .server-row[aria-pressed=true],.server-picker .server-row[aria-pressed=true]:hover:not(:disabled){background:linear-gradient(90deg,#4a3324e6,#2a1d17cc);box-shadow:inset 3px 0 #b8946a;color:#fff5e4}.server-picker .server-row:disabled{background:#251e1faa;color:#8e8173;opacity:1;cursor:not-allowed}.server-name{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:9px;min-width:0}.server-name small{font-size:10px;letter-spacing:.08em;color:#a99177}.server-name strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-name em{font-style:normal;color:#c8b391}.server-load{--load-color:#85bd68;--load-size:6px;min-width:96px;font-size:11px;white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#cfe8b7}.server-load:before{content:"";order:2;width:58px;height:12px;background:repeating-linear-gradient(90deg,var(--load-color) 0 4px,transparent 4px 6px) left/var(--load-size) 100% no-repeat,repeating-linear-gradient(90deg,#070708 0 4px,transparent 4px 6px) left/100% 100% no-repeat;box-shadow:0 0 0 1px #171111}.server-row[data-primary=true] .server-load{--load-size:18px}.server-row[data-load=empty] .server-load{color:#8e8173}.server-row[data-load=medium] .server-load{--load-color:#d1b35e;--load-size:56%;color:#ead8a1}.server-row[data-load=high] .server-load{--load-color:#d7844d;--load-size:82%;color:#f0bd86}.server-row[data-load=full] .server-load{--load-color:#be5b55;--load-size:100%;color:#e2958f}.server-row[data-load=""] .server-load:before{background:repeating-linear-gradient(90deg,#272223 0 4px,transparent 4px 6px)}.server-check{width:14px;flex:none;visibility:hidden;font-size:13px;color:#f0dcc1}.server-row[aria-pressed=true] .server-check{visibility:visible}.server-message{flex:none;margin:0;padding:7px 14px;border-top:1px solid #493634;background:#211718;color:#d8aa76;font-size:12px}.server-message:empty{display:none}.server-picker footer{display:grid;grid-template-columns:104px minmax(0,1fr);flex:none;gap:8px;padding:10px 12px 12px;border-top:1px solid #5d443b;background:#221719e8}.server-picker footer button{min-height:38px;padding:7px 14px;border:1px solid #8c715f;background:#2f2324;color:#ecdcc6;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.server-picker footer .server-enter{background:#8e5655;border-color:#a36d68;color:#fff4e4}.server-picker footer .server-enter:hover:not(:disabled){background:#9b605d}.server-picker footer button:disabled{background:#3a302f;border-color:#665348;color:#998b7c;opacity:1;cursor:not-allowed}.server-picker button:active:not(:disabled){transform:translateY(1px)}@media(max-width:560px){dialog.server-picker{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:8px auto}.server-picker h2{font-size:21px}.server-list{padding-block:6px}.server-picker .server-row{min-height:42px;padding-inline:12px}.server-name{grid-template-columns:48px minmax(0,1fr)}.server-load{min-width:88px}.server-load:before{width:50px}.server-picker footer{grid-template-columns:96px minmax(0,1fr)}}@media(max-height:500px)and (min-width:561px){dialog.server-picker{width:min(370px,calc(100vw - 20px));max-height:calc(100dvh - 16px);margin:8px 12px auto auto}.server-picker header{padding-block:8px 6px}.server-picker header p{display:none}.server-picker h2{font-size:18px}.server-list{padding-block:3px}.server-picker .server-row{min-height:28px;padding-block:2px}.server-name strong{font-size:13px}.server-load{font-size:10px}.server-picker footer{padding-block:7px}.server-picker footer button{min-height:32px}}@media(prefers-reduced-motion:reduce){.server-picker .server-row,.server-picker footer button{transition:none}}.server-mates{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:46px;gap:2px;padding:2px 5px;border-radius:999px;background:#ff8fb81f;border:1px solid #ff8fb866;color:#ff8fb8;cursor:help}.server-mates.empty{visibility:hidden}.server-mates svg{width:14px;height:14px}.server-mates b{font:700 10px DM Sans,sans-serif;color:#ffc1d8}.server-mates-tip{display:none}.server-mates-tip.shown{position:fixed;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:110px;max-width:220px;padding:7px 10px 8px;border:2px solid #b88d60;border-radius:8px;background:#553a33f7;box-shadow:0 8px 20px #000a;color:#fadfc0;font:500 12px DM Sans,sans-serif;text-align:left;white-space:nowrap;pointer-events:none;animation:mates-tip-in .12s ease-out}.server-mates-tip.shown b{margin-bottom:2px;font:700 10px DM Sans,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#ff8fb8}.server-mates-tip.shown span{overflow:hidden;text-overflow:ellipsis;color:#fff1da}@keyframes mates-tip-in{0%{opacity:0;transform:translateY(4px)}}.server-mates{cursor:default}#auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;overflow:auto;display:flex;align-items:center;justify-content:flex-end;padding:32px max(24px,7vw);background:linear-gradient(90deg,#0d0a2200,#0d0a2222 38%,#0d0a22d9 70%,#0d0a22f2),var(--auth-art) 22% 50%/min(66vw,1300px) auto no-repeat,var(--party-glow),#120c2b;color:#f0dfb8;font-family:DM Sans,sans-serif}.auth-panel{width:min(400px,100%);display:flex;flex-direction:column;gap:22px;animation:auth-in .45s ease-out both}@keyframes auth-in{0%{opacity:0;transform:translateY(12px)}}.auth-brand{text-align:center;text-shadow:0 2px 14px #000c}.auth-brand>span{display:block;font:34px Cinzel,serif;letter-spacing:.2em;color:#f6e3b4}.auth-brand>small{display:block;margin-top:6px;font-size:10px;letter-spacing:.42em;color:#c9b27f}.auth-card{display:flex;flex-direction:column;gap:14px;padding:22px 24px 24px;border:1px solid #b89a5f77;border-radius:8px;background:linear-gradient(180deg,#1b3136f2,#10222af7);box-shadow:0 20px 60px #000a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #b4a27955;margin:-4px -4px 4px}.auth-tabs>button{padding:10px 8px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9bb0ad;font:500 13px DM Sans,sans-serif;cursor:pointer}.auth-tabs>button[aria-selected=true]{color:#f3ddb1;border-bottom-color:#e0be76}.auth-tabs>button:hover{color:#e8d8b0}.auth-card h1{margin:4px 0 0;font:21px Cinzel,serif;color:#f3e3bd}.auth-lead{margin:-6px 0 2px;font-size:12px;color:#9fb5ae;line-height:1.5}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;color:#b9cbc3}.auth-card input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #61776c;border-radius:4px;background:#0d1d22;color:#f4e6c4;font:14px DM Sans,sans-serif;outline:none}.auth-card input::placeholder{color:#62786f}.auth-card input:focus{border-color:#e0be76;box-shadow:0 0 0 3px #e0be7626}.auth-password{position:relative;display:block}.auth-password input{padding-right:62px}.auth-reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:5px 9px;border:0;border-radius:3px;background:#24393d;color:#c9b687;font:600 10px DM Sans,sans-serif;letter-spacing:.06em;cursor:pointer}.auth-reveal:hover{background:#334d50;color:#f0d9a5}.auth-status{min-height:17px;margin:0;font-size:12px;color:#f0aaa1;line-height:1.4}.auth-submit{padding:13px;border:1px solid #d8bb7a;border-radius:4px;background:linear-gradient(180deg,#c9a45a,#9c7a36);color:#1a1409;font:600 14px Cinzel,serif;letter-spacing:.08em;cursor:pointer;box-shadow:0 6px 18px #0007}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-note{margin:0;padding:9px 11px;border-left:2px solid #9fd9b4;background:#9fd9b412;font-size:11px;color:#b6dfc6;line-height:1.5}.auth-divider{display:flex;align-items:center;gap:10px;margin:2px 0 -2px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6f857d}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#627b7455}.auth-secondary{padding:11px;border:1px solid #748c82aa;border-radius:4px;background:#11252ccc;color:#e6d6aa;font:600 13px DM Sans,sans-serif;letter-spacing:.04em;cursor:pointer}.auth-secondary:hover:not(:disabled){border-color:#e0be76;color:#f6e3b4;background:#1a3238}.auth-secondary:disabled{opacity:.6;cursor:progress}.auth-hint{margin:-4px 0 0;font-size:11px;color:#8ea59d;line-height:1.5;text-align:center}.account-bar{position:absolute;top:18px;right:max(20px,5vw);display:flex;align-items:center;gap:10px;font-size:12px;color:#9fb5ae}.account-bar b{color:#f0dfb8;font-weight:600}.account-bar button{padding:6px 12px;border:1px solid #748c8288;border-radius:4px;background:#11252ccc;color:#dbc9a1;font:500 11px DM Sans,sans-serif;cursor:pointer}.account-bar button:hover{border-color:#e0be76;color:#f3ddb1}.account-bar .save-progress{border-color:#d8bb7a;background:linear-gradient(180deg,#c9a45a,#9c7a36);color:#1a1409;font-weight:600}.account-bar .save-progress:hover{filter:brightness(1.08);color:#1a1409}@media(max-width:700px){#auth-screen{justify-content:center;align-items:flex-start;padding:28px 16px;background:linear-gradient(180deg,#0d0a2233,#0d0a22cc 45%,#0d0a22f2),var(--auth-art) center 8%/min(150vw,900px) auto no-repeat,var(--party-glow),#120c2b}.auth-brand>span{font-size:26px}.auth-card{padding:18px 16px 20px}.account-bar{position:static;justify-content:center;margin-bottom:12px}}.auth-card{gap:13px;padding:14px 20px 20px;border:22px solid transparent;border-image:url(/assets/ui/inventory/frame.webp) 44 fill / 22px stretch;border-radius:0;background:none;box-shadow:0 24px 60px #000b;-webkit-backdrop-filter:none;backdrop-filter:none;color:#4a322b}.auth-tabs{gap:4px;margin:0 0 2px;padding:0 2px;border-bottom:2px solid #b88d60}.auth-tabs>button{padding:9px 4px 7px;border:solid transparent;border-width:0 14px;border-image:url(/assets/ui/inventory/tabOff.webp) 0 36 fill / 0 14px stretch;background:none;color:#f0d6b4;font:600 13px DM Sans,sans-serif}.auth-tabs>button[aria-selected=true]{border-image-source:url(/assets/ui/inventory/tabOn.webp);color:#4a322b;font-weight:700}.auth-tabs>button:hover:not([aria-selected=true]){color:#fff}.auth-card h1{margin:6px 0 0;color:#4a2f20}.auth-lead{color:#8a6a5c}.auth-card label{color:#6d5146;font-weight:600}.auth-card input{border:1px solid #c9a98a;border-radius:8px;background:#fffaf0;color:#4a2f20;box-shadow:inset 0 1px 2px #7a5a4f26}.auth-card input::placeholder{color:#b49a85}.auth-card input:focus{border-color:#b88d60;box-shadow:0 0 0 3px #f0c66940}.auth-reveal{border:1px solid #5a3e37;border-radius:6px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd}.auth-reveal:hover{background:#8a685c;color:#fff}.auth-status{color:#b0503f}.auth-submit{border:1px solid #a87a2c;border-radius:8px;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14;box-shadow:inset 0 1px #fff3c9,0 2px #a87a2c}.auth-submit:hover:not(:disabled){filter:none;background:linear-gradient(#f6d27e,#e3b04c)}.auth-note{border-left-color:#3f8a52;background:#cfe6cf;color:#2f5a3a}.auth-divider{color:#a48a78}.auth-divider:before,.auth-divider:after{background:#c9a98a}.auth-secondary{border:1px solid #5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd;box-shadow:inset 0 1px #fff2,0 2px #4a322b}.auth-secondary:hover:not(:disabled){border-color:#5a3e37;background:linear-gradient(#876559,#745449);color:#fff}.auth-hint{color:#8a6a5c}@media(max-width:700px){.auth-card{padding:10px 12px 14px;border-width:16px;border-image-width:16px}}.auth-panel{gap:16px}.auth-card{gap:10px}.auth-card label{gap:4px}.auth-card input{padding:9px 12px}.auth-status:empty{min-height:0;margin:-5px 0}.auth-submit{padding:11px}.auth-secondary{padding:10px}@media(max-height:900px){#auth-screen{padding-block:16px}.auth-panel{gap:10px}.auth-brand>span{font-size:28px}.auth-brand>small{margin-top:3px}.auth-card{gap:8px;padding:8px 18px 14px}.auth-card h1{margin-top:2px;font-size:18px}.auth-lead{margin:2px 0 0}.auth-divider{margin:0}}@media(max-height:720px)and (min-width:701px){.auth-brand,.auth-hint{display:none}}.auth-lead{margin:2px 0 0}#character-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;overflow:auto;padding:20px max(18px,4vw) 34px;color:#efe0ca;background:#120c16;font-family:DM Sans,sans-serif}#character-select header{max-width:1120px;margin:14px auto 18px;text-align:center;text-shadow:0 2px 10px #090407}#character-select header>span{font:24px Cinzel,serif;letter-spacing:.2em;color:#f2dfbf}#character-select header small{display:block;margin:7px 0 0;font:9px sans-serif;letter-spacing:.35em;color:#caa77d}#character-select h1{margin:14px 0 8px;color:#fff1d7;font-size:30px;line-height:1.1}#character-select header p{margin:6px 0;color:#b9a58d;font-size:12px}#character-select .account-bar{position:sticky;top:10px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;max-width:1120px;margin:0 auto;padding:0;color:#d9c8ad;font-size:12px}#character-select .account-bar>span:not(.lang-switch){padding:8px 12px;border:1px solid #6c5449;border-radius:4px;background:#1d1417d9;box-shadow:0 8px 24px #09040555}#character-select .account-bar b{color:#ffe2a4}#character-select .account-bar button,#character-select .lang-switch button{min-height:32px;padding:7px 12px;border:1px solid #7c6254;border-radius:4px;background:#211719e6;color:#ead9c0;font:700 12px DM Sans,sans-serif;cursor:pointer}#character-select .account-bar button:hover,#character-select .lang-switch button:hover{background:#3b2a2d}#character-select .lang-switch{display:flex;gap:3px;padding:3px;border:1px solid #6c5449;border-radius:5px;background:#1d1417d9;box-shadow:0 8px 24px #09040555}#character-select .lang-switch button[aria-checked=true]{background:linear-gradient(#4a3324,#36251a);box-shadow:inset 0 0 0 1px #a8865f88;color:#f3e2c4}.character-slots{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;max-width:1120px;margin:0 auto}.character-card{position:relative;min-height:276px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #6c5449;border-radius:6px;background:#1d1417d9;padding:17px 9px 15px;color:#d8e3d1;text-align:center;box-shadow:0 12px 34px #08040566;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s,background .2s}.character-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:linear-gradient(180deg,#ffffff08,#0000 45%,#0002);pointer-events:none}.character-card.selected{border-color:#c9a67c;box-shadow:0 15px 38px #09040588}.character-card:hover{transform:translateY(-3px);border-color:#a3846c;background-color:#2a1d20e6}.character-card>small{position:absolute;left:13px;top:11px;color:#b99b7a;font-size:13px;letter-spacing:.08em}.character-card canvas{position:relative;width:100%;max-width:166px;height:auto;transform-origin:50% 100%;animation:hero-idle 2.8s ease-in-out infinite;transition:filter .25s}.character-card>strong{position:relative;margin-top:4px;color:#fff1d7;font-size:18px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card>span{position:relative;margin-top:7px;color:#cdbb9e;font-size:11px}.empty-character{position:relative;margin:48px 0 8px;color:#aa9278;font:52px sans-serif}.character-class-emblem{position:absolute;right:12px;top:10px;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 4px #000b)}#character-select .character-controls{display:block;max-width:1120px;margin:16px auto 0;text-align:center}#character-select .character-controls p{margin:0 auto 12px;max-width:650px;color:#d4c2aa;text-shadow:0 2px 8px #090407}#character-select .character-controls button,#character-select>button{min-height:40px;padding:9px 28px;border:1px solid #a36d68;border-radius:4px;background:#8e5655;color:#fff4e4;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #09040555}#character-select .character-controls button:hover,#character-select>button:hover{background:#9b605d}#character-select [role=status]{margin:10px 0 0;text-align:center;color:#d8aa76}.character-card:nth-child(2) canvas{animation-delay:-.7s}.character-card:nth-child(3) canvas{animation-delay:-1.4s}.character-card:nth-child(4) canvas{animation-delay:-2.1s}.character-card:nth-child(5) canvas{animation-delay:-.35s}.character-card:hover canvas{animation-duration:1.5s;filter:drop-shadow(0 0 6px #d8b67e55)}.character-card.selected canvas{animation:hero-idle 2.8s ease-in-out infinite,hero-glow 2.2s ease-in-out infinite}@keyframes hero-idle{50%{transform:translateY(-3px) scaleY(1.018)}}@keyframes hero-glow{0%,to{filter:drop-shadow(0 0 7px #d8b67e55)}50%{filter:drop-shadow(0 0 14px #f2dccaaa)}}.character-card .card-delete{position:absolute;right:10px;bottom:10px;width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:4px;color:#a58f7a;opacity:.65;cursor:pointer;transition:opacity .15s,color .15s,background .15s,border-color .15s}.character-card .card-delete svg{width:17px;height:17px}.character-card:hover .card-delete,.character-card.selected .card-delete{opacity:.9}.character-card .card-delete:hover,.character-card .card-delete:focus-visible{opacity:1;color:#ffb3a8;background:#3a2023;border-color:#b85a50;outline:none}dialog.delete-confirm{width:min(420px,calc(100vw - 24px));padding:22px 24px;border:1px solid #806255;border-radius:6px;background:#1c1416;color:#e8dcc0;box-shadow:0 18px 50px #000b}dialog.delete-confirm::backdrop{background:#050407b8;-webkit-backdrop-filter:none;backdrop-filter:none}dialog.delete-confirm h3{margin:0 0 6px;color:#ffb3a8;font-size:18px}dialog.delete-confirm .delete-name{margin:0 0 10px;font-weight:700;color:#f1dfb9}dialog.delete-confirm p{font-size:13px;line-height:1.5;margin:0 0 12px}dialog.delete-confirm label{display:block;font-size:13px}dialog.delete-confirm .delete-phrase{color:#ffd29a;-webkit-user-select:all;user-select:all}dialog.delete-confirm input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:9px 10px;border:1px solid #775b4e;border-radius:4px;background:#120d10;color:#f4ead0;font-size:15px}dialog.delete-confirm input:focus{outline:none;border-color:#d0645a}dialog.delete-confirm .delete-error{min-height:1em;color:#ff8c8c;margin:8px 0 0}dialog.delete-confirm .delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}dialog.delete-confirm .delete-actions button{padding:8px 16px;border-radius:4px;border:1px solid #765b4f;background:#2f2324;color:#e8dcc0;cursor:pointer}dialog.delete-confirm .delete-go{border-color:#a36d68;background:#8e5655;color:#fff}dialog.delete-confirm .delete-go:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){#character-select{padding-inline:14px}.character-slots{grid-template-columns:repeat(3,minmax(120px,1fr))}.character-card{min-height:232px}.character-card canvas{max-width:132px}}@media(max-width:560px){#character-select{padding:14px 10px 24px}#character-select:before,dialog.create-hero:before{background-size:auto 92%}#character-select header{margin-top:12px}#character-select header>span{font-size:20px}#character-select h1{font-size:24px}#character-select .account-bar{position:relative;top:auto;justify-content:center;flex-wrap:wrap}.character-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-card{min-height:188px;padding:12px 7px}.character-card canvas{max-width:110px}.character-card>strong{font-size:15px}.character-card>span{font-size:10px}.character-class-emblem{width:34px;height:34px}.empty-character{margin:28px 0 6px;font-size:38px}}@media(max-height:520px)and (min-width:700px){#character-select{padding-block:10px}#character-select .account-bar{top:6px}.character-slots{grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}.character-card{min-height:168px;padding-block:10px}.character-card canvas{max-width:86px}.character-card>strong{font-size:14px}.character-card>span{font-size:10px}.character-card>small{font-size:11px}.character-class-emblem{width:30px;height:30px}#character-select header{margin:6px auto 10px}#character-select header>span{font-size:20px}#character-select header p{display:none}#character-select h1{font-size:22px;margin-block:8px}#character-select .character-controls{margin-top:10px}#character-select .character-controls p{display:none}#character-select .character-controls button{min-height:36px;padding-block:7px}}@media(prefers-reduced-motion:reduce){.character-card canvas,.character-card.selected canvas{animation:none}.character-card.selected canvas{filter:drop-shadow(0 0 10px #d8b67e77)}.character-card:hover{transform:none}}dialog.create-hero{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px max(18px,4vw) 34px;border:0;border-radius:0;background:#120c16;color:#efe0ca;overflow:auto;scrollbar-width:thin;scrollbar-color:#765b4f transparent;animation:create-in .2s ease-out;font-family:DM Sans,sans-serif}dialog.create-hero[open]{display:flex;flex-direction:column;justify-content:center}dialog.create-hero>*{box-sizing:border-box;width:100%;max-width:1120px;margin-inline:auto}dialog.create-hero fieldset>*{min-width:0}dialog.create-hero::backdrop{background:#050506c4}dialog.create-hero h2{margin:0 auto 18px;text-align:center;color:#fff1d7;font-size:30px;line-height:1.1;font-weight:800;text-shadow:0 2px 10px #090407}dialog.create-hero .create-close{position:fixed;top:20px;right:max(18px,4vw);z-index:1;width:auto;max-width:none;min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #7c6254;border-radius:4px;background:#211719e6;color:#ead9c0;font:700 12px DM Sans,sans-serif;cursor:pointer;box-shadow:0 8px 24px #09040555}dialog.create-hero .create-close:before{content:"←";font-size:14px}dialog.create-hero .create-close:hover{background:#3b2a2d;color:#fff1d7}dialog.create-hero form>label{display:flex;align-items:center;justify-content:center;gap:14px;color:#e9d8bd;font-size:14px}dialog.create-hero input[name=name]{min-width:min(320px,62vw);padding:11px 12px;border:1px solid #7e6253;border-radius:4px;background:#140f12;color:#fff0dc;font:inherit}dialog.create-hero input[name=name]::placeholder{color:#8f7a68}dialog.create-hero input[name=name]:focus{outline:2px solid #d8b67e;outline-offset:2px}dialog.create-hero fieldset{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 6px;padding:0;border:0}dialog.create-hero legend{margin:0 0 10px;color:#b5b0a8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.class-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:276px;padding:17px 9px 15px;border:1px solid #6c5449;border-radius:6px;background:#1d1417d9;color:#d8e3d1;text-align:center;box-shadow:0 12px 34px #08040566;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s,background .2s}.class-choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;background:linear-gradient(180deg,#ffffff08,#0000 45%,#0002);pointer-events:none}.class-choice:hover{transform:translateY(-3px);border-color:#a3846c;background-color:#2a1d20e6}.class-choice:has(input:checked){border-color:#c9a67c;box-shadow:0 15px 38px #09040588}.class-choice:has(input:checked) .class-sample{animation:hero-idle 2.8s ease-in-out infinite,hero-glow 2.2s ease-in-out infinite}.class-choice:has(input:focus-visible){outline:none}.class-choice>input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.class-choice strong{position:relative;margin-top:4px;color:#fff1d7;font-size:18px;font-weight:800}.class-choice span{position:relative;margin-top:7px;color:#cdbb9e;font-size:11px}.class-choice small{position:relative;margin-top:6px;max-width:190px;color:#a99682;font-size:11px;line-height:1.45}.class-emblem{position:relative;width:76px;height:76px;margin:30px 0 8px;object-fit:contain;filter:drop-shadow(0 2px 4px #000b)}.class-sample{position:relative;width:100%;max-width:166px;height:auto;transform-origin:50% 100%;animation:hero-idle 2.8s ease-in-out infinite;transition:filter .25s}.class-choice:hover .class-sample{animation-duration:1.5s;filter:drop-shadow(0 0 6px #d8b67e55)}.class-emblem.small{position:absolute;right:12px;top:10px;width:42px;height:42px;margin:0}.class-choice.coming-soon{cursor:not-allowed}.class-choice.coming-soon:hover{transform:none;border-color:#6c5449;background-color:transparent}.class-choice.coming-soon>:not(.soon-badge){opacity:.42;filter:grayscale(.75)}.class-choice .soon-badge{position:absolute;top:9px;right:9px;padding:3px 8px;border-radius:4px;background:#6a5145;color:#f1dcc0;font:700 10px DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 8px #0007}dialog.create-hero .create-status{min-height:1.2em;margin:6px 0;text-align:center;color:#ff9d8a;font-size:13px;font-weight:700}dialog.create-hero input[name=name].invalid{border-color:#c0574c;box-shadow:0 0 0 2px #c0574c55}dialog.create-hero button[type=submit]{display:block;min-width:200px;min-height:40px;margin:0 auto;padding:9px 28px;border:1px solid #a36d68;border-radius:4px;background:#8e5655;color:#fff4e4;font:800 14px DM Sans,sans-serif;cursor:pointer;box-shadow:0 8px 24px #09040555}dialog.create-hero button[type=submit]:hover{background:#9b605d}dialog.create-hero button[type=submit]:disabled{opacity:.6;cursor:wait}@keyframes create-in{0%{opacity:0}}@media(max-width:900px){dialog.create-hero fieldset{gap:8px}.class-choice{min-height:232px;padding:12px 6px}.class-sample{max-width:132px}.class-choice small{font-size:10px}}@media(max-width:680px){dialog.create-hero fieldset{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){dialog.create-hero{padding:56px 10px 20px}dialog.create-hero[open]{justify-content:flex-start}dialog.create-hero h2{font-size:24px}dialog.create-hero .create-close{top:12px;right:10px}dialog.create-hero form>label{flex-direction:column;gap:8px}.class-choice{min-height:188px;padding:12px 7px}.class-sample{max-width:110px}.class-choice strong{font-size:15px}.class-choice span{font-size:10px}.class-emblem{width:60px;height:60px}.class-emblem.small{width:34px;height:34px}}@media(max-height:560px){dialog.create-hero h2{margin-bottom:6px;font-size:17px}.class-choice{min-height:168px;padding-block:10px}.class-choice small{display:none}.class-sample{max-width:86px}.class-emblem.small{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){dialog.create-hero{animation:none}}#character-select header .header-spacer{visibility:hidden}#character-select:before,dialog.create-hero:before,#character-select:after,dialog.create-hero:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}#character-select:before,dialog.create-hero:before{top:-24px;right:-24px;bottom:-24px;left:-24px;background:var(--party-art) center 18%/min(118vw,1540px) auto no-repeat,var(--party-glow);filter:blur(4px) saturate(.6) brightness(.55)}#character-select:after,dialog.create-hero:after{background:radial-gradient(ellipse 70% 60% at 50% 45%,#120a1699,#0c0710e0)}dialog.confirm-box{width:min(340px,calc(100vw - 24px));padding:18px 18px 16px;border:2px solid #b88d60;border-radius:14px;background:#f8efe0;box-shadow:0 0 0 3px #5a3e37,0 18px 50px #000b;color:#4a322b;text-align:center;animation:confirm-in .18s ease-out}dialog.confirm-box[open]{display:flex;flex-direction:column;gap:14px}dialog.confirm-box::backdrop{background:#1a0f0c99}dialog.confirm-box p{margin:0;font-size:14px;line-height:1.5;color:#4a2f20}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-actions button{padding:9px 12px;border:1px solid #5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd;font-weight:700;font-size:13px}.confirm-actions button[data-ok]{border-color:#a87a2c;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14}.confirm-actions button[data-ok].danger{border-color:#8f3a37;background:linear-gradient(#e58a84,#c45c57);color:#fff6ea}@keyframes confirm-in{0%{opacity:0;transform:scale(.95)}}.confirm-actions.alone{grid-template-columns:1fr}:root{--game-cursor:url(/assets/ui/cursor-v2/idle0.png) 10 8, auto;--game-cursor-hover:url(/assets/ui/cursor-v2/idle3.png) 10 8, pointer}html,body,*{cursor:var(--game-cursor)!important}:is(button,a[href],[role=button],[role=tab],summary,select,label,input[type=checkbox],input[type=radio],input[type=range]):not(:disabled):hover,:is(button,a[href],[role=button],[role=tab],summary,select,label,input[type=checkbox],input[type=radio],input[type=range]):not(:disabled):hover *{cursor:var(--game-cursor-hover)!important}:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]),textarea,[contenteditable=true]){cursor:text!important}.gold-bump{animation:gold-bump .9s ease-out}.gold-bump .gold-coin{animation:gold-coin-spin .9s ease-out}@keyframes gold-bump{0%{filter:none}18%{transform:scale(1.08);filter:brightness(1.35) drop-shadow(0 0 8px #ffd35a)}to{transform:none;filter:none}}@keyframes gold-coin-spin{30%{transform:rotate(-14deg) scale(1.15)}60%{transform:rotate(8deg)}}.gold-delta{position:fixed;z-index:2000;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap;color:#9df58a;font:800 15px DM Sans,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 8px #53d64a99;animation:gold-delta 1.3s ease-out forwards}@keyframes gold-delta{0%{opacity:0;transform:translate(-50%,-60%) scale(.7)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}@media(prefers-reduced-motion:reduce){.gold-bump,.gold-bump .gold-coin{animation:none}.gold-delta{animation-duration:.01s}}.friend-list{list-style:none;margin:0;padding:0;border-top:2px solid #b88d60}.friend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #d9c3a3}.friend-row:nth-child(odd){background:#ffffff40}.friend-dot{width:10px;height:10px;border-radius:50%;background:#b5a397;box-shadow:inset 0 0 0 1px #8a6a5c66}.friend-row.online .friend-dot{background:#4caf6a;box-shadow:0 0 0 2px #4caf6a33}.friend-who{display:flex;flex-direction:column;min-width:0;line-height:1.3}.friend-who strong{font-size:14px;font-weight:600;color:#4a2f20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-who>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#8a6a5c}.friend-who>span i{font-style:normal}dialog#modal.friends-modal .friend-who .rank-class{margin:0;font-size:11px}.friend-where{font-size:11px;color:#8a6a5c;white-space:nowrap}.friend-row.online .friend-where{color:#2f7a48;font-weight:600}.friend-actions{display:flex;gap:4px}.friend-actions .icon-button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid #b88d60;border-radius:6px;background:linear-gradient(#7a5a4f,#684a40);color:#fadfc0}.friend-actions .icon-button svg{width:16px;height:16px}.friend-actions .icon-button:hover:not(:disabled){background:#8a685c;border-color:#f0cf9a;color:#fff}.friend-actions .icon-button:disabled{opacity:.35}.friend-actions .icon-button[data-primary]{background:linear-gradient(#f0c669,#dba53f);border-color:#a87a2c;color:#4a2f14}.friend-actions .icon-button[data-action=remove]:hover:not(:disabled),.friend-actions .icon-button[data-action=decline]:hover:not(:disabled){background:#b5524f;border-color:#f0b4ae}.friend-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#da7873;color:#fff;font-size:11px;font-style:normal;margin-left:4px}dialog#modal.friends-modal .rank-body{min-height:min(300px,50dvh)}.friend-list li.friend-row:not(.online) .friend-dot{opacity:.7}#dock-friends{position:relative}#dock-friends .friend-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#da7873;color:#fff;font:700 10px DM Sans,sans-serif;line-height:16px;text-align:center;box-shadow:0 0 0 2px #1a0f0c}#dock-friends .friend-badge:empty{display:none}.party-invite{position:fixed;left:50%;top:50%;z-index:60;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 16px;border:2px solid #b88d60;border-radius:14px;background:#f8efe0;box-shadow:0 0 0 3px #5a3e37,0 18px 50px #000b;color:#4a322b;text-align:center;animation:party-invite-in .22s ease-out}.party-invite-head{display:flex;align-items:center;justify-content:center;gap:7px;font:700 12px DM Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a8690f}.party-invite-head svg{width:16px;height:16px}.party-invite-who{display:flex;align-items:center;justify-content:center;gap:10px}.party-invite-who img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 1px 1px #0005)}.party-invite-who div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.party-invite-who strong{font:700 18px Cinzel,serif;color:#4a2f20;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-invite-who small{font-size:12px;color:#8a6a5c}.party-invite p{margin:0;font-size:13px;color:#6d5146}.party-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.party-invite button{padding:9px 12px;border:1px solid #5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd;font-weight:700;font-size:13px}.party-invite button[data-accept]{border-color:#a87a2c;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14}@keyframes party-invite-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}}@media(max-width:700px){.friend-row{grid-template-columns:12px minmax(0,1fr) auto;gap:8px;padding:8px 6px}.friend-where{grid-column:2;font-size:10px}.friend-actions{grid-row:1/3;grid-column:3}.friend-actions .icon-button{width:30px;height:30px}}#party-panel{margin-top:14px;pointer-events:auto;font:12px DM Sans,sans-serif;color:#f3e6d6;text-shadow:0 1px 3px #071c20}#party-panel[hidden]{display:none}.party-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #bec8a02e}.party-head>span{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d8c48f}.party-head>span svg{width:13px;height:13px}.party-head b{color:#fff1da}.party-leave{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #bec8a045;border-radius:4px;background:#152c2ccc;color:#e3c9aa}.party-leave svg{width:12px;height:12px}.party-leave:hover{background:#b5524f;border-color:#f0b4ae;color:#fff}.party-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.party-member{position:relative;display:flex;align-items:center;gap:9px}.party-member.offline{opacity:.5}.pm-portrait{position:relative;flex:none;width:36px;height:41px;display:flex;justify-content:center;border:1px solid #cfbf8580;background:#1c3231cc;box-shadow:0 0 0 2px #13282980}.pm-portrait img{width:30px;height:38px;object-fit:contain;image-rendering:pixelated}.pm-level{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);min-width:18px;height:14px;padding:0 3px;background:#273b36;border:1px solid #a89765;text-align:center;font-size:8px;line-height:12px;color:#efd9a9}.pm-vitals{flex:1;min-width:0}.pm-head{display:flex;align-items:center;gap:4px;margin-bottom:3px;min-width:0}.pm-head svg{width:11px;height:11px;color:#f6c95a;flex:none}.pm-head strong{font-size:11px;font-weight:600;color:#fff1da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-emblem{width:14px;height:14px;object-fit:contain;flex:none}.pm-where{margin-left:auto;font-size:8px;color:#9fb3aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.pm-hp,.pm-xp{position:relative;width:100%;overflow:hidden}.pm-hp{height:11px;background:#152c2ccc;border:1px solid #bec8a035}.pm-xp{height:8px;margin-top:2px;background:#0e242bd9;border:1px solid #bec8a02e}.pm-hp>i,.pm-xp>i{position:absolute;inset:0 auto 0 0;transition:width .25s ease-out}.pm-hp>i{background:linear-gradient(180deg,#e0434b,#a8182a);border-top:1px solid #ff8a8a}.party-member.down .pm-hp>i{background:#6e0a16}.pm-xp>i{background:linear-gradient(180deg,#e8cf8c,#b8963f)}.pm-hp>em,.pm-xp>em{position:absolute;top:0;right:0;bottom:0;left:0;font-style:normal;text-align:center;color:#fff4f0;text-shadow:0 1px 2px #000}.pm-hp>em{font-size:7px;line-height:9px}.pm-xp>em{font-size:6px;line-height:6px}.party-kick{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;width:15px;height:15px;padding:0;border:0;border-radius:3px;background:#000a;color:#e3c9aa;opacity:0;transition:opacity .15s}.party-member:hover .party-kick,.party-kick:focus-visible{opacity:1}.party-kick:hover{background:#b5524f;color:#fff}.party-kick svg{width:10px;height:10px}.party-empty{margin:0;font-size:10px;color:#c9a98a}dialog.reward-popup{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:0 0 20px;border:2px solid #b88d60;border-radius:14px;background:#f8efe0;box-shadow:0 0 0 4px #5a3e37,0 18px 50px #000a;color:#4a342a;text-align:center;overflow:hidden;flex-direction:column;gap:16px;animation:reward-in .3s ease-out}dialog.reward-popup[open]{display:flex}dialog.reward-popup::backdrop{background:#241914d9;-webkit-backdrop-filter:none;backdrop-filter:none;animation:reward-fade .2s ease-out}dialog.reward-popup.closing{animation:reward-out .18s ease-in forwards}dialog.reward-popup h2{flex:none;margin:0;padding:14px 20px 13px;background:linear-gradient(#7a5a4f,#62463d);border-bottom:2px solid #b88d60;color:#fff1da;font:700 clamp(18px,3vw,23px)/1.4 "Cinzel",serif;letter-spacing:.03em;text-shadow:0 1px 0 #3a2620}.reward-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px 20px;scrollbar-color:#b98a51 #0000;scrollbar-width:thin}dialog.reward-popup:before{content:"";position:absolute;left:50%;top:52%;width:320px;height:220px;margin:-110px 0 0 -160px;background:radial-gradient(closest-side,#ffe9b066,transparent);pointer-events:none}.reward-items{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px}.reward-items:empty{display:none}.reward-items li{width:100px;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:0;animation:reward-pop .4s ease-out var(--delay) forwards}.reward-art{position:relative;width:74px;height:74px;display:grid;place-items:center;border:2px solid var(--rarity,#b88d60);border-radius:10px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rarity,#b88d60) 30%,#7a5a4f),#553a33 78%);box-shadow:inset 0 0 0 1px #3a262080,0 2px #c9a98a}.reward-art>img{width:60px;height:60px;object-fit:contain}.reward-level{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.reward-level .enhance-letter{width:20px;height:17px}.reward-name{max-width:100%;font-size:11px;font-weight:600;line-height:1.45;color:#4a342a;overflow-wrap:anywhere}.reward-chips{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;opacity:0;animation:reward-pop .4s ease-out var(--delay) forwards}.reward-chip{display:flex;align-items:center;gap:10px;min-width:132px;padding:8px 14px 8px 8px;border:1px solid #c9a56f;border-radius:8px;background:linear-gradient(#fffaf0,#f6e8d0);box-shadow:inset 0 1px #ffffffb3,0 2px #c9a56f55;text-align:left}.reward-chip-art{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(#7a5a4f,#62463d);border:1px solid #5a3e37}.reward-chip-art :is(svg,img){width:26px;height:26px;object-fit:contain;animation:none}.reward-chip-art i{font:800 12px DM Sans,sans-serif;font-style:normal;letter-spacing:.04em;color:#bfe3ff;text-shadow:0 0 6px #5fa8ff}.reward-chip-text{display:flex;flex-direction:column;line-height:1.2}.reward-chip-text b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#4a2f20;white-space:nowrap}.reward-chip.gold .reward-chip-text b{font-size:18px;color:#a8690f}.reward-chip-text small{font-size:11px;color:#8a6a5c}dialog.reward-popup .reward-ok{flex:none;align-self:center;width:min(280px,calc(100% - 40px));min-height:46px;margin:0;padding:8px 20px;border:1px solid #a87a2c;border-radius:8px;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14;font:700 16px DM Sans,sans-serif;text-shadow:0 1px 0 #ffe9b0;box-shadow:inset 0 1px #fff3c9,0 2px #a87a2c;transition:transform .15s}dialog.reward-popup .reward-ok:hover:not(:disabled){background:linear-gradient(#f6d27e,#e3b04c);transform:translateY(-1px)}@keyframes reward-in{0%{opacity:0;transform:scale(.9)}}@keyframes reward-out{to{opacity:0;transform:scale(.95)}}@keyframes reward-fade{0%{opacity:0}}@keyframes reward-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:none}}@media(max-width:560px){dialog.reward-popup{width:calc(100vw - 16px);gap:12px;padding-bottom:14px}dialog.reward-popup h2{padding:11px 14px 10px}.reward-body{gap:12px;padding-inline:10px}.reward-items{gap:12px 6px}.reward-items li{width:88px}.reward-art{width:66px;height:66px}.reward-art>img{width:54px;height:54px}.reward-chip{min-width:0;flex:1 1 130px;padding-right:8px}.reward-chip.gold .reward-chip-text b{font-size:15px}}@media(max-height:500px)and (min-width:561px){dialog.reward-popup{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 16px);gap:8px;padding-bottom:10px}dialog.reward-popup h2{font-size:17px;padding:7px 14px 6px}.reward-body{gap:8px;padding-block:2px}.reward-items li{width:88px;gap:4px}.reward-art{width:56px;height:56px}.reward-art>img{width:46px;height:46px}.reward-name{font-size:10px}.reward-chip{padding-block:5px}.reward-chip-art{width:32px;height:32px}dialog.reward-popup .reward-ok{min-height:40px;font-size:15px}}@media(prefers-reduced-motion:reduce){dialog.reward-popup,.reward-items li,.reward-chips{animation:none;opacity:1}}dialog.events-modal{width:min(1000px,calc(100vw - 24px));padding:0;border:1px solid #d9b25e;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 18% 0%,#6a36a855,transparent 45%),radial-gradient(circle at 90% 100%,#8a5a2a55,transparent 50%),linear-gradient(160deg,#241543,#150d2b 60%,#1b1233);box-shadow:0 0 0 1px #3a2150,0 0 40px #b47bff33,0 24px 70px #000d;color:#efe4ff}dialog.events-modal::backdrop{background:#0a0616c4}dialog.events-modal .modal-close{z-index:3;color:#f5d27a;border-color:#d9b25e;background:#2a1a45}.event-banner{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 60px 4px}.event-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#ffe7a0 0 1.2px,transparent 2px),radial-gradient(circle,#d7b3ff 0 1px,transparent 1.8px);background-size:90px 60px,53px 41px;background-position:12px 8px,40px 30px;opacity:.5;animation:event-twinkle 3s ease-in-out infinite alternate}.event-banner-art{position:relative;width:min(540px,100%);height:auto;filter:drop-shadow(0 6px 14px #000a)}.event-banner-plain{position:relative;display:flex;align-items:center;gap:12px}.event-banner-gift{width:60px;height:60px;animation:event-float 2.6s ease-in-out infinite}.event-banner h2{margin:0;font:800 30px/1.1 Cinzel,DM Sans,sans-serif;background:linear-gradient(#fff6c8,#f3c24b 55%,#d58a1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #4a1f00)}.event-banner p{position:relative;margin:2px 0 0;color:#f3e6ff;font-size:13px;text-shadow:0 1px 3px #000}.event-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;padding:10px 18px 20px}.event-list,.event-detail{position:relative;border:8px solid transparent;border-radius:18px;border-image:url(/assets/ui/event/panel.webp) 150 110 74 78 / 58px 42px 28px 30px stretch;background:linear-gradient(#1c1a55,#2e2268 74px,#33256f calc(100% - 32px),#4a2d9a) padding-box}.event-list{display:flex;flex-direction:column;gap:6px;max-height:480px;overflow:auto;padding:11px 13px 11px 17px;scrollbar-width:none}.event-row{flex:none;display:grid;grid-template-columns:44px 56px minmax(0,1fr) auto 26px;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 4px;border:1px solid #5a3f86;border-radius:10px;background:linear-gradient(90deg,#2d1a52,#1f1340);color:#efe4ff;font:600 14px DM Sans,sans-serif;text-align:left;cursor:pointer;transition:filter .15s,transform .15s}.event-row:hover{border-color:#8f6cc4;transform:translate(2px)}.event-row.selected{border-color:#e8bd5a;box-shadow:0 0 0 1px #e8bd5a55,0 0 12px #e8bd5a44;background:linear-gradient(90deg,#43266e,#2d1a52)}.event-row-gift{width:42px;height:42px;object-fit:contain}.event-row-level{font:800 19px Cinzel,DM Sans,sans-serif;color:#fff1c9;text-shadow:0 1px 2px #000}.event-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#dccfff}.event-row-state{width:22px;height:22px;display:grid;place-items:center;color:#ffd35a;font-weight:900;font-size:18px;text-shadow:0 0 6px #ffc94a99}.event-row.claimed{opacity:.75}.event-row.claimed .event-row-gift{filter:grayscale(.6)}.event-row.locked .event-row-gift{filter:grayscale(.85) brightness(.75)}.event-row.locked .event-row-level{color:#a99bc4}.event-detail{position:relative;padding:9px 19px 15px 21px}.event-detail-head{display:flex;align-items:center;gap:10px}.event-detail-gift{width:74px;height:60px;display:grid;place-items:center;flex:none}.event-detail-gift img{width:80px;height:auto;filter:drop-shadow(0 0 12px #d68cff88);animation:event-float 2.6s ease-in-out infinite}.event-detail h3{margin:0;font:800 21px DM Sans,sans-serif;color:#fff1c9;text-shadow:0 1px 3px #000}.event-divider{display:block;width:100%;height:auto;margin:4px 0 2px;opacity:.9}.event-desc{margin:6px 0 10px;color:#dccfff;font-size:13px;line-height:1.55}.event-label{display:block;margin-bottom:8px;color:#f5d27a;font-size:13px}.event-progress{position:relative;height:22px;margin-bottom:14px;border:1px solid #8a6cb8;border-radius:11px;background:#140a26;overflow:hidden}.event-progress>span{position:absolute;inset:0 auto 0 0;border-radius:10px;background:linear-gradient(#e7a8ff,#b155f0 60%,#8a33d0);box-shadow:0 0 10px #c77cffaa}.event-progress>b{position:relative;display:block;text-align:center;line-height:20px;font-size:12px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.event-rewards{margin-top:4px}.event-label-art{display:block;height:34px;width:auto;margin:0 0 6px -4px}.event-rewards ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.event-rewards li{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border:1px solid #3f2c66;border-radius:9px;background:#140c2b;font-size:15px}.event-reward-art{position:relative;width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid var(--rarity,#d9b25e);border-radius:6px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity,#f3c24b) 40%,transparent),#0d0820 75%)}.event-reward-art>img{width:40px;height:40px;object-fit:contain}.event-reward-art>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0}.event-reward-art.gold svg.gold-coin{width:34px;height:28px}.event-claim{display:block;width:100%;margin-top:12px;min-height:54px;padding:0;border-style:solid;border-width:12px 38px 12px 38px;border-color:transparent;border-image:url(/assets/ui/event/claim.webp) 26 80 26 80 / 12px 38px 12px 38px stretch;background:linear-gradient(#ffeaa6,#f5c75a 55%,#e6a73a) padding-box;color:#3b2206;font:800 22px DM Sans,sans-serif;letter-spacing:.02em;cursor:pointer;filter:drop-shadow(0 0 10px #f3c24b88);animation:event-claim-glow 1.6s ease-in-out infinite;transition:transform .15s}.event-claim:hover{transform:translateY(-1px) scale(1.01)}.event-claim:active{transform:scale(.97)}.event-claim:disabled{opacity:.6;cursor:wait;animation:none}.event-state{margin:16px 0 0;padding:11px;border:1px dashed #8a74b0;border-radius:10px;text-align:center;color:#cbbbe6;font-size:13px}.event-state.done{border-style:solid;border-color:#6fcf7e;color:#a9f0b3}@keyframes event-float{50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes event-twinkle{to{opacity:.95}}@keyframes event-claim-glow{50%{filter:drop-shadow(0 0 20px #f3c24bcc)}}@media(max-width:760px){.event-body{grid-template-columns:1fr}.event-row{grid-template-columns:36px 48px minmax(0,1fr) auto 24px;font-size:12px}.event-row-gift{width:34px;height:34px}.event-row-level{font-size:15px}}@media(prefers-reduced-motion:reduce){.event-banner:before,.event-banner-gift,.event-detail-gift img,.event-claim{animation:none}}dialog.events-modal[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}dialog.events-modal #modal-content{display:flex;flex-direction:column;min-height:0;flex:1}.event-body{min-height:0;overflow:auto;scrollbar-width:none}.event-body::-webkit-scrollbar,.event-list::-webkit-scrollbar{display:none}@media(max-width:760px){dialog.events-modal{width:calc(100vw - 16px)}.event-banner{padding:10px 46px 2px}.event-banner-art{width:min(420px,100%)}.event-banner p{font-size:11px;text-align:center}.event-body{grid-template-columns:1fr;gap:10px;padding:8px 10px 14px}.event-detail{order:-1}.event-list,.event-detail{border-image-width:42px 30px 20px 22px;border-width:6px}.event-list{max-height:none;overflow:visible;padding:8px 8px 8px 12px}.event-detail{padding:6px 12px 12px 14px}.event-row{grid-template-columns:32px 44px minmax(0,1fr) auto 18px;gap:6px;min-height:38px;font-size:12px}.event-row-gift{width:30px;height:30px}.event-row-level{font-size:14px}.event-row-title{font-size:11px}.event-detail-gift{width:64px;height:54px}.event-detail-gift img{width:70px}.event-detail h3{font-size:16px}.event-desc{font-size:12px;margin:6px 0 8px}.event-progress{height:28px}.event-claim{min-height:52px;font-size:18px}.event-rewards li{min-height:48px;font-size:13px}.event-reward-art{width:42px;height:42px}.event-reward-art>img{width:36px;height:36px}}.event-gift{position:absolute;top:12px;right:250px;z-index:18;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 4px 8px #000a)}.event-gift img{width:100%;height:100%;animation:event-float 2.4s ease-in-out infinite}.event-gift:hover img{filter:brightness(1.15) drop-shadow(0 0 10px #e7a6ff)}.event-gift.has-ready img{filter:drop-shadow(0 0 10px #ffd35a)}.event-gift .event-count{position:absolute;top:-5px;right:-7px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#e2362f;color:#fff;font:800 9px/14px DM Sans,sans-serif;box-shadow:0 0 0 2px #1a0f2e,0 0 10px #ff4a3a;animation:event-count-pulse 1.1s ease-in-out infinite}.event-gift .event-count[hidden]{display:none}.event-gift span.event-caption{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);white-space:nowrap;padding:0 5px;border-radius:5px;background:#2a1747e6;border:1px solid #d9b25e;color:#ffe29a;font:700 7px DM Sans,sans-serif}@keyframes event-count-pulse{50%{transform:scale(1.18)}}@media(max-width:700px){.event-gift{right:auto;left:10px;top:118px;width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.event-gift img,.event-gift .event-count{animation:none}}.world-chat{position:absolute;left:18px;bottom:34px;z-index:14;width:var(--chat-width,260px);display:flex;flex-direction:column;border:1px solid #4b5a4c;border-radius:5px;background:#0a14159e;box-shadow:0 4px 18px #0006;font:12px DM Sans,sans-serif;color:#e6e0cc;transition:background .2s,border-color .2s}.world-chat:hover,.world-chat.typing{background:#0a1415db;border-color:#6e6446}.chat-head{display:flex;align-items:center;height:28px;border-bottom:1px solid #33463f}.chat-title{flex:1;display:flex;align-items:center;gap:7px;padding:0 9px;color:#f1e3bd;font-weight:600;font-size:12px}.chat-bubble{width:16px;height:16px;flex:none}.chat-fold{position:relative;flex:none;display:grid;place-items:center;width:30px;height:100%;padding:0;border:0;border-left:1px solid #33463f;background:none;color:#e6e7c9;cursor:pointer;transition:background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.chat-fold:hover{background:#2a3d38}.chat-fold:active{transform:scale(.88);transition-duration:.06s}.chat-fold .fold-sign{font-size:18px;line-height:1}.chat-fold .chat-bubble{display:none;width:18px;height:18px}.chat-unread{display:none;position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#e0584a;box-shadow:0 0 0 2px #102526}.chat-log{list-style:none;margin:0;padding:6px 9px;height:132px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#6e6446 transparent}.chat-log::-webkit-scrollbar{width:5px}.chat-log::-webkit-scrollbar-thumb{background:#6e6446;border-radius:3px}.chat-log li{line-height:1.45;word-break:break-word;text-shadow:0 1px 2px #000c;animation:chat-in .2s ease-out}.chat-log li:first-child{margin-top:auto}.chat-level{margin-right:4px;color:#9fb3aa;font-size:10px}.chat-log b{font-weight:600}.chat-note{color:#8fa49b;font-style:italic}.chat-error{color:#f0a08a}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.chat-form{display:flex;gap:4px;padding:5px;border-top:1px solid #33463f}.chat-form input{flex:1;min-width:0;height:26px;padding:0 8px;border:1px solid #3d5550;border-radius:3px;background:#0c1716;color:#f1e3bd;font:12px DM Sans,sans-serif;outline:0}.chat-form input:focus{border-color:#c9a45c}.chat-form input::placeholder{color:#6f837b}.chat-form>button{padding:0 11px;border:1px solid #8a7a58;border-radius:3px;background:linear-gradient(#3a5048,#2a3d38);color:#f1e3bd;font-size:12px;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.8,.64,1)}.chat-form>button:active{transform:translateY(1px) scale(.92);transition-duration:.06s}.world-chat.folded{width:34px;min-width:0;background:#102526de;border-color:#c6cf9b80}.world-chat.folded .chat-head{height:32px;border:0}.world-chat.folded .chat-title,.world-chat.folded .chat-log,.world-chat.folded .chat-form,.world-chat.folded .fold-sign{display:none}.world-chat.folded .chat-fold{width:100%;border:0}.world-chat.folded .chat-fold .chat-bubble,.world-chat.folded.unread .chat-unread{display:block}.world-chat.lifted{width:240px}@media(max-width:700px){.world-chat{left:10px}.world-chat.lifted{width:200px}.chat-log{height:90px}}@media(max-height:500px){.world-chat{bottom:100px}.chat-log{height:70px}}@media(prefers-reduced-motion:reduce){.chat-log li{animation:none}}.world-chat{--normal:#ffffff;--party:#ff8fd0;--world:#ffa04a;--whisper:#c79bff;--server:#79e08c}.chat-line{color:#e6e0cc}.chat-line b{cursor:pointer}.chat-line b:hover{text-decoration:underline}.chat-normal,.chat-normal b{color:var(--normal)}.chat-party,.chat-party b{color:var(--party)}.chat-world,.chat-world b{color:var(--world)}.chat-whisper,.chat-whisper b{color:var(--whisper)}.chat-tag{margin-right:4px;font-size:10px;font-weight:600;opacity:.85}.chat-line .chat-level{color:#9fb3aa;font-size:10px;margin:0}.chat-channel-normal{color:var(--normal)}.chat-channel-party{color:var(--party)}.chat-channel-world{color:var(--world)}.chat-channel-whisper{color:var(--whisper)}.chat-form .chat-to{display:none;flex:0 0 72px;color:var(--whisper)}.world-chat[data-channel=whisper] .chat-to{display:block}.world-chat[data-channel=normal] .chat-input{color:var(--normal)}.world-chat[data-channel=party] .chat-input{color:var(--party)}.world-chat[data-channel=world] .chat-input{color:var(--world)}.world-chat[data-channel=whisper] .chat-input{color:var(--whisper)}.chat-mode{position:relative;flex:none}.chat-mode-button{display:flex;align-items:center;gap:2px;height:26px;padding:0 5px;border:1px solid #3d5550;border-radius:3px;background:#0c1716;cursor:pointer;transition:border-color .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.chat-mode-button:hover,.chat-mode-button[aria-expanded=true]{border-color:currentColor}.chat-mode-button:active{transform:translateY(1px) scale(.9);transition-duration:.06s}.chat-mode-button.pop{animation:chat-pop .35s cubic-bezier(.34,1.8,.64,1)}@keyframes chat-pop{0%{transform:scale(.88)}55%{transform:scale(1.1)}to{transform:none}}.chat-mode-icon{width:16px;height:16px}.chat-mode-caret{font-size:8px;opacity:.8}.world-chat[data-channel=normal] .chat-mode-button{color:var(--normal)}.world-chat[data-channel=party] .chat-mode-button{color:var(--party)}.world-chat[data-channel=world] .chat-mode-button{color:var(--world)}.world-chat[data-channel=whisper] .chat-mode-button{color:var(--whisper)}.chat-mode-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:5;min-width:130px;display:flex;flex-direction:column;padding:4px;border:1px solid #6e6446;border-radius:5px;background:#101c1bf2;box-shadow:0 6px 18px #000a;animation:chat-menu .16s ease-out;transform-origin:bottom left}.chat-mode-menu[hidden]{display:none}@keyframes chat-menu{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}.chat-mode-menu button{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:3px;background:none;font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s,transform .18s cubic-bezier(.34,1.8,.64,1)}.chat-mode-menu button:hover{background:#223634}.chat-mode-menu button:active{transform:scale(.95);transition-duration:.06s}.chat-mode-menu button span{flex:1}.chat-mode-check{visibility:hidden;font-style:normal;font-size:11px}.chat-mode-menu button[aria-checked=true]{background:#1b2d2b}.chat-mode-menu button[aria-checked=true] .chat-mode-check{visibility:visible}.chat-line.chat-server,.chat-server b,.chat-channel-server,.world-chat[data-channel=server] .chat-input,.world-chat[data-channel=server] .chat-mode-button{color:var(--server)}.world .level-summary{display:none}.world-chat.folded,.world-chat.folded.lifted{width:34px}.chat-theme{margin-left:auto;margin-right:6px}.chat-theme-button{display:grid;place-items:center;width:34px;height:24px;padding:0;border:1px solid #d6dfb07d;border-radius:4px;background:#102526de;cursor:pointer}.chat-theme-button:hover{background:#355047}.chat-theme-menu{position:absolute;left:0;bottom:calc(100% + 6px);z-index:30;width:min(250px,calc(100vw - 20px));box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border:1px solid #c9a45c;border-radius:8px;background:#122423f5;box-shadow:0 8px 24px #000b}.chat-theme-menu[hidden]{display:none}.chat-theme-menu button{display:grid;place-items:center;min-width:0;padding:6px 4px;border:1px solid #3d5550;border-radius:6px;background:#1b3032;color:#dfe6d8;font-size:11px;cursor:pointer}.chat-theme-menu button:hover{border-color:#c9a45c}.chat-theme-menu button[aria-checked=true]{border-color:#f0c875;background:#2e4540;box-shadow:0 0 0 1px #f0c875}.bubble-preview{display:grid;place-items:center;width:100%;max-width:104px;height:56px;background:center/contain no-repeat;color:#1f2a28;font-weight:800}.chat-theme-button .bubble-preview{width:30px;height:20px}.bubble-preview.bubble-default{width:60px;height:30px;border:1.5px solid #c9a45c;border-radius:8px;background:#fbf6e8}.chat-theme-button .bubble-preview.bubble-default{width:22px;height:14px;font-size:9px;line-height:1}.bubble-preview.bubble-bunny{background-image:url(/assets/ui/chat/bubble-bunny.webp)}.bubble-preview.bubble-shiba{background-image:url(/assets/ui/chat/bubble-shiba.webp)}.bubble-preview.bubble-moon{background-image:url(/assets/ui/chat/bubble-moon.webp)}.chat-head .chat-bubble path:first-child{fill:#f4f6f0;stroke:#c9d4cc}.chat-head .chat-bubble path:not(:first-child){stroke:#1b2b2a}.chat-line.chat-system{color:#f6d27e}.chat-line.chat-system .chat-system-name{color:#ffb347;font-weight:700}@font-face{font-family:Titan Damage;src:url(/assets/fonts/TitanOne-Regular.ttf) format("truetype");font-display:block}:root{font-family:DM Sans,sans-serif;color:#e0e5d8;background:#121e21;font-synthesis:none;--gold:#d6bf87;--muted:#86978e;--line:#ffffff12;--biome-accent:#80d6aa;letter-spacing:0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}:focus-visible:not(input,textarea,select){outline:none}button{touch-action:manipulation}svg{width:20px;height:20px;flex:none}button svg{pointer-events:none}[hidden]{display:none!important}a{color:inherit;text-decoration:none}kbd{font-family:DM Sans,sans-serif}#app{height:100dvh;min-height:400px;display:flex;flex-direction:column}.topbar{height:78px;flex:none;background:#121e21;border-bottom:1px solid #c8d3a41f;display:flex;align-items:center;padding:0 28px;gap:36px;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:222px;color:#e6d5a7;font-family:Cinzel,Georgia,serif;font-size:23px;font-weight:600;line-height:1.2}.brand small{display:block;font:9px DM Sans,sans-serif;color:#8d9a90;margin-top:5px}.brand-mark{width:35px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #9c8e6459;clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%)}.brand-mark svg{width:27px;height:30px}.chapter-nav{display:flex;align-items:center;gap:13px;font-size:12px;color:#b4bfb2}.chapter-nav>span:nth-child(2){font-size:10px;color:#d0c095}.chapter-dot,.online-dot,.connection>span,.zone-dot{width:5px;height:5px;background:#91b897;display:inline-block;border-radius:50%;flex:none}.nav-divider{color:#53635e}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.connection{display:flex;align-items:center;gap:8px;color:#a2afa4;font-size:11px;margin-right:15px;white-space:nowrap}.connection>span{background:#b29163}.connection.live>span{background:#92c59c;box-shadow:0 0 10px #82c88b3b}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:#a5b3a9;padding:6px;flex:none;transition:background .15s,color .15s}.icon-button:hover{color:#e8d4a3;background:#ffffff09;border-color:#ffffff15}.game-layout{display:flex;flex:1;min-height:0}.world{position:relative;flex:1;min-width:0;overflow:hidden;background:#263f35}#game{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block;image-rendering:pixelated}.world-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 130px 20px #0e262b60;background:linear-gradient(180deg,#0d222839 0%,transparent 27%,transparent 72%,#0c22268a 100%)}.player-hud{position:absolute;top:27px;left:27px;display:flex;align-items:center;gap:12px;pointer-events:none}.portrait{width:54px;height:61px;border:1px solid #cfbf8580;background:#1c3231cc;display:flex;justify-content:center;position:relative;box-shadow:0 0 0 3px #13282980}.portrait img{image-rendering:pixelated;width:42px;height:55px;object-fit:contain}.portrait>span{position:absolute;bottom:-8px;left:16px;min-width:22px;height:18px;background:#273b36;border:1px solid #a89765;text-align:center;font-size:10px;line-height:16px;color:#efd9a9}.vitals{width:168px;text-shadow:0 1px 3px #071c20}.player-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.player-heading strong{font-size:13px;font-weight:500}.player-heading>span{font-size:7px;color:#bdc7ae}.health-track{position:relative;width:100%;height:15px;background:#152c2ccc;border:1px solid #bec8a035;overflow:hidden}.health-track>div{height:100%;background:linear-gradient(180deg,#e0434b,#a8182a);border-top:1px solid #ff8a8a;transition:width .2s}.health-track>div.low{background:linear-gradient(180deg,#b01828,#6e0a16);border-color:#ff5a5a;animation:health-low 1s ease-in-out infinite}@keyframes health-low{50%{filter:brightness(1.45)}}.health-track>span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:9px;line-height:13px;color:#fff4f0;text-shadow:0 1px 2px #3a0008}.xp-track{height:3px;margin-top:5px;background:#0e242b9c}.xp-track>div{height:100%;background:#d6bc81;transition:width .2s}.area-title{position:absolute;top:30px;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 2px 14px #071f24;pointer-events:none;width:390px;max-width:48%}.area-title>span{font-size:9px;color:#d1c896}.area-title h1{font-family:Cinzel,Georgia,serif;font-size:27px;font-weight:500;margin:8px 0 6px;line-height:1.2;color:#e4e7cd}.area-title p{font-size:11px;color:#b4c7ad;margin:0;font-style:italic}.area-title{opacity:0}.area-title.reveal{animation:area-intro 5.4s ease both}@keyframes area-intro{0%{opacity:0;translate:0 6px;scale:1}8%,82%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:120px -24px;scale:.7}}.zone-note{position:absolute;top:113px;left:27px;display:flex;align-items:center;gap:8px;font-size:10px;color:#c0cbb3;text-shadow:0 1px 4px #182920}.zone-dot{width:4px;height:4px;background:#c5c591}#toast{position:absolute;bottom:136px;left:50%;transform:translate(-50%,8px);padding:11px 20px;background:#142c2aeb;border:1px solid #b7c28b40;color:#e3deb4;opacity:0;transition:opacity .2s,transform .2s;font-size:12px;text-align:center;pointer-events:none;max-width:90%;width:max-content;z-index:15}#toast.visible{opacity:1;transform:translate(-50%)}.bottom-bar{position:absolute;bottom:40px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.bottom-bar>*{pointer-events:auto}.level-summary{display:flex;gap:10px;align-items:center;min-width:140px}.level-summary>span{font:30px Cinzel,serif;color:#d9c48f;line-height:1}.level-summary>div{display:flex;flex-direction:column;gap:4px}.level-summary strong{font-family:Cinzel,serif;font-size:12px;color:#d8dec9;font-weight:500}.level-summary small{color:#9faf9b;font-size:9px}.hotbar{display:flex;align-items:center;gap:9px;background:#152b2de8;padding:9px 11px;border:1px solid #a9ad8150;border-radius:5px;box-shadow:0 6px 25px #07191950}.ability{width:56px;height:56px;position:relative;background:#263c3d;border:1px solid #9daf914a;border-radius:3px;display:flex;justify-content:center;align-items:center;isolation:isolate;overflow:hidden;transition:border-color .15s,background .15s}.ability:hover:not(:disabled){border-color:#e9d59d;background:#3b5145}.ability:active:not(:disabled){transform:translateY(1px)}.ability:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--cooldown,0%);background:#061b26bb;z-index:1;pointer-events:none}.ability-icon svg{width:28px;height:28px}.basic{color:#e6dcb8}.magic{color:#b2dcce;background:#2c4945}.dash{color:#a6ced5;background:#2d4348}.heal{color:#dc9e8b;background:#453d39}.ability kbd{position:absolute;bottom:2px;left:4px;font-size:8px;color:#d4d5bd;z-index:3}.ability .cooldown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:18px;color:#efead5;z-index:4;text-shadow:0 1px 5px #000}.ability.cooling .ability-icon{opacity:.5}.item-count{position:absolute;right:4px;top:2px;font-size:10px;color:#ecd7ba}.hotbar-divider{height:33px;width:1px;background:#a7ae8150;margin:0 2px}.utility-buttons{display:flex;gap:7px;justify-content:flex-end;min-width:140px}.utility-buttons .icon-button{width:39px;height:39px;border-color:#a9b39640;background:#1a3231c9}.world-footer{position:absolute;bottom:13px;left:28px;right:27px;display:flex;justify-content:space-between;font-size:8px;color:#9daf9b;pointer-events:none}.world-footer>span{display:flex;gap:6px;align-items:center}.world-footer svg{width:11px;height:11px}.journal{width:286px;flex:none;display:flex;flex-direction:column;background:#172626;border-left:1px solid #c3cead1a;padding:25px 23px 19px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d5146 transparent}.journal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.journal-heading>span:first-child{color:#cbd1bc;font-size:10px}.chapter-badge{color:#85958c;font-size:9px}.minimap-wrap{width:100%;aspect-ratio:240/176;position:relative;border:1px solid #acb58c40;background:#2b4135;overflow:hidden;box-shadow:inset 0 0 30px #102b22}.minimap-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 25px 4px #0d242a80;pointer-events:none}#minimap{width:100%;height:100%;display:block;image-rendering:pixelated}.map-north{position:absolute;bottom:8px;right:12px;font:10px Cinzel,serif;color:#d9ddb9}.map-label{position:absolute;left:0;right:0;top:0;padding:8px 36px 14px 10px;display:flex;align-items:center;gap:7px;background:linear-gradient(#11292bf0,transparent);font:500 13px/1.2 Cinzel,Georgia,serif;color:#e4e7cd;text-shadow:0 1px 6px #071f24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-label>span{overflow:hidden;text-overflow:ellipsis}.map-label svg{width:12px;height:12px}.quest-section{padding:26px 0 24px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:8px;font-size:8px;color:#afad88}.gold-line{display:inline-block;width:17px;height:1px;background:#bfb07f}.quest-section h2{font:18px/1.4 Cinzel,serif;font-weight:500;color:#e0dbc2;margin:11px 0 9px}.quest-section>p{font-size:11px;line-height:1.8;color:#91a399;margin:0 0 21px}.quest-objective{display:flex;align-items:flex-start;gap:10px}.quest-objective>span:first-child{color:#bbbe8a;margin-top:2px}.quest-objective svg{width:15px;height:15px}.quest-objective>div{display:flex;flex-direction:column;gap:6px}.quest-objective strong{font-size:10px;font-weight:500;color:#c8d1bf}.quest-objective>div>span{font-size:9px;color:#8c9d8d}#quest-fraction{font-size:10px;color:#cfc79c;margin-left:auto;white-space:nowrap}.quest-track{height:3px;background:#c2c7a018;margin:13px 0 18px}.quest-track>span{height:100%;width:0;display:block;background:#b1b88a;transition:width .3s}.reward{display:flex;align-items:center;justify-content:space-between}.reward>span{font-size:8px;color:#84958b}.reward strong{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#ddc58d}.reward svg{width:12px;height:12px}.reward small{font-size:9px;color:#94a28e;font-weight:400}.route-section{padding-top:24px}.route-section>.section-label{color:#92a193}.route{margin:19px 0 10px;padding:0;list-style:none}.route li{position:relative;display:flex;align-items:center;gap:11px;min-height:69px;color:#61766c}.route li:before{content:"";position:absolute;left:13px;top:47px;height:23px;border-left:1px solid #758c6a30}.route li:last-child:before{display:none}.route-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #7c92713b;font-size:9px;flex:none}.route-number svg{width:14px;height:14px}.route li>div{display:flex;flex-direction:column;gap:6px}.route strong{font:11px Cinzel,serif;font-weight:500}.route small{font-size:9px;color:#768c7f}.route li>svg{width:13px;height:13px;margin-left:auto}.route li.active{color:#e1cf9c}.route li.active .route-number{border-color:#bfb7868a;background:#b6bd7920}.route li.active small{color:#a2af93}.route li.complete{color:#8db396}.journal-bottom{margin-top:auto;padding-top:25px}.gold-wallet{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 0}.gold-wallet svg{width:17px;height:17px;color:#dbbd82}.gold-wallet strong{font:20px Cinzel,serif;color:#dfc38c}.gold-wallet>span{font-size:8px;color:#8ea18f;margin-left:auto}.realm-detail{display:flex;align-items:center;gap:6px;color:#84988c;font-size:9px}.realm-detail>span:last-child{margin-left:auto;color:#6f857c}.online-dot{width:4px;height:4px;background:#8cab81}.portal-action{position:absolute;bottom:144px;left:50%;transform:translate(-50%);padding:12px 18px;background:#254637;border:1px solid #b5d5a2;display:flex;align-items:center;gap:12px;color:#e3eac5;font-size:12px;z-index:17;white-space:nowrap}.portal-action:hover{background:#3c6248}.portal-action svg{width:17px;height:17px}.boss-hud{position:absolute;top:135px;left:50%;transform:translate(-50%);width:390px;max-width:70%;text-align:center;text-shadow:0 1px 6px #000}.boss-hud>span{font-size:9px;color:#e7a28b}.boss-hud strong{display:block;font:18px Cinzel,serif;margin:5px 0 10px;color:#f0d8c2}.boss-hud>div{background:#2b252de0;border:1px solid #ad7e685c;height:9px}.boss-hud i{display:block;height:100%;background:#b76e58;transition:width .2s}.boss-hud small{display:block;margin-top:4px;font-size:9px;color:#e3b896}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#132a2bf5;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d7c897}.loading-crest svg{width:42px;height:42px;animation:glow 1.5s ease-in-out infinite alternate}#loading h2{font:34px Cinzel,serif;margin:20px 0 4px}#loading p{font-size:12px;color:#a4b8a6}#retry{display:flex;align-items:center;gap:8px;margin-top:20px;background:#2c443b;border:1px solid #8f9e6f;padding:10px 20px}#retry svg{width:16px;height:16px}@keyframes glow{0%{opacity:.35}to{opacity:1}}.mobile-map{display:none}#joystick{display:none;touch-action:none}dialog{background:#182d2d;border:1px solid #aeb38560;border-radius:6px;box-shadow:0 20px 120px #031516c9;color:#d4decc;padding:38px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#08191bb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-close{position:absolute;right:12px;top:12px}.mandatory .modal-close{display:none}.modal-eyebrow{font-size:9px;color:#b9b68d;margin:6px 0 13px}dialog h2{font:28px Cinzel,serif;color:#e3d7b4;margin:0 0 23px}.control-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #d2dfbc12;font-size:12px}.control-list kbd{font-size:10px;color:#d4c28a;text-align:right}.modal-note{font-size:12px;line-height:1.9;color:#a2b5a8;margin:20px 0 0}.inventory-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #afcda61a}.inventory-item>svg{width:26px;height:26px;color:#d0c297}.inventory-item>div{display:flex;flex-direction:column;gap:6px}.inventory-item strong{font-size:12px;font-weight:500}.inventory-item span{font-size:10px;color:#95aa9c}.inventory-item>small{font-size:7px;color:#97bda0;margin-left:auto}.inventory-item>strong{margin-left:auto;font-size:11px}.inventory-gold{display:flex;align-items:center;gap:10px;margin-top:20px;color:#dbc489;font-size:20px}.inventory-gold span{font-size:10px;color:#95a798}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#c5b586;border:1px solid #e4d6a8;border-radius:3px;color:#203631;padding:13px 15px;font-size:12px;margin-top:28px}.primary-button:hover:not(:disabled){background:#ddc998}.primary-button svg{width:16px;height:16px}.modal-symbol{color:#b99184;margin-bottom:24px}.modal-symbol svg{width:40px;height:40px}.victory-symbol{color:#dcc189}.victory-stats{display:flex;justify-content:space-between;gap:15px;margin-top:27px}.victory-stats>div{display:flex;flex-direction:column;gap:8px}.victory-stats strong{font:26px Cinzel,serif;color:#e4cba0}.victory-stats span{font-size:9px;color:#a0b19f}@media(min-width:1500px){.journal{width:306px;padding-left:27px;padding-right:27px}.topbar{height:84px}.area-title{top:38px}.player-hud{top:34px;left:34px}.zone-note{left:34px;top:120px}.area-title h1{font-size:30px}}@media(max-width:1200px){.journal{width:256px;padding:21px 18px 17px}.chapter-nav{gap:10px}.area-title{top:113px;max-width:80%}.area-title h1{font-size:23px}.area-title>span{display:none}.area-title p{font-size:10px}.zone-note{top:100px}.player-hud{top:23px;left:23px}.area-title.reveal{animation:area-intro 5.4s ease both}.level-summary{min-width:80px}.level-summary>div{display:none}.utility-buttons{min-width:80px}.topbar{padding:0 22px;gap:15px}.brand{min-width:210px}.connection{margin-right:6px}.boss-hud{top:196px}.ability{width:51px;height:54px}.bottom-bar{left:23px;right:23px;gap:10px}.quest-section{padding:22px 0}.quest-section h2{font-size:16px}.route strong{font-size:10px}}@media(max-width:920px){.chapter-nav{display:none}.journal{width:236px;padding:21px 16px 17px}.topbar{height:68px}.brand{font-size:21px}.level-summary{display:none}.utility-buttons{min-width:0;gap:4px}.hotbar{gap:6px;padding:7px}.ability{width:47px;height:51px}.bottom-bar{left:18px;right:18px}.area-title{max-width:85%}.quest-objective{gap:6px}.quest-objective strong{font-size:9px}.quest-objective>span:first-child{display:none}.boss-hud{top:185px}.boss-hud strong{font-size:16px}.journal-heading{margin-bottom:16px}}@media(max-width:700px){.topbar{padding:0 17px;gap:10px;height:65px}.brand{min-width:0;font-size:20px;gap:8px}.brand-mark{width:29px;height:36px}.brand-mark svg{width:23px;height:26px}.brand small{font-size:7px}.top-actions{gap:2px}.connection{font-size:0;gap:0;margin-right:6px}.connection>span{width:5px;height:5px}.top-actions>.icon-button{width:30px;height:32px}.mobile-map{display:inline-flex}.journal{position:absolute;right:0;top:65px;bottom:0;z-index:25;width:280px;max-width:85%;transform:translate(100%);transition:transform .2s;box-shadow:-10px 0 30px #0b1d2233}.journal.open{transform:translate(0)}.journal-heading{margin-bottom:12px}.journal-heading .mobile-map{margin-left:auto}.chapter-badge{margin-left:8px}.player-hud{top:21px;left:18px;gap:10px}.vitals{width:145px}.portrait{width:46px;height:53px}.portrait img{height:47px;width:36px}.portrait>span{left:12px}.player-heading strong{font-size:12px}.player-heading>span{font-size:6px}.area-title{top:111px;width:340px}.area-title h1{font-size:23px}.zone-note{top:88px;left:18px;font-size:9px}.bottom-bar{bottom:35px;left:auto;right:15px;gap:8px}.hotbar{gap:5px;padding:6px}.ability{width:44px;height:49px}.ability-icon svg{width:25px;height:25px}.ability kbd{font-size:7px}.hotbar-divider{margin:0 1px}.utility-buttons{position:absolute;bottom:77px;right:0;gap:6px}.utility-buttons .icon-button{width:33px;height:33px}.world-footer{left:18px;right:16px;bottom:12px}.world-footer>span:first-child{font-size:7px}.world-footer>span:last-child{font-size:8px}#joystick{display:flex;position:absolute;left:22px;bottom:100px;width:88px;height:88px;border:1px solid #d2dcb550;background:#173b326b;border-radius:50%;align-items:center;justify-content:center;z-index:16}#joystick:before,#joystick:after{content:"";position:absolute;background:#c8d4ae20}#joystick:before{width:58px;height:1px}#joystick:after{width:1px;height:58px}#joystick-knob{width:36px;height:36px;border-radius:50%;border:1px solid #c3d2a778;background:#9aaa764a;z-index:1}#toast{bottom:222px;max-width:86%;font-size:10px;padding:10px 13px}.portal-action{bottom:212px;font-size:11px;padding:12px}.boss-hud{top:184px;max-width:80%;width:310px}.boss-hud strong{font-size:17px}dialog{padding:32px 25px}dialog h2{font-size:25px}.control-list>div{font-size:11px}.control-list kbd{font-size:9px}}@media(max-height:740px)and (min-width:701px){.journal{padding-top:17px}.minimap-wrap{aspect-ratio:240/138;flex:none}.journal-heading{margin-bottom:12px}.quest-section{padding:17px 0}.quest-section>p{margin-bottom:15px;line-height:1.65}.quest-section h2{margin:8px 0}.route-section{padding-top:17px}.route{margin-top:9px}.route li{min-height:54px}.route li:before{top:41px;height:14px}.journal-bottom{padding-top:10px}.gold-wallet{padding:12px 0}.bottom-bar{bottom:33px}}@media(max-height:500px){.topbar{height:52px}.brand small{display:none}.player-hud{top:14px}.zone-note{display:none}.area-title{top:15px;left:65%;width:240px;max-width:45%}.area-title h1{font-size:18px}.area-title p{display:none}.boss-hud{top:85px}.bottom-bar{bottom:26px}.hotbar{padding:5px}.ability{width:43px;height:43px}.world-footer{bottom:7px}#joystick{bottom:47px}.journal{top:52px}#toast{bottom:109px}.portal-action{bottom:110px}.utility-buttons{bottom:62px}}#app{position:relative;overflow:hidden}.travel-list{margin-top:22px;border-top:1px solid #d2dfbc1f}.travel-destination{width:100%;display:flex;align-items:center;gap:13px;padding:15px 3px;border:0;border-bottom:1px solid #d2dfbc1f;background:transparent;color:#d8e1d0;text-align:left}.travel-destination:hover:not(:disabled){background:#b8d0ac12}.travel-destination:disabled{color:#718076}.travel-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #9caf8173;color:#d7c78d;font-size:9px;flex:none}.travel-destination>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.travel-destination strong{font:13px Cinzel,serif;font-weight:500}.travel-destination small{font-size:9px;color:#9cac9e}.travel-destination>svg,.travel-lock{margin-left:auto;flex:none;color:#c8b980}.travel-lock{font-size:8px;color:#7e8b81}.boss-hud{top:14px!important;z-index:14}.portal-action.world-anchor{bottom:auto;transform:translate(-50%,-50%)}.world>.minimap-wrap{position:absolute;top:10px;right:22px;width:220px;aspect-ratio:240/176;z-index:18;border-color:#c6cf9b80;background:#182d2ddd;box-shadow:0 4px 20px #071719a8;transition:width .18s,height .18s}.world>.village-tools{left:24px;right:auto;top:auto;bottom:112px}.world>.village-tools .wardrobe-shortcut{width:35px;padding:6px;position:relative}.world>.village-tools .wardrobe-shortcut>span{display:none}.world>.village-tools .wardrobe-shortcut:hover>span{display:block;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:7px 9px;background:#142b2aef;border:1px solid #c6cf9b80;color:#e6e7c9;font-size:10px;white-space:nowrap;box-shadow:0 4px 15px #071719a8;pointer-events:none}.minimap-toggle{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #d6dfb07d;background:#102526de;color:#e6e7c9;font-size:18px;line-height:16px;padding:0;z-index:3}.minimap-toggle:hover{background:#355047}.world>.minimap-wrap.collapsed{width:34px;height:34px;aspect-ratio:auto;border-color:#c6cf9b80}.world>.minimap-wrap.collapsed canvas,.world>.minimap-wrap.collapsed .map-north,.world>.minimap-wrap.collapsed .map-label,.world>.minimap-wrap.collapsed:after{display:none}.world>.minimap-wrap.collapsed .minimap-toggle{top:5px;right:5px}@media(max-width:700px){.world>.minimap-wrap{top:8px;right:14px;width:150px}.world>.village-tools{left:16px;right:auto;top:auto;bottom:72px}.world>.minimap-wrap .map-label{padding:6px;font-size:7px}.world>.minimap-wrap .map-north{top:5px;right:8px;font-size:8px}}@media(max-width:700px){.journal{visibility:hidden}.journal.open{visibility:visible}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.travel-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:-4px 0 12px;font-size:11px}.travel-legend span{display:inline-flex;align-items:center;gap:6px}.travel-legend span:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.fit-under{color:#f08a7a}.fit-fit{color:#8fe0a6}.fit-over{color:#8a9894}.travel-destination .travel-level{flex:none;margin-left:auto;margin-right:10px;padding:3px 9px;border-radius:999px;border:1px solid currentColor;font:600 11px DM Sans,sans-serif;white-space:nowrap}.travel-destination.fit-under .travel-level{color:#f08a7a;background:#f08a7a18}.travel-destination.fit-fit .travel-level{color:#8fe0a6;background:#8fe0a618}.travel-destination.fit-over .travel-level{color:#8a9894;background:#8a989418}.travel-destination.fit-over strong{color:#aab4b0}.travel-list.compact{margin-top:14px}.travel-list.compact .travel-destination{align-items:center;gap:12px;min-height:54px}.travel-list.compact .travel-destination>strong{flex:1;min-width:0;text-align:left}.travel-tag{flex:none;padding:2px 7px;border-radius:3px;background:#7b4cc433;border:1px solid #9a6ad0aa;color:#d8c2ff;font:700 9px DM Sans,sans-serif;font-style:normal;letter-spacing:.1em}.travel-list.compact .travel-level{margin-left:0}dialog.travel-modal{width:min(720px,calc(100% - 28px));padding:26px 28px 28px}.travel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-right:44px}.travel-head h2{margin:0}.travel-you{flex:none;padding:6px 12px;border:1px solid #b89a5f66;border-radius:999px;background:#0f2226;font-size:11px;color:#a9bdb6}.travel-you b{margin-left:4px;color:#f3ddb1;font:600 13px Cinzel,serif}.travel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.travel-card{--fit:#8fe0a6;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:168px;padding:12px 14px 14px;border:1px solid color-mix(in srgb,var(--fit) 55%,#3a4a46);border-radius:8px;overflow:hidden;cursor:pointer;text-align:left;color:#f0e6c8;background:linear-gradient(180deg,#0b171c22,#0b171c55 45%,#0b171cf0),linear-gradient(135deg,color-mix(in srgb,var(--region) 30%,transparent),transparent 60%),var(--art) center/cover,#1b2c30;box-shadow:inset 0 0 0 1px #ffffff08,0 6px 18px #0006;transition:transform .15s,box-shadow .15s,border-color .15s}.travel-card.fit-under{--fit:#f08a7a}.travel-card.fit-over{--fit:#8a9894}.travel-card:hover,.travel-card:focus-visible{transform:translateY(-2px);border-color:var(--fit);box-shadow:0 0 0 1px var(--fit),0 10px 26px #000a,0 0 22px color-mix(in srgb,var(--fit) 30%,transparent);outline:none}.travel-card.fit-over{filter:saturate(.55)}.travel-card:disabled{opacity:.6;cursor:progress}.travel-card-top{display:flex;align-items:center;gap:8px}.travel-card-top>svg{margin-left:auto;width:18px;height:18px;color:#f3ddb1;filter:drop-shadow(0 1px 2px #000)}.travel-card .travel-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #f3ddb166;border-radius:4px;background:#0b171caa;font:600 11px Cinzel,serif;color:#f3ddb1}.travel-current{padding:3px 8px;border-radius:999px;background:#e0be76;color:#1a1409;font:700 9px DM Sans,sans-serif;letter-spacing:.06em;text-transform:uppercase}.travel-card-body{display:flex;flex-direction:column;gap:8px}.travel-card-body strong{font:600 19px Cinzel,serif;color:#fff1d2;text-shadow:0 2px 8px #000,0 0 2px #000}.travel-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.travel-card .travel-level{margin:0;padding:3px 10px;border-radius:999px;border:1px solid var(--fit);background:color-mix(in srgb,var(--fit) 22%,#0b171ccc);color:var(--fit);font:700 11px DM Sans,sans-serif}.travel-boss{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#0b171ccc;border:1px solid #d2786a88;color:#f2b2a6;font:600 11px DM Sans,sans-serif}.travel-boss svg{width:13px;height:13px}.travel-card.dungeon{border-color:color-mix(in srgb,var(--fit) 45%,#7b4cc4)}@media(max-width:700px){dialog.travel-modal{padding:18px 14px}.travel-cards{grid-template-columns:1fr}.travel-card{min-height:130px}.travel-head{padding-right:36px}}.player-hud .xp-track{position:relative;height:12px;margin-top:4px;background:#0e242bd9;border:1px solid #bec8a02e;overflow:hidden}.player-hud .xp-track>div{background:linear-gradient(180deg,#e8cf8c,#b8963f)}#xp-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:8px;line-height:11px;color:#fff6dc;text-shadow:0 1px 2px #071c20,0 0 3px #071c20;white-space:nowrap}strong.gold-amount[class]{color:#fff}strong.gold-amount.gold-1m{color:#47e3f1}strong.gold-amount.gold-10m{color:#2cbd00}strong.gold-amount.gold-100m{color:#f18651}strong.gold-amount.gold-1b{color:#7b93f1}.sell-junk{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;border:1px solid #c9a45c;border-radius:4px;background:linear-gradient(#3a5048,#2a3d38);color:#f1e3bd;font:600 12px DM Sans,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.sell-junk:hover:not(:disabled){background:linear-gradient(#46604f,#324a42)}.sell-junk:active:not(:disabled){transform:scale(.94);transition-duration:.06s}.sell-junk:disabled{opacity:.45;cursor:default}.sell-junk strong{font-size:12px}.junk-icon{width:100%;height:100%;filter:drop-shadow(0 2px 3px #0009)}.supply-item .item-art .junk-icon{width:70%;height:70%;margin:15%}.loot-row.junk{--rarity:#b8b0a0}.loot-row.junk .junk-icon{width:20px;height:20px;flex:none}.junk-sale{position:fixed;z-index:50;width:380px;max-width:calc(100vw - 16px);max-height:min(460px,calc(100vh - 120px));display:flex;flex-direction:column;border:1px solid #c9a45c;border-radius:6px;background:#12201f;box-shadow:0 12px 32px #000c;color:#e6e0cc;font:12px DM Sans,sans-serif;animation:junk-sale-in .16s ease-out}@keyframes junk-sale-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.junk-sale header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid #33463f}.junk-sale header strong{font-size:13px;color:#f1e3bd}.junk-sale header span{display:flex;gap:5px}.junk-sale header button{padding:3px 8px;border:1px solid #3d5550;border-radius:3px;background:#1b3032;color:#c9d6cc;font-size:11px;cursor:pointer}.junk-sale header button:hover{border-color:#c9a45c}.junk-sale .junk-sale-close{padding:1px 7px;font-size:14px;line-height:1}.junk-sale ul{list-style:none;margin:0;padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:#6e6446 transparent}.junk-sale li{display:grid;grid-template-columns:30px 1fr auto 78px;align-items:center;gap:8px;padding:6px 8px;border:1px solid #26352f;border-radius:4px;background:#0f1b1a}.junk-sale li.skipped{opacity:.5}.junk-sale li .junk-icon{width:28px;height:28px}.junk-sale-name{min-width:0}.junk-sale-name b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.junk-sale-name small{color:#9fb3aa;font-size:10px}.junk-sale-name small strong{font-size:10px}.junk-sale-count{display:flex;align-items:center;gap:3px}.junk-sale-count button{width:22px;height:22px;padding:0;border:1px solid #3d5550;border-radius:3px;background:#1b3032;color:#e6e0cc;font-size:13px;line-height:1;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.8,.64,1)}.junk-sale-count button:hover{border-color:#c9a45c}.junk-sale-count button:active{transform:scale(.88);transition-duration:.06s}.junk-sale-count .junk-sale-max{width:auto;padding:0 6px;font-size:10px}.junk-sale-count input{width:46px;height:22px;padding:0 4px;border:1px solid #3d5550;border-radius:3px;background:#0a1413;color:#f1e3bd;font:12px DM Sans,sans-serif;text-align:center;-moz-appearance:textfield}.junk-sale-count input::-webkit-inner-spin-button,.junk-sale-count input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.junk-sale-sub{text-align:right;font-variant-numeric:tabular-nums}.junk-sale-empty{display:block!important;text-align:center;color:#8fa49b}.junk-sale footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid #33463f}.junk-sale footer b{margin-left:4px}.junk-sale-confirm{padding:7px 20px;border:1px solid #c9a45c;border-radius:4px;background:linear-gradient(#4a6450,#2f4538);color:#f5e6b8;font:600 13px DM Sans,sans-serif;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.8,.64,1)}.junk-sale-confirm:hover:not(:disabled){background:linear-gradient(#56745c,#385242)}.junk-sale-confirm:active:not(:disabled){transform:scale(.94);transition-duration:.06s}.junk-sale-confirm:disabled{opacity:.45;cursor:default}.footer-right{display:flex;gap:10px;align-items:center}.ping{font-size:10px;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:3px;background:#0e242bb0;color:#9daf9b}.ping:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px}.ping.good{color:#92c59c}.ping.fair{color:#e0c56e}.ping.poor{color:#e0756e}html.screen-filter .world>.world-vignette{box-shadow:inset 0 0 140px 30px #010608b3;background:radial-gradient(ellipse at 50% 46%,transparent 30%,#03101580 60%,#010608f2 100%)}.travel-card.has-quest{border-color:#e8c26acc;box-shadow:0 0 0 1px #e8c26a66,0 0 22px #e8c26a33;animation:travel-quest-glow 2.2s ease-in-out infinite}@keyframes travel-quest-glow{50%{box-shadow:0 0 0 1px #e8c26aaa,0 0 30px #e8c26a55}}.travel-quest{display:inline-flex;align-items:center;gap:3px;flex:none;padding:2px 8px 2px 5px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#e0a630);border:1px solid #fff2c4;color:#1a1004;font:800 9px DM Sans,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 #ffd36a;animation:travel-quest-blink 1s ease-in-out infinite}.travel-quest img{width:10px;height:13px;object-fit:contain;animation:travel-quest-bob 1s ease-in-out infinite}@keyframes travel-quest-blink{0%,to{filter:brightness(1);box-shadow:0 0 #ffd36acc,0 0 6px #ffc84a88}50%{filter:brightness(1.35);box-shadow:0 0 0 4px #ffd36a00,0 0 12px #ffc84add}}@keyframes travel-quest-bob{50%{transform:translateY(-1px) scale(1.1)}}.travel-quests{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;margin:6px 0 -4px;font:600 11px DM Sans,sans-serif;color:#f4dc9c;text-shadow:0 1px 3px #000}@media(prefers-reduced-motion:reduce){.travel-card.has-quest,.travel-quest,.travel-quest img{animation:none}}:where(button,[role=button],.class-choice){transition:transform .09s ease-out}:where(button:active:not(:disabled),[role=button]:active,.class-choice:active){transform:translateY(1px) scale(.96);transition-duration:.05s}.travel-card:active,.character-card:active,.event-row:active{transform:translateY(1px) scale(.98);transition-duration:.05s}dialog.reward-popup .reward-ok:active{transform:translateY(1px) scale(.97)}@media(prefers-reduced-motion:reduce){:where(button,[role=button],.class-choice){transition:none}}html,body,dialog{-webkit-user-select:none;user-select:none}img,svg,canvas{-webkit-user-drag:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.map-label>span{display:flex;min-width:0;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis}.map-label b{font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-label small{font:700 8px/1 DM Sans,sans-serif;color:#d8c98f;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.world>.minimap-wrap .map-label small{font-size:6px}.world>.minimap-wrap .map-label{gap:4px;padding-right:28px}}.brand .brand-online{font-style:normal}@media(max-width:900px){.brand .brand-online{display:none}}dialog.fashion-modal{width:min(970px,calc(100% - 36px));padding:0;background:#f2f0e8;color:#354943;border:1px solid #c2c9b8;box-shadow:0 22px 100px #07232199;max-height:calc(100dvh - 36px)}.fashion-modal .modal-close{top:22px;right:20px;color:#51685f;z-index:2}.wardrobe-header{display:flex;align-items:center;justify-content:space-between;padding:27px 67px 22px 30px;border-bottom:1px solid #344c3a20;gap:16px}.wardrobe-header .modal-eyebrow{color:#7f8b73;font-size:9px;margin:0 0 9px}.wardrobe-header h2{font-family:Cinzel,serif;font-size:24px;color:#3d5449;margin:0}.fashion-wallet{display:flex;align-items:center;gap:7px;color:#907247;font-size:12px;white-space:nowrap}.fashion-wallet strong{font-size:19px;font-weight:500}.fashion-wallet>span{font-size:10px;color:#8c8d79}.fashion-wallet svg{width:17px;height:17px}.wardrobe-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:520px}.fitting-room{background:#e4e9dd;border-right:1px solid #556a4620;padding:17px 21px 20px;min-width:0;display:flex;flex-direction:column}.fitting-heading{display:flex;align-items:center;justify-content:space-between;color:#7a896f;font-size:8px}.fitting-heading .icon-button{color:#78907e;width:28px;height:28px}.fitting-heading .icon-button:hover{background:#a2b79b30}.paperdoll{height:258px;position:relative;margin-top:12px}.avatar-stage{position:absolute;top:0;right:48px;bottom:0;left:48px;display:flex;align-items:center;justify-content:center}.avatar-stage:before{content:"";position:absolute;top:30px;right:-12px;bottom:22px;left:-12px;border:1px solid #b4c7ac80;border-radius:50% 50% 8px 8px;background:#d2dfca50}.avatar-stage :is(img,canvas){width:144px;height:192px;image-rendering:pixelated;object-fit:contain;position:relative;z-index:2;margin-top:15px}.avatar-plinth{position:absolute;bottom:28px;width:130px;height:23px;border-radius:50%;background:#a7b89b55;border:1px solid #a5b89860}.preview-spark{position:absolute;color:#9caf8b;font-size:18px;font-weight:400}.spark-one{top:35px;left:4px}.spark-two{bottom:65px;right:-2px;font-size:13px}.equipment-column{display:flex;flex-direction:column;gap:16px;position:absolute;top:9px}.equipment-column.left{left:0}.equipment-column.right{right:0}.equipment-slot{width:50px;height:58px;border:1px solid #b1c1aa;background:#f4f5ecb3;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;padding:2px;color:#8eaa8f}.equipment-slot:hover{border-color:#9a775c;background:#fffbef}.equipment-slot>img{width:36px;height:48px;image-rendering:pixelated;object-fit:contain}.equipment-slot>span{position:absolute;bottom:-12px;font-size:7px;color:#748870;white-space:nowrap}.equipment-slot>svg{width:20px;height:20px}.equipment-slot.filled{border-color:#9dad8c}.look-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;margin-bottom:20px}.look-title>span{font-size:8px;color:#89967e}.look-title>strong{font:15px Cinzel,serif;color:#4d6652}.look-title>small{font-size:10px;color:#7e9178}.fashion-stats{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #95ab862f;border-bottom:1px solid #95ab862f;gap:8px;color:#6c8266;font-size:9px}.fashion-stats>span{display:flex;align-items:center;gap:4px}.fashion-stats svg{width:13px;height:13px}.wardrobe-supplies{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;font-size:9px;color:#7a826e}.wardrobe-supplies>span{display:flex;align-items:center;gap:6px}.wardrobe-supplies svg{width:13px;height:13px;color:#ba877f}#wardrobe-status{margin-top:auto;color:#64856b;font-size:9px;display:flex;align-items:center;gap:5px;line-height:1.7}#wardrobe-status>svg{width:12px;height:12px}#wardrobe-status.error{color:#b16363}.collection{padding:24px 24px 0;min-width:0;display:flex;flex-direction:column}.collection-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7b8a75;margin-bottom:17px}.collection-heading>span:last-child{font-size:9px;color:#8c9981}.fashion-tabs{display:flex;gap:3px;border-bottom:1px solid #839e741f;margin-bottom:16px;overflow-x:auto;flex:none;padding-bottom:9px;scrollbar-width:thin}.fashion-tabs>button{height:33px;padding:6px 9px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;background:transparent;color:#8b9780;border-radius:3px;font-size:9px;flex:none}.fashion-tabs>button[aria-selected=true]{background:#dee7d5;color:#526d4e;border-color:#9db3927a}.fashion-tabs>button:hover{background:#e5eadc}.fashion-tabs svg{width:15px;height:15px}.fashion-tabs button:not(:first-child)>span{display:none}.fashion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:139px;align-content:start;gap:10px;min-height:280px;height:298px;overflow:auto;padding:2px 3px 12px;scrollbar-width:thin;scrollbar-color:#b6c2a8 transparent}.fashion-item{padding:7px 6px 9px;position:relative;border:1px solid #c4cfbb;background:#f9f9f2;border-radius:5px;display:flex;flex-direction:column;align-items:center;min-width:0;color:#49604d;text-align:center}.fashion-item:hover{background:#fffdf5;border-color:#9aab84}.fashion-item.selected{border-color:#a48068;background:#f9f2e5;box-shadow:0 0 0 1px #a48068}.item-art{height:85px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;flex:none}.item-art>img{width:60px;height:80px;object-fit:contain;image-rendering:pixelated}.fashion-item>strong{font-size:9px;font-weight:500;line-height:1.4;min-height:25px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.item-caption{font-size:8px;color:#8a967e;margin-top:2px}.equipped-check{position:absolute;top:0;right:0;background:#7b9f79;border-radius:50%;color:#fff;width:15px;height:15px;display:flex;align-items:center;justify-content:center}.equipped-check svg{width:11px;height:11px}.rarity-legendary{border-color:#d8af62;background:#fff5dc}.item-detail{margin-top:auto;border-top:1px solid #94a58338;padding:16px 0 20px;display:flex;align-items:center;gap:13px;justify-content:space-between;min-height:118px}.detail-title{min-width:0;flex:1}.rarity-label{font-size:8px;text-transform:uppercase;color:#a28a6a}.detail-title h3{font:14px/1.5 Cinzel,serif;margin:5px 0 4px;color:#52654e}.detail-title p{font-size:10px;color:#87937d;margin:0;line-height:1.7}.fashion-purchase{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:174px}.fashion-purchase .primary-button{margin:0;width:auto;white-space:nowrap;background:#658975;border-color:#587b63;color:#fff6e1;font-size:10px;padding:11px 14px}.fashion-purchase .primary-button:hover:not(:disabled){background:#4d755e}.fashion-purchase .icon-button{color:#8e796d;width:29px;height:29px}.purchase-price{display:flex;align-items:center;gap:4px;color:#987c4d;font-size:12px}.purchase-price svg{width:13px;height:13px}.empty-wardrobe{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;gap:14px;color:#8a9c7e;text-align:center;padding:15px}.empty-wardrobe strong{font:16px Cinzel,serif}.empty-wardrobe>span{font-size:11px;line-height:1.7}.world.in-village .world-vignette{box-shadow:inset 0 0 120px 10px #244b3b20;background:linear-gradient(180deg,#23473822,transparent 40%,transparent 70%,#203e4266)}.world.in-village .zone-dot{background:#dcf1ac}.world.in-village .hotbar{opacity:.58}.village-tools{position:absolute;right:25px;top:26px;display:flex;align-items:center;gap:8px}.village-tools .icon-button{background:#203d38c9;border-color:#ccddad40;color:#d7e9c4}.village-tools .wardrobe-shortcut{width:auto;display:flex;gap:8px;padding:8px 13px;font-size:10px}.village-shop-list{padding-top:21px}.village-shop-list>.section-label{margin-bottom:15px}.village-shop-list button{width:100%;border:0;border-bottom:1px solid #a9be9c16;background:transparent;display:flex;align-items:center;gap:10px;padding:15px 0;text-align:left}.village-shop-list button:hover{background:#bdd3b609}.village-shop-list .shop-symbol{width:30px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #afc4a02b}.shop-symbol>svg{width:16px;height:16px}.village-shop-list button>div{display:flex;flex-direction:column;gap:5px}.village-shop-list strong{font:12px Cinzel,serif;color:#d4dfbf}.village-shop-list small{font-size:9px;color:#8ca492}.village-shop-list button>svg{width:13px;height:13px;color:#7d9788;margin-left:auto}.shop-direction{position:absolute;left:50%;transform:translate(-50%);bottom:132px;font-size:10px;color:#f1e3b2;background:#274a3adb;border:1px solid #c8d0a642;padding:9px 15px;pointer-events:none}.safe-badge{display:inline-flex;align-items:center;gap:6px;color:#b9d6ad;font-size:10px}#game{touch-action:none}#joystick{display:none!important;pointer-events:none;position:absolute;inset:auto;z-index:16;width:88px;height:88px;border:1px solid #e5eacd80;background:#234b3c55;border-radius:50%;align-items:center;justify-content:center;touch-action:none}#joystick.active{display:flex!important}#joystick-knob{width:36px;height:36px;border-radius:50%;border:1px solid #e1e6c48a;background:#d0dbb66b;z-index:1}@media(max-width:1000px){.wardrobe-layout{grid-template-columns:260px minmax(0,1fr)}.fitting-room{padding-left:15px;padding-right:15px}.fashion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection{padding-left:18px;padding-right:18px}.wardrobe-header h2{font-size:21px}.village-tools .wardrobe-shortcut>span{display:none}.village-tools .wardrobe-shortcut{width:35px;padding:6px}}@media(max-width:700px){dialog.fashion-modal{width:calc(100% - 16px);max-height:calc(100dvh - 20px)}.fashion-modal .modal-close{top:11px;right:8px}.wardrobe-header{padding:18px 42px 16px 16px;gap:9px}.wardrobe-header h2{font-size:16px;line-height:1.4}.wardrobe-header .modal-eyebrow{font-size:7px;margin-bottom:5px}.fashion-wallet{gap:4px}.fashion-wallet>strong{font-size:15px}.fashion-wallet>span{display:none}.fashion-wallet svg{width:13px;height:13px}.wardrobe-layout{display:flex;flex-direction:column;min-height:0}.fitting-room{padding:10px 14px 11px;border-right:0;border-bottom:1px solid #aabc9838;display:grid;grid-template-columns:168px 1fr;grid-template-rows:auto auto auto;gap:0 9px;position:relative;min-height:190px}.fitting-heading{grid-column:1/-1;font-size:7px}.paperdoll{grid-column:1;grid-row:2/5;height:151px;margin-top:0}.avatar-stage{top:0;right:32px;bottom:0;left:32px}.avatar-stage:before{top:12px;right:-6px;bottom:11px;left:-6px}.avatar-stage :is(img,canvas){width:84px;height:112px;margin-top:5px}.avatar-plinth{width:80px;height:13px;bottom:18px}.equipment-column{top:0;gap:12px}.equipment-slot{width:34px;height:38px}.equipment-slot>img{width:24px;height:32px}.equipment-slot>span{font-size:6px;bottom:-10px}.equipment-slot>svg{width:15px;height:15px}.preview-spark{display:none}.look-title{grid-column:2;grid-row:2;align-items:flex-start;text-align:left;margin:14px 0 8px;gap:5px}.look-title>span{font-size:7px}.look-title>strong{font-size:12px;line-height:1.5}.look-title>small{font-size:8px}.fashion-stats{grid-column:2;grid-row:3;gap:5px;font-size:8px;padding:9px 0;flex-wrap:wrap}.fashion-stats svg{width:10px;height:10px}.wardrobe-supplies{display:none}#wardrobe-status{grid-column:2;grid-row:4;font-size:8px;align-self:start;margin-top:8px}.collection{padding:15px 13px 0}.collection-heading{font-size:8px;margin-bottom:10px}.fashion-tabs{gap:1px;margin-bottom:12px;padding-bottom:7px}.fashion-tabs>button{padding:5px 9px;height:29px}.fashion-tabs svg{width:14px;height:14px}.fashion-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:121px;gap:8px;min-height:180px;height:220px}.item-art{height:69px}.item-art>img{width:48px;height:64px}.fashion-item>strong{font-size:8px}.item-caption{font-size:7px}.item-detail{min-height:105px;padding:12px 0 14px;gap:10px;align-items:flex-start}.detail-title h3{font-size:12px}.detail-title p{font-size:9px}.rarity-label{font-size:7px}.fashion-purchase{max-width:130px;flex:none;align-self:center}.fashion-purchase .primary-button{padding:10px;font-size:9px}.fashion-purchase .primary-button svg{width:13px;height:13px}.village-tools{right:17px;top:22px;gap:5px}.village-tools .icon-button{width:31px;height:31px}.village-tools .wardrobe-shortcut{display:none}.shop-direction{bottom:177px;max-width:85%;white-space:nowrap;font-size:9px}.world.in-village .area-title{top:106px}}@media(max-height:700px)and (min-width:701px){.wardrobe-layout{min-height:440px}.fashion-grid{height:247px;min-height:247px}.paperdoll{height:226px}.avatar-stage :is(img,canvas){width:120px;height:160px}.wardrobe-supplies{padding:10px 0}.wardrobe-header{padding-top:19px;padding-bottom:16px}}.action-dock:has(.class-skill){width:min(318px,calc(100% - 16px))}.action-dock:has(.class-skill) .dock-top{height:20px}.hotbar:has(.class-skill){grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:24px 28px;height:auto;gap:2px;padding:3px}.hotbar:has(.class-skill) .ability{height:100%}.hotbar:has(.class-skill) .ability:not(.class-skill){grid-row:1}.hotbar:has(.class-skill) .ability.attack{grid-column:4}.hotbar:has(.class-skill) .ability.nova{grid-column:5}.hotbar:has(.class-skill) .ability.dash{grid-column:6}.hotbar:has(.class-skill) .ability.potion{grid-column:7}.hotbar:has(.class-skill) .class-skill{grid-row:2}.hotbar:has(.class-skill) .ability>kbd{font-size:6px;line-height:7px;padding:0 1px}.hotbar:has(.class-skill) .item-count{font-size:7px}.hotbar:has(.class-skill) .ability .cooldown{font-size:10px}.world:has(.class-skill) #toast,.world:has(.class-skill) .portal-action,.world:has(.class-skill) .shop-direction{bottom:128px}@media(max-width:700px){.action-dock:has(.class-skill){width:min(340px,calc(100% - 12px))}.hotbar:has(.class-skill){grid-template-rows:28px 34px}.world:has(.class-skill) #toast,.world:has(.class-skill) .portal-action,.world:has(.class-skill) .shop-direction{bottom:140px}}dialog#modal.skills-modal{width:min(640px,calc(100vw - 24px))}.skill-book{display:grid;grid-template-columns:1fr;gap:6px;margin-top:16px;max-height:min(60vh,560px);overflow:auto;padding-right:4px}.skill-entry{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid #d2dfbc1c;border-left:3px solid var(--skill);border-radius:3px;background:#0f1d22;text-align:left}.skill-entry-art{position:relative;width:48px;height:48px;border:1px solid #c4cbb2;box-shadow:0 0 0 1px #0b1521,0 0 12px color-mix(in srgb,var(--skill) 35%,transparent)}.skill-entry-art img{display:block;width:100%;height:100%}.skill-entry-art kbd{position:absolute;left:2px;bottom:1px;font-size:9px;color:#fffbe7;background:#101e2ccc;padding:0 3px}.skill-entry-text{display:flex;flex-direction:column;gap:3px;min-width:0}.skill-entry-text strong{font-size:13px;color:#efe3bb}.skill-entry-text small{font-size:11px;color:#a2b5a8;line-height:1.4}.skill-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.skill-tags em{font-style:normal;font-size:9px;letter-spacing:.04em;color:var(--skill);border:1px solid color-mix(in srgb,var(--skill) 45%,transparent);padding:1px 6px;border-radius:2px}.skill-entry-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.skill-entry-stats b{font-size:12px;color:#ffd98a}.skill-entry-stats small{font-size:10px;color:#8d9a90}@media(max-width:520px){.skill-entry{grid-template-columns:44px 1fr}.skill-entry-art{width:44px;height:44px}.skill-entry-stats{grid-column:2;flex-direction:row;gap:10px;align-items:baseline}}.bottom-bar{left:0;right:0;bottom:23px;height:76px;display:block;pointer-events:none}.level-summary{position:absolute;left:27px;bottom:25px;pointer-events:none}.action-dock{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:296px;pointer-events:auto}.dock-top{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 3px;gap:5px}.dock-status{font-size:8px;color:#e1d3a6;text-shadow:0 1px 4px #122720;white-space:nowrap}.action-dock .utility-buttons{position:static;display:flex;gap:4px;min-width:0;justify-content:flex-end}.action-dock .utility-buttons .icon-button{position:relative;width:21px;height:20px;border:1px solid #aeb29b70;border-radius:2px;background:#1d3036ed;color:#dddac0;box-shadow:inset 0 0 0 1px #071721;margin:0;padding:2px}.action-dock .utility-buttons .icon-button:hover{background:#41534e;border-color:#ecddaa}.action-dock .utility-buttons .icon-button>svg{width:12px;height:12px}.action-dock .utility-buttons kbd{position:absolute;left:2px;bottom:0;font-size:6px;line-height:7px;color:#ede5c9}.hotbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:5px;border-radius:3px;background:#10212be8;border:1px solid #b2aa809e;box-shadow:inset 0 0 0 2px #17262d,0 4px 18px #08171988;width:100%;height:46px}.hotbar .ability{width:100%;height:34px;border-radius:1px;border:1px solid #c4cbb2;background:#1a2638;overflow:hidden;box-shadow:0 0 0 1px #0b1521,inset 0 0 0 2px #21323a;padding:0;display:block;isolation:isolate}.hotbar .ability:hover:not(:disabled){border-color:#fff4c4;box-shadow:0 0 0 1px #e2c993,0 0 12px #d0e8d240}.hotbar .skill-art{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;pointer-events:none}.hotbar .skill-shine{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px solid #edf5d64d;pointer-events:none;z-index:2}.hotbar .ability>kbd{left:2px;bottom:1px;font-size:7px;line-height:9px;color:#fffbe7;background:#101e2caa;padding:1px 2px;border-radius:1px;text-shadow:0 1px 2px #000;z-index:4}.hotbar .item-count{right:2px;top:1px;font-size:9px;color:#fff4d6;text-shadow:0 1px 3px #060f19;z-index:4}.hotbar .ability .cooldown{font-size:14px;font-weight:600;text-shadow:0 1px 4px #030d19}.hotbar .ability.cooling .skill-art{filter:brightness(.7)}.world.in-village .hotbar{opacity:1}.hotbar .ability:disabled{opacity:1;filter:saturate(.65) brightness(.83)}.dock-ornament{height:8px;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none}.dock-ornament>span{width:38px;height:1px;background:#afac80a1}.dock-ornament>i{display:block;width:4px;height:4px;background:#d7c695;transform:rotate(45deg)}.journal-heading{gap:9px;margin-bottom:15px}.journal-heading .chapter-badge{margin-left:auto;white-space:nowrap;font-size:8px}#journal-close{display:inline-flex;width:28px;height:28px;border:1px solid #c4c6a53b;color:#e3dbb5;background:#ffffff05;flex:none}#journal-close:hover{background:#c5ad8030;border-color:#d8c99f}#journal-toggle{display:inline-flex}#journal-toggle[aria-expanded=true]{color:#e5d098;background:#ffffff09;border-color:#aaac7e40}.journal.open{visibility:visible;transform:none}.journal[hidden]{display:none!important}.world #toast{bottom:164px}.portal-action{bottom:163px}.shop-direction{bottom:164px}.portrait img,.avatar-stage :is(img,canvas),.item-art>img,.equipment-slot>img{image-rendering:auto}.avatar-stage :is(img,canvas){width:168px;height:192px;max-width:none;flex:none}.item-art>img{width:70px;height:80px}.equipment-slot>img{width:42px;height:48px}@media(max-width:700px){.avatar-stage :is(img,canvas){width:98px;height:112px}.equipment-slot>img{width:29px;height:34px}}@media(max-width:1200px){.action-dock{width:220px}.hotbar{height:46px}.hotbar .ability{height:34px}.bottom-bar{height:76px}.level-summary{left:23px}}@media(max-width:700px){.bottom-bar{left:0;right:0;bottom:22px;height:96px}.action-dock{width:238px}.dock-top{height:28px}.hotbar{height:60px;padding:5px;gap:3px}.hotbar .ability{height:48px}.hotbar .ability>kbd{font-size:7px}.action-dock .utility-buttons .icon-button{width:24px;height:23px}.dock-status{font-size:7px}.level-summary{display:none}.world #toast,.portal-action,.shop-direction{bottom:139px}.shop-direction{font-size:9px}.journal-heading .chapter-badge{margin-left:auto}.journal-heading #journal-close{margin-left:0}}@media(max-height:500px){.bottom-bar{height:87px;bottom:16px}.action-dock{width:234px}.dock-top{height:27px}.hotbar{height:58px;padding:5px}.hotbar .ability{height:46px}.action-dock .utility-buttons .icon-button{height:23px;width:25px}.dock-ornament{height:5px}.world #toast,.portal-action,.shop-direction{bottom:109px}.level-summary{bottom:10px}}.dash-charges{position:absolute;right:2px;top:2px;display:flex;gap:2px;z-index:4;pointer-events:none}.dash-charges i{width:4px;height:4px;border-radius:50%;background:#10212b;border:1px solid #e8f2ff}.dash-charges i.full{background:#e8f2ff;box-shadow:0 0 4px #b8e4ff}.upgrade-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;margin-top:16px;padding:10px;border:1px solid #d7c69566;border-radius:3px;background:linear-gradient(90deg,#2a2412,#0f1d22)}.upgrade-card.locked{opacity:.7;filter:saturate(.6)}.upgrade-card.owned{border-color:#8fd3a0aa;background:linear-gradient(90deg,#16301f,#0f1d22)}.upgrade-art{position:relative;width:48px;height:48px;border:1px solid #c4cbb2}.upgrade-art img{display:block;width:100%;height:100%}.upgrade-art kbd{position:absolute;left:2px;bottom:1px;font-size:7px;color:#fffbe7;background:#101e2ccc;padding:0 2px}.upgrade-art b{position:absolute;right:2px;top:1px;font-size:11px;color:#ffe38a;text-shadow:0 1px 3px #000}.upgrade-buy{padding:7px 14px;border:1px solid #ecd28f;border-radius:3px;background:#ecd28f;color:#1b2a22;font-weight:700;font-size:12px}.upgrade-buy:hover:not(:disabled){background:#fff0bf}.upgrade-state{font-size:11px;color:#a2b5a8;white-space:nowrap}.upgrade-state.owned{color:#9fe0ad;font-weight:600}@media(max-width:520px){.upgrade-card{grid-template-columns:44px 1fr}.upgrade-card>.upgrade-buy,.upgrade-card>.upgrade-state{grid-column:1/-1}}.player-heading>span{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.04em;color:#e6dcb8}.player-heading .class-badge{width:34px;height:34px;margin:-10px 0;object-fit:contain;filter:drop-shadow(0 1px 3px #000c)}dialog#modal.merchant-modal{width:min(760px,calc(100vw - 20px));padding:0;background:#16262a;border-color:#8a7a58}.merchant-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 60px 16px 26px;border-bottom:1px solid #d2dfbc1c;background:linear-gradient(90deg,color-mix(in srgb,var(--merchant) 16%,transparent),transparent)}.merchant-header h2{margin:0;color:#efe3bb}.merchant-header p{margin:4px 0 0;font-size:9px;letter-spacing:.08em;color:var(--merchant)}.merchant-wallet{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:11px;color:#a2b5a8;white-space:nowrap}.merchant-wallet span{display:flex;align-items:center;gap:5px}.merchant-wallet strong{color:#ffe0a0;font-size:14px}.merchant-wallet svg{width:14px;height:14px;color:#e8c26a}.merchant-tabs{display:flex;gap:4px;padding:10px 26px 0}.merchant-tabs button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #d2dfbc1c;border-bottom:0;background:#10202480;color:#a2b5a8;font-size:12px;border-radius:3px 3px 0 0}.merchant-tabs button[aria-selected=true]{background:#1f3437;color:#ffe0a0;border-color:#8a7a58}.merchant-tabs svg{width:14px;height:14px}.forge-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;padding:14px 26px}.forge-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto;padding-right:4px}.forge-weapon{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border:1px solid #d2dfbc1c;border-left:3px solid var(--rarity);background:#0f1d22;text-align:left;border-radius:3px}.forge-weapon.selected{background:#263b3c;border-color:#e8c26a;border-left-color:var(--rarity)}.forge-weapon img{width:44px;height:44px;object-fit:contain}.forge-weapon strong{display:block;font-size:12px;color:var(--rarity)}.forge-weapon small{font-size:10px;color:#8d9a90}.forge-weapon em{font-style:normal;font-weight:700;color:#ffe0a0;font-size:12px}.forge-anvil{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid #d2dfbc1c;border-radius:4px;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 60%),#0f1d22;text-align:center}.forge-anvil h3{margin:0;font-size:15px;color:var(--rarity)}.anvil-art{width:110px;height:110px;display:grid;place-items:center}.anvil-art img{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 8px #000a)}.forge-anvil.radiant .anvil-art img{filter:drop-shadow(0 0 10px var(--rarity)) drop-shadow(0 0 22px var(--rarity))}.enhance-pips{display:flex;gap:10px;margin:4px 0}.enhance-pips i{font-style:normal;width:26px;height:26px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#5f6d68;border:1px solid #3a4a4a;border-radius:3px}.enhance-pips i.lit{background:#e8c26a;color:#2a1c08;border-color:#ffe7a8;box-shadow:0 0 8px #e8c26a88}.enhance-pips i.crown.lit{background:#ffb347;box-shadow:0 0 14px #ffb347}.enhance-stat{margin:4px 0 0;font-size:12px;color:#a2b5a8;display:flex;align-items:center;gap:6px}.enhance-stat strong{color:#efe3bb;font-size:15px}.enhance-stat .up{color:#8fe0a6}.enhance-stat svg{width:14px;height:14px}.enhance-cost{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.enhance-cost li{display:flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid #d2dfbc26;border-radius:3px;font-size:11px;color:#efe3bb}.enhance-cost li small{color:#8d9a90;margin-left:3px}.enhance-cost li.short{border-color:#c85a5a;color:#faa}.enhance-cost svg{width:13px;height:13px;color:#e8c26a}.enhance-max{color:#ffd27a;font-size:12px;display:flex;align-items:center;gap:6px}.enhance-max svg{width:15px;height:15px}.merchant-note{font-size:10.5px;line-height:1.5;color:#8d9a90;margin:4px 0 0}.merchant-primary{margin-top:6px;display:flex;align-items:center;gap:7px;padding:10px 22px;border:1px solid #ffe7a8;border-radius:3px;background:linear-gradient(#f0cf7a,#c99a3a);color:#2a1c08;font-weight:700;font-size:13px}.merchant-primary svg{width:15px;height:15px}.merchant-primary:hover:not(:disabled){filter:brightness(1.1)}.merchant-buy{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid #d7c695aa;border-radius:3px;background:#2a3a3a;color:#efe3bb;font-size:11.5px;white-space:nowrap}.merchant-buy svg{width:12px;height:12px;color:#e8c26a}.merchant-buy:hover:not(:disabled){background:#3a4f4d;border-color:#ffe7a8}.merchant-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.armory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 26px 0}.armory-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid #d2dfbc1c;border-left:3px solid var(--rarity);border-radius:3px;background:#0f1d22}.armory-item img{width:48px;height:48px;object-fit:contain}.armory-item strong{font-size:12px;color:#efe3bb}.armory-item small{display:block;font-size:10px;color:var(--rarity)}.armory-item p{margin:3px 0 0;font-size:10.5px;color:#a2b5a8}.armory-grid+.merchant-note{padding:10px 26px 0}.stone-shop,.potion-shelf{padding:16px 26px}.stone-shop{display:flex;gap:16px;align-items:flex-start}.stone-art{width:72px;height:72px;flex:none;display:grid;place-items:center;border:1px solid #8a7a58;border-radius:4px;background:radial-gradient(circle,#5fa8ff33,transparent 70%),#0f1d22}.stone-art svg{width:40px;height:40px;color:#9fd2ff}.stone-shop strong,.potion-card strong{color:#efe3bb;font-size:14px}.stone-shop p,.potion-card p{font-size:12px;line-height:1.5;color:#a2b5a8;margin:4px 0 0}.potion-card b{color:#8fe0a6}.potion-card{display:flex;gap:16px;align-items:flex-start;padding:14px;border:1px solid #d2dfbc1c;border-radius:4px;background:#0f1d22}.potion-card img{width:72px;height:72px;border:1px solid #c4cbb2;border-radius:3px}.potion-card small{font-size:10px;color:#8d9a90}.potion-meter{height:6px;margin:8px 0 3px;background:#0a1416;border:1px solid #d2dfbc26}.potion-meter i{display:block;height:100%;background:linear-gradient(90deg,#c83a4a,#ff7a8a)}.merchant-empty{font-size:12px;color:#8d9a90}.merchant-status{min-height:34px;padding:10px 26px 16px;font-size:12px;color:#8fe0a6}.merchant-status.error{color:#ff9a9a}.merchant-status.fail{color:#d8b0a0}.merchant-status.success{color:#ffd27a}@media(max-width:620px){.forge-layout,.armory-grid{grid-template-columns:1fr}.merchant-header{flex-direction:column;align-items:flex-start;padding-right:48px}.merchant-wallet{align-items:flex-start}.stone-shop{flex-direction:column}}#loot-feed{position:absolute;right:18px;bottom:96px;display:flex;flex-direction:column;gap:5px;z-index:6;pointer-events:none;align-items:flex-end}.loot-row{display:flex;align-items:baseline;gap:7px;padding:6px 12px;background:#0b1518e6;border:1px solid color-mix(in srgb,var(--rarity,#8fd3ff) 60%,transparent);border-left:3px solid var(--rarity,#8fd3ff);border-radius:3px;font-size:12px;color:#efe3bb;animation:loot-in .25s ease-out;transition:opacity .6s,transform .6s}.loot-row b{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--rarity,#8fd3ff)}.loot-row small{font-size:10px;color:#8d9a90}.loot-row.rarity-legendary{box-shadow:0 0 16px #ffb34766}.loot-row.rarity-epic{box-shadow:0 0 12px #b67dff55}.loot-row.fade{opacity:0;transform:translate(20px)}@keyframes loot-in{0%{opacity:0;transform:translate(24px)}}.fashion-item.rarity-epic{border-color:#b67dff88}.fashion-item.rarity-epic .item-art{box-shadow:inset 0 0 14px #b67dff44}.fashion-item.rarity-legendary .item-art{box-shadow:inset 0 0 16px #ffb34755}.enhance-badge{position:absolute;right:3px;top:2px;padding:0 4px;font-size:9px;font-weight:700;color:#2a1c08;background:#e8c26a;border-radius:2px;z-index:3}.req-short{color:#ff9a9a}.boss-hud.champion span{color:#ffd27a}.travel-destination.dungeon{border-color:#8a5ad0aa;background:linear-gradient(90deg,#2a1a40,transparent)}.merchant-intro{margin:0;padding:12px 26px 0;font-size:11px;line-height:1.55;color:#a9b8ad}.armory-art{position:relative;display:block;width:48px;height:48px}.armory-art .item-class{left:-5px;bottom:-5px;width:22px;height:22px}.armory-item.wrong-class{border-color:#d0464a66;border-left-color:#d0464a;background:#241417}.wrong-class-note{color:#ff8c8c;font-weight:600}.sell-grid{max-height:340px;overflow:auto;padding-bottom:4px;scrollbar-width:thin}.merchant-buy.confirm{background:#6b2b2b;border-color:#ff9d8a;color:#ffe3d9}.merchant-tabs .forge-slots{display:flex;gap:4px;margin-left:auto;align-items:center}.merchant-tabs .forge-slots button{width:34px;height:32px;padding:0;justify-content:center;border:1px solid #d2dfbc1c;border-radius:3px;background:#10202480;color:#8fa59a}.merchant-tabs .forge-slots button:hover{color:#ffe0a0;border-color:#8a7a58}.merchant-tabs .forge-slots button[aria-pressed=true]{background:#1f3437;color:#ffe0a0;border-color:#c9a45c;box-shadow:inset 0 0 0 1px #c9a45c55}.merchant-tabs .forge-slots svg{width:16px;height:16px}@media(max-width:620px){.merchant-tabs{flex-wrap:wrap}.merchant-tabs .forge-slots{margin-left:0;width:100%;padding-top:6px}}.forge-anvil{gap:6px;padding:12px 14px}.anvil-art{width:80px;height:80px}.enhance-pips{gap:8px;margin:2px 0}.enhance-pips i{width:24px;height:24px}.enhance-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}.enhance-stats .enhance-stat{margin:0}.forge-anvil .merchant-note{margin:0;text-align:center}.forge-anvil .merchant-primary{margin-top:2px}.forge-list{max-height:330px}.class-skill .skill-lock{display:none}.class-skill.locked .skill-art{filter:grayscale(1) brightness(.45)}.class-skill.locked .skill-lock{display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;font-size:8px;font-weight:700;color:#ffe0a0;text-shadow:0 1px 2px #000}.skill-entry.locked{position:relative;opacity:.55;filter:grayscale(.7)}.skill-entry .skill-unlock{position:absolute;top:6px;right:10px;padding:2px 7px;border:1px solid #c9a45c88;border-radius:3px;background:#1a1408cc;color:#ffd98a;font-size:10px;font-weight:700;z-index:2}.skill-entry.locked .skill-entry-stats{visibility:hidden}.ability.nova.buff-active{box-shadow:0 0 0 1px #ffe0a0,0 0 12px #ffc86a99;border-color:#ffe0a0}.buff-card{border-color:color-mix(in srgb,var(--skill) 55%,transparent)}.buff-card .upgrade-state{color:var(--skill)}.world>.utility-buttons.corner-tools{position:absolute;right:18px;bottom:28px;top:auto;left:auto;z-index:13;display:flex;gap:5px;min-width:0;justify-content:flex-end;pointer-events:auto}.world>.corner-tools .icon-button{position:relative;width:30px;height:30px;margin:0;padding:0;display:grid;place-items:center;border:1px solid #aeb29b70;border-radius:3px;background:#1d3036ed;color:#dddac0;box-shadow:inset 0 0 0 1px #071721,0 3px 10px #0006;transition:background .15s,border-color .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.world>.corner-tools .icon-button:hover{background:#41534e;border-color:#ecddaa}.world>.corner-tools .icon-button:active{transform:translateY(1px) scale(.92);transition-duration:.06s}.world>.corner-tools .icon-button>svg{width:15px;height:15px}.world>.corner-tools kbd{position:absolute;left:2px;bottom:1px;font-size:7px;line-height:7px;color:#ede5c9}@media(max-width:700px){.world>.utility-buttons.corner-tools{right:10px;bottom:132px;gap:4px;flex-direction:column}.world>.corner-tools .icon-button{width:28px;height:28px}}.action-dock .dock-top{display:none}.world>.zone-note{display:none}.player-heading .vitals-fold{pointer-events:auto;flex:none;width:16px;height:16px;margin-left:6px;padding:0;display:grid;place-items:center;border:1px solid #d6dfb07d;border-radius:2px;background:#102526de;color:#e6e7c9;font-size:13px;line-height:1;cursor:pointer;transition:background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.player-heading .vitals-fold:hover{background:#355047}.player-heading .vitals-fold:active{transform:scale(.88);transition-duration:.06s}.player-hud.vitals-folded .health-track,.player-hud.vitals-folded .xp-track{display:none}.player-hud.vitals-folded .player-heading{margin-bottom:0}.world>.corner-tools .tools-fold{display:none}.world>.corner-tools.open .tools-fold{background:#41534e;border-color:#ecddaa}@media(max-width:1180px){.world>.utility-buttons.corner-tools{flex-direction:column-reverse;align-items:flex-end}.world>.corner-tools .tools-fold{display:grid}.world>.corner-tools:not(.open)>.icon-button:not(.tools-fold){display:none}}.travel-drops{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:8px}.travel-drops img{width:24px;height:24px;padding:1px;object-fit:contain;border:1px solid var(--rarity);border-radius:3px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity) 40%,transparent),#0c1719d9 75%);box-sizing:border-box}.travel-drops em{margin-left:3px;font-style:normal;font-size:11px;font-weight:700;color:#d8e0d4;text-shadow:0 1px 2px #000}@media(max-width:700px){.travel-drops img{width:20px;height:20px}}.quest-book-icon,.dock-art{width:22px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px #000c)}.action-dock .utility-buttons .icon-button>.dock-art{width:100%;height:100%;pointer-events:none}.player-hud{flex-wrap:wrap}.player-hud>#party-panel{flex:0 0 100%}.player-hud>#party-panel>*{max-width:234px}.connection .channel-number{font-weight:700;color:#f6d27e;letter-spacing:.04em}.connection .channel-name{font-style:normal;color:#c9cdb8;margin-left:-5px}.connection.live{cursor:pointer;padding:5px 9px;margin-right:9px;border:1px solid transparent;border-radius:6px;transition:background .15s,border-color .15s}.connection.live:hover,.connection.live:focus-visible{background:#ffffff0f;border-color:#f6d27e55}.connection.live:after{content:"▾";margin-left:-2px;font-size:9px;color:#f6d27e}@media(max-width:700px){.connection.live{padding:4px 5px;margin-right:4px}.connection .channel-number{font-size:10px;margin-left:4px}.connection .channel-name{display:none}}.channel-banner{position:absolute;left:50%;top:14px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 34px 10px;transform:translate(-50%);background:linear-gradient(90deg,transparent,#0b1a1ce6 18%,#0b1a1ce6 82%,transparent);color:#fff1da;pointer-events:none;animation:channel-banner 3.4s ease-in-out forwards}.channel-banner small{font:600 10px DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#e2bd8c}.channel-banner strong{font:700 20px Cinzel,serif;letter-spacing:.04em;color:#f6d27e;text-shadow:0 2px 6px #000c;white-space:nowrap}@keyframes channel-banner{0%{opacity:0;transform:translate(-50%,-10px)}10%,68%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--tx,0px)),var(--ty,-40px)) scale(.25)}}@media(max-width:700px){.channel-banner{top:10px;padding:7px 22px}.channel-banner strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.channel-banner{animation:none}}.player-heading{min-width:0;gap:5px}.player-heading>*{min-width:0}.player-heading>strong,.player-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-heading>strong{flex:0 1 auto}.player-heading>span{flex:0 4 auto;margin-left:auto;font-size:9px}.player-heading .class-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-heading>span .class-badge{width:24px;height:24px;margin:-6px 0;flex:none}.player-heading .vitals-fold{margin-left:0}dialog.fashion-modal{width:min(820px,calc(100% - 28px));padding:0;background:#18292d;border-color:#97815c;color:#dce5df;box-shadow:0 16px 90px #071215cc}.character-controls{display:flex;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.character-controls button{border:1px solid #8d805c;background:#293f40;color:#eed8aa;border-radius:4px;padding:7px 10px;font-size:11px;cursor:pointer}dialog.character-settings{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;background:#1a3033;color:#eeddb5;border:1px solid #a48a57;border-radius:10px;box-shadow:0 24px 100px #000a}.character-settings::backdrop{background:#061318c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.character-settings header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #9a8b5f55}.character-settings header small{font-size:10px;letter-spacing:2px;color:#afbaad}.character-settings h2{font-size:22px;margin:4px 0 0}.character-settings button{cursor:pointer;border:1px solid #a18a60;color:#eeddb5;background:#304747;padding:9px 18px;border-radius:4px}.character-settings header button{font-size:22px;padding:2px 10px}.character-settings-body{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:24px}.character-settings-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#47605655,transparent 70%);border:1px solid #8c997b33;border-radius:6px}.character-settings-preview canvas{width:100%;height:260px;object-fit:contain}.character-settings-preview span{font-size:10px;color:#a4b5aa;padding:8px}.character-setting{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #94aa9733;font-size:12px}.character-setting select{width:100%;min-width:0;background:#12282c;color:#f2deae;border:1px solid #738f81;border-radius:4px;padding:8px}.character-settings-fields p{font-size:11px;line-height:1.7;color:#a8bdb4;margin:14px 0 0}.character-settings-status{color:#edd18d!important;min-height:18px}.character-settings footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid #9a8b5f55}.character-settings footer .primary-button{background:#b69558;color:#17292b}.character-settings :disabled{opacity:.5;cursor:wait}@media(max-width:560px){.character-settings-body{grid-template-columns:1fr;gap:10px;padding:14px}.character-settings-preview canvas{height:175px}.character-settings-preview span{display:none}.character-settings header{padding:14px 18px}.character-settings footer{padding:14px}.character-setting{padding:6px 0}}.fashion-modal .modal-close{top:15px;right:14px;color:#e6d6aa}.wardrobe-header{padding:18px 65px 17px 22px;border-bottom:1px solid #84938440}.wardrobe-header h2{font-size:22px;color:#f3dfb4}.wardrobe-header .modal-eyebrow{font-size:8px;color:#91ada9;margin-bottom:5px}.fashion-wallet{color:#e6c580}.fashion-wallet>span{color:#a8b5a6}.inventory-modes{display:flex;align-items:center;gap:0;border-bottom:1px solid #b4a27955;padding:0 18px;background:#132327;min-height:43px}.inventory-modes>button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:12px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9bb0ad;min-width:128px}.inventory-modes>button[aria-selected=true]{color:#f3ddb1;border-bottom-color:#e0be76;background:#47626340}.inventory-modes>button svg{width:17px;height:17px}.inventory-modes>span{margin-left:auto;font-size:8px;color:#829993}.wardrobe-layout{grid-template-columns:280px minmax(0,1fr);min-height:478px}.fitting-room{background:#20363a;border-right:1px solid #718b7e45;padding:14px 18px 16px}.fitting-heading,.fitting-heading .icon-button{color:#b1c7bc}.fitting-actions{display:flex;align-items:center;gap:4px}.paperdoll{height:251px;margin-top:8px}.avatar-stage{top:0;right:40px;bottom:0;left:40px}.avatar-stage:before{top:0;right:-6px;bottom:0;left:-6px;background:#101f2b4d;border:1px solid #8ea68a30;border-radius:3px}.avatar-stage :is(img,canvas){width:164px;height:192px;margin-top:9px}.avatar-plinth{bottom:27px;background:#0a1e2580;border-color:#77897730;width:138px}.equipment-column{top:0;gap:14px}.equipment-slot{width:43px;height:43px;background:#14242b;border-color:#768879;border-radius:2px}.equipment-slot.filled{border-color:#af976a}.equipment-slot:hover{background:#334348;border-color:#ead5a5}.equipment-slot>img{width:38px;height:38px}.equipment-slot>span{font-size:7px;color:#a3b5ad;bottom:-11px}.equipment-slot>svg{color:#6e8c8c;width:20px;height:20px}.look-title{margin-bottom:13px;gap:5px}.look-title>span{color:#8da9a3}.look-title>strong{color:#eed9b5;font-size:14px}.look-title>small{color:#a4b6a8;font-size:9px}.fashion-stats{padding:12px 0;border-color:#809b7e35;gap:6px}.fashion-stats>span{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;color:#dbe7dd}.fashion-stats strong{font-size:18px;font-weight:500}.fashion-stats small{font-size:8px}.fashion-stats em{width:100%;font-style:normal;font-size:9px;text-align:center}.positive{color:#90ddbc}.negative{color:#f1a69b}.wardrobe-supplies{color:#9fb9b0;padding:12px 0}#wardrobe-status{color:#a5c4ae;font-size:9px;min-height:18px}#wardrobe-status.error{color:#f0aaa1}.collection{padding:16px 19px 0;background:#182a30;container-type:inline-size}.collection-heading{color:#b7c7bb;font-size:9px;margin-bottom:10px}.collection-heading>span:last-child{color:#91aba4}.fashion-tabs{gap:5px;padding-bottom:9px;margin-bottom:10px;border-color:#627b7438}.fashion-tabs>button{width:29px;height:29px;padding:6px;border-radius:2px;color:#98afaa;flex:none}.fashion-tabs>button[aria-selected=true]{background:#415c56;border-color:#b0b997;color:#f0deb4}.fashion-tabs>button:hover{background:#304a49}.fashion-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:calc((100cqw - 36px)/7);align-content:start;gap:5px;height:calc(6*((100cqw - 36px)/7) + 39px);min-height:0;padding:2px 3px 10px;overflow:auto;scrollbar-color:#60776b transparent}@media(min-width:701px){.fashion-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:calc((100cqw - 41px)/8);height:calc(7*(100cqw - 41px)/8 + 44px)}}.fashion-item,.inventory-empty{aspect-ratio:1;width:100%;height:100%;min-width:0;min-height:0;padding:3px;border-radius:2px;border:1px solid #62766f;background:#102026;box-shadow:inset 0 0 0 1px #07131b99;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.inventory-empty{border-color:#425b583d;background:#10212680}.fashion-item:hover{background:#304846;border-color:#ccb98c}.fashion-item.selected{border-color:#f0c875;background:#594347;box-shadow:inset 0 0 0 1px #b99a63}.fashion-item.rarity-rare{border-bottom-color:#6e93c7}.fashion-item.rarity-legendary{border-color:#e0b96b;background:#594437}.fashion-item .item-art{width:100%;height:100%;flex:none}.fashion-item .item-art>img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.equipped-check{top:0;right:0;width:12px;height:12px;background:#668d7d}.equipped-check svg{width:9px;height:9px}.item-detail{border-color:#7b908038;padding:12px 0 15px;min-height:114px;gap:14px;align-items:center}.rarity-label{color:#d1b985;font-size:8px}.detail-title h3{color:#e6d8ba;font-size:13px;margin:4px 0}.detail-title p{color:#a1b5ac;font-size:10px;line-height:1.5}.item-bonuses{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#92c5b5;margin-top:7px}.fashion-purchase{max-width:145px;flex-shrink:0}.fashion-purchase .primary-button{font-size:10px;background:#45685b;border-color:#8ea286;padding:10px 12px}.fashion-purchase .primary-button:disabled{opacity:.5}.fashion-purchase .icon-button{color:#d3bda3}.purchase-price{color:#e6c887}@media(max-width:700px){dialog.fashion-modal{width:calc(100% - 14px);max-height:calc(100dvh - 16px)}.wardrobe-header{padding:13px 48px 12px 14px}.wardrobe-header h2{font-size:19px}.fashion-modal .modal-close{top:8px;right:7px}.inventory-modes{padding:0 10px;min-height:38px}.inventory-modes>button{padding:10px 12px;font-size:11px;min-width:110px}.inventory-modes>span{font-size:7px}.wardrobe-layout{display:flex;flex-direction:column;min-height:0}.fitting-room{display:grid;grid-template-columns:175px minmax(0,1fr);grid-template-rows:22px auto auto auto;gap:0 12px;padding:9px 12px;min-height:224px;border-right:0;border-bottom:1px solid #70867d40}.fitting-heading{grid-column:1/-1}.paperdoll{grid-column:1;grid-row:2/6;height:185px;margin:0}.avatar-stage{top:0;right:29px;bottom:0;left:29px}.avatar-stage :is(img,canvas){width:110px;height:130px;margin-top:2px}.avatar-stage:before{top:15px;right:0;bottom:17px;left:0}.avatar-plinth{bottom:20px;width:94px}.equipment-column{gap:12px;top:2px}.equipment-slot{width:33px;height:33px}.equipment-slot>img{width:29px;height:29px}.equipment-slot>span{font-size:6px;bottom:-9px}.look-title{grid-column:2;grid-row:2;margin-top:8px;margin-bottom:10px}.look-title>strong{font-size:12px;overflow-wrap:anywhere}.fashion-stats{grid-column:2;grid-row:3;flex-wrap:wrap;padding:8px 0}.fashion-stats strong{font-size:15px}.wardrobe-supplies{grid-column:2;grid-row:4;padding:8px 0;font-size:8px}#wardrobe-status{grid-column:2;grid-row:5;font-size:8px;line-height:1.4}.collection{padding:12px 12px 0}.collection-heading{margin-bottom:7px}.fashion-tabs{margin-bottom:7px;padding-bottom:6px;gap:4px}.fashion-tabs>button{height:27px;width:27px}.fashion-grid{height:232px;gap:4px;padding-bottom:5px}.item-detail{min-height:109px;padding:11px 0;gap:7px}.detail-title h3{font-size:12px}.detail-title p{font-size:9px}.fashion-purchase{max-width:108px}.fashion-purchase .primary-button{font-size:9px;padding:9px}.item-bonuses{gap:7px;font-size:8px}}.inventory-tooltip{position:fixed;z-index:1000;pointer-events:none;width:235px;max-width:calc(100vw - 16px);padding:13px 15px;border:1px solid #ba9961;background:#102328;color:#dce7e5;box-shadow:0 8px 28px #0008;font-size:12px;line-height:1.5;border-radius:4px}.inventory-tooltip strong{display:block;color:#ffe0a3;font-size:14px;line-height:1.35;margin-bottom:5px}.inventory-tooltip span,.inventory-tooltip small{display:block;color:#9db6bb;font-size:10px}.inventory-tooltip b{display:block;color:#91d4d4;font-size:12px;margin-top:9px;border-top:1px solid #334a4e;padding-top:8px}.inventory-tooltip p{margin:4px 0;font-size:11px}.item-set-name{font-size:11px;color:#91d4d4;margin:4px 0}.collection-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#b5c5bd;font-size:11px;margin:10px 0}.collection-filter select{flex:1;min-width:140px;background:#142b2f;color:#f0d9a5;border:1px solid #61776c;padding:7px;border-radius:3px}.collection-filter small{flex-basis:100%;font-size:10px;color:#91a89d}@media(min-width:701px){dialog.fashion-modal[open]{display:flex;flex-direction:column;overflow:hidden}dialog.fashion-modal>#modal-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.fashion-modal .wardrobe-header,.fashion-modal .inventory-modes{flex:none}.fashion-modal .wardrobe-layout{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}.fashion-modal .fitting-room{min-height:0;overflow:auto;scrollbar-width:thin}.fashion-modal .fitting-room>*{flex-shrink:0}.fashion-modal .collection{min-height:0;overflow:hidden}.fashion-modal .collection>:not(.fashion-grid){flex:none}.fashion-modal .fashion-grid{flex:0 1 auto;min-height:90px}}.combat-power{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:6px 0 12px;position:relative;z-index:1;padding:7px 12px;border-top:1px solid #b89a5f55;border-bottom:1px solid #b89a5f55;background:linear-gradient(90deg,transparent,#0e1d2299 18%,#0e1d2299 82%,transparent)}.combat-power>span{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.12em;color:#c5ae7b}.combat-power svg{width:13px;height:13px}.combat-power>strong{font:600 20px Cinzel,serif;color:#f4d894;font-variant-numeric:tabular-nums}.combat-power>em{font-style:normal;font-size:10px}.combat-details{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:0;padding:11px 0;border-bottom:1px solid #809b7e35;font-size:9.5px}.combat-details>div{display:flex;justify-content:space-between;gap:6px;min-width:0}.combat-details dt{color:#8fa9a2;white-space:nowrap}.combat-details dd{margin:0;color:#e1ebe4;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:700px){.combat-power{grid-column:1;grid-row:6;margin:4px 0 8px;padding:5px 8px}.combat-power>strong{font-size:16px}.combat-details{grid-column:1/-1;grid-row:7;gap:4px 14px;font-size:8.5px;padding:8px 0}}@media(min-width:701px){.fitting-room .paperdoll{height:236px}.fitting-room .avatar-stage{align-items:flex-start}.fitting-room .avatar-stage :is(img,canvas){margin-top:15px}.fitting-room .avatar-plinth{bottom:31px}.fitting-room .equipment-column{top:50%;transform:translateY(-50%);margin-top:-5px}}.combat-power .power-emblem{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 3px #000a)}@media(max-width:700px){.combat-power .power-emblem{width:22px;height:22px}}.fashion-tabs .rarity-toggle{margin-left:auto;width:auto;display:flex;align-items:center;gap:6px;padding:6px 11px;font-size:10px;letter-spacing:.06em;color:#c9b687;border:1px solid #6f7f6f}.fashion-tabs .rarity-toggle svg{width:14px;height:14px}.fashion-tabs button.rarity-toggle>span{display:inline}.fashion-tabs .rarity-toggle[aria-pressed=true]{background:#415c56;border-color:#d8bb7a;color:#f3ddb1}.fashion-grid.is-chart{display:block;padding:0 3px 10px}.rarity-chart{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:10px}.rarity-chart thead th{position:sticky;top:0;z-index:2;background:#182a30;padding:10px 4px 11px;color:var(--rarity);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid color-mix(in srgb,var(--rarity) 55%,transparent);text-align:center}.rarity-chart thead th:first-child{width:62px;border-bottom-color:#627b7438}.rarity-chart .chart-arrow{position:absolute;left:-11px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#182a30;border:1px solid #6f7f6f;color:#e0c47f;z-index:3}.rarity-chart .chart-arrow svg{width:15px;height:15px;stroke-width:2.6}.rarity-chart tbody th{text-align:left;font-weight:500;color:#a4b8b1;font-size:10px;padding:0 6px 0 2px}.rarity-chart td{padding:6px 5px;vertical-align:middle;border-bottom:1px solid #627b7426;border-left:1px solid #627b7418}.rarity-chart td{text-align:center;line-height:0}.rarity-chart tbody tr:nth-child(odd) td{background:#ffffff05}.chart-item{width:38px;height:38px;margin:2px;padding:2px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);border-radius:3px;background:#102026;vertical-align:middle;cursor:default}.chart-item img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(.45);opacity:.6}.chart-item.owned{cursor:pointer;border-color:var(--rarity);box-shadow:inset 0 0 8px color-mix(in srgb,var(--rarity) 30%,transparent)}.chart-item.owned img{filter:none;opacity:1}.chart-item.owned:hover{background:#334348}.chart-item.selected{outline:2px solid #f0d58f;outline-offset:1px}.chart-empty{color:#50635e;font-size:11px;line-height:1}@media(max-width:700px){.chart-item{width:30px;height:30px;margin:1px}.rarity-chart thead th{font-size:8px;letter-spacing:.04em}.rarity-chart thead th:first-child{width:44px}.rarity-chart tbody th{font-size:8px}.fashion-tabs button.rarity-toggle>span{display:none}}.rarity-chart thead th>span{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);background:color-mix(in srgb,var(--rarity) 13%,transparent);font-weight:600}@media(max-width:700px){.rarity-chart thead th>span{padding:3px 6px}}.fashion-wallet svg.gold-coin{width:28px;height:28px;filter:drop-shadow(0 1px 2px #0008)}@media(max-width:700px){.fashion-wallet svg.gold-coin{width:20px;height:20px}}.bag-wallet{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:flex-end}.bag-wallet>*{padding:0 10px;border-left:1px solid #b4a27940}.bag-wallet>:first-child{border-left:0;padding-left:0}.bag-wallet>:last-child{padding-right:0}.bag-wallet .fashion-wallet{gap:5px}.bag-wallet .fashion-wallet strong{font-size:15px}.bag-wallet .fashion-wallet svg.gold-coin{width:20px;height:20px}.bag-chip{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;color:#a8b5a6}.bag-chip strong{font-size:15px;font-weight:500;color:#e6c580;font-variant-numeric:tabular-nums}.bag-chip span{font-size:10px}.bag-chip.stones svg{width:20px;height:20px;color:#9fd2ff;filter:drop-shadow(0 0 4px #5fa8ff66)}.bag-chip.stones strong{color:#bfe3ff}.bag-chip.potions img{width:20px;height:20px;object-fit:contain;border-radius:4px}.bag-chip.potions strong{color:#b8f0c4}@media(max-width:700px){.bag-wallet>*{padding:0 8px}.bag-chip span{display:none}.bag-chip strong,.bag-wallet .fashion-wallet strong{font-size:13px}.bag-wallet .fashion-wallet svg.gold-coin{width:16px;height:16px}.bag-chip.potions img{width:16px;height:16px}.bag-chip.stones svg{width:16px;height:16px}}.supply-item{cursor:default;border-color:#7f9ab0;background:radial-gradient(circle at 50% 40%,#2b4552,#102026 70%)}.supply-item.empty{opacity:.45;filter:grayscale(.6)}.supply-item .item-art{display:flex;align-items:center;justify-content:center}.supply-item .item-art img{width:78%;height:78%;object-fit:contain}.supply-art.stones{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.supply-art.stones svg{width:58%;height:58%;color:#9fd2ff;filter:drop-shadow(0 0 6px #5fa8ff88)}.supply-count{position:absolute;right:4px;bottom:3px;font:600 12px DM Sans,sans-serif;color:#fff2cf;text-shadow:0 1px 2px #000,0 0 3px #000}.collection-filter .collection-label{flex:none}.collection-picker{position:relative;flex:1;min-width:160px}.picker-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 12px;border:1px solid #61776c;border-radius:4px;background:linear-gradient(180deg,#183034,#122529);color:#f0d9a5;font:500 13px DM Sans,sans-serif;cursor:pointer;text-align:left}.picker-button:hover,.picker-button[aria-expanded=true]{border-color:#d8bb7a;box-shadow:0 0 0 2px #e0be7622}.picker-button svg{width:16px;height:16px;flex:none;color:#c9b687;transition:transform .15s}.picker-button[aria-expanded=true] svg{transform:rotate(180deg)}.picker-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;max-height:280px;overflow:auto;border:1px solid #b89a5f88;border-radius:5px;background:#10232a;box-shadow:0 14px 36px #000b;scrollbar-width:thin;scrollbar-color:#60776b transparent}.picker-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:3px;color:#d6e0da;font-size:12px;cursor:pointer;outline:none}.picker-list li small{flex:none;flex-basis:auto;font-size:10px;color:#8fa9a2;font-variant-numeric:tabular-nums}.picker-list li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-list li:hover,.picker-list li:focus{background:#2a4448;color:#f3ddb1}.picker-list li[aria-selected=true]{background:linear-gradient(90deg,#c9a45a33,transparent);color:#f6e3b4;box-shadow:inset 2px 0 #e0be76}.picker-list li[aria-selected=true] small{color:#e0c47f}.equipment-slot.locked{cursor:not-allowed;border-style:dashed;border-color:#8a5a50;background:repeating-linear-gradient(135deg,#1a2328,#1a2328 5px,#222c30 5px,#222c30 10px)}.equipment-slot.locked>svg{width:24px;height:24px;color:#d0786a}.equipment-slot.locked>span{color:#a88a84}.fashion-tabs .sort-toggle{margin-left:auto;width:auto;display:flex;align-items:center;gap:6px;padding:6px 11px;font-size:10px;letter-spacing:.04em;color:#c9b687;border:1px solid #6f7f6f}.fashion-tabs .sort-toggle svg{width:14px;height:14px}.fashion-tabs button.sort-toggle>span{display:inline}.fashion-tabs .sort-toggle:hover{border-color:#d8bb7a;color:#f3ddb1}.fashion-tabs .sort-toggle+.rarity-toggle{margin-left:6px}@media(max-width:700px){.fashion-tabs button.sort-toggle>span{display:none}}.fashion-grid .fashion-item.rarity-rare,.equipment-slot.filled.rarity-rare{border-color:#6e93c7;background:radial-gradient(circle at 50% 45%,#5fa8ff2e,#102026 72%)}.fashion-grid .fashion-item.rarity-epic,.equipment-slot.filled.rarity-epic{border-color:#b67dffaa;background:radial-gradient(circle at 50% 45%,#b67dff40,#161a2e 72%);box-shadow:0 0 8px #b67dff33}.fashion-grid .fashion-item.rarity-legendary,.equipment-slot.filled.rarity-legendary{border-color:#f0c26a;background:radial-gradient(circle at 50% 45%,#ffc2576b,#3a2a18 58%,#1c1812);box-shadow:0 0 10px #ffb34766,inset 0 0 12px #ffcf6a33;animation:legend-glow 2.8s ease-in-out infinite}.fashion-grid .fashion-item.rarity-legendary .item-art{box-shadow:none}@keyframes legend-glow{50%{box-shadow:0 0 16px #ffb3478f,inset 0 0 16px #ffcf6a4d}}.fashion-grid .fashion-item.selected{box-shadow:0 0 0 2px #eaf4ff,0 0 14px #9fd2ff99;border-color:#eaf4ff}.fashion-grid .fashion-item.rarity-legendary.selected{box-shadow:0 0 0 2px #eaf4ff,0 0 14px #9fd2ff99,0 0 18px #ffb34766;animation:none}.fashion-grid .fashion-item:not([class*=rarity-]).selected,.fashion-grid .fashion-item.rarity-common.selected,.fashion-grid .fashion-item.rarity-gear.selected{background:#1d3438}.equipment-slot.filled.rarity-epic{box-shadow:none}.equipment-slot.filled.rarity-legendary{box-shadow:inset 0 0 12px #ffcf6a33;animation:none}.fashion-grid .fashion-item.rarity-mythic,.equipment-slot.filled.rarity-mythic{border-color:#ff5a66;background:radial-gradient(circle at 50% 45%,#ff3b4e70,#3a1418 58%,#1c0c0e);box-shadow:0 0 12px #ff3b4e77,inset 0 0 12px #ff8a6a33;animation:mythic-glow 2.4s ease-in-out infinite}.fashion-grid .fashion-item.rarity-mythic .item-art{box-shadow:none}@keyframes mythic-glow{50%{box-shadow:0 0 20px #ff3b4ea6,inset 0 0 18px #ffb08a4d}}.fashion-grid .fashion-item.rarity-mythic.selected{box-shadow:0 0 0 2px #eaf4ff,0 0 14px #9fd2ff99,0 0 18px #ff3b4e77;animation:none}.equipment-slot.filled.rarity-mythic{box-shadow:inset 0 0 12px #ff8a6a33;animation:none}@media(prefers-reduced-motion:reduce){.fashion-grid .fashion-item.rarity-legendary,.fashion-grid .fashion-item.rarity-mythic{animation:none}}.fashion-item .enhance-badge{right:4px;top:2px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#ffe29a;font:800 12px Cinzel,serif;letter-spacing:.02em;text-shadow:-1px -1px 0 #1a1206,1px -1px 0 #1a1206,-1px 1px 0 #1a1206,1px 1px 0 #1a1206,0 0 5px #ffb34799}.fashion-item .enhance-badge.max{color:#ffb44a;text-shadow:-1px -1px 0 #3a1204,1px -1px 0 #3a1204,-1px 1px 0 #3a1204,1px 1px 0 #3a1204,0 0 6px #ff8a2acc,0 0 12px #ffcf6a99}.enhance-tag{color:#ffe29a;font-weight:800;text-shadow:0 0 5px #ffb34799}.enhance-tag.max{color:#ffb44a;text-shadow:0 0 6px #ff8a2acc,0 0 12px #ffcf6a88}.enhance-line{margin:2px 0 4px;font-size:11px;font-weight:600;color:#c9b687;letter-spacing:.02em}.enhance-line .enhance-tag{font:800 13px Cinzel,serif}.detail-title .enhance-line{margin:-2px 0 6px}.inventory-tooltip .enhance-line .enhance-tag{display:inline;margin:0;font-size:13px}.inventory-tooltip .enhance-line .enhance-tag:not(.max){color:#ffe29a}.item-class,.item-art>img.item-class{position:absolute;left:3px;bottom:2px;width:22px;height:22px;padding:2px;box-sizing:border-box;object-fit:contain;z-index:3;border-radius:50%;background:#0d1a1ecc;border:1px solid #e8c26a88}.fashion-grid .fashion-item.wrong-class{border-color:#d0464a;background:radial-gradient(circle at 50% 45%,#d0464a40,#211317 72%);box-shadow:inset 0 0 0 1px #d0464a88,0 0 8px #d0464a44}.fashion-grid .fashion-item.wrong-class.selected{border-color:#ff7a7a;box-shadow:0 0 0 2px #ff7a7a,0 0 14px #ff5a5a88}.fashion-item.wrong-class .item-art>img{opacity:.72}.inventory-tooltip b.tip-wrong-class{color:#ff8c8c}.inventory-tooltip span.tip-sell{display:flex;align-items:center;gap:5px;margin-top:8px;color:#f0d28a;font-size:11px}.inventory-tooltip .tip-sell svg.gold-coin,.item-bonuses .sell-value svg.gold-coin{width:15px;height:12px}.item-bonuses .sell-value{display:inline-flex;align-items:center;gap:4px;color:#f0d28a}.inventory-tooltip span.tip-lifesteal{margin-top:6px;color:#ff7d8c;font-size:11px;font-weight:600}.item-bonuses .lifesteal-value{color:#ff7d8c}img.forge-stone{display:inline-block;flex:none;object-fit:contain;vertical-align:middle}.bag-chip.stones img.forge-stone{width:20px;height:20px}.supply-art.stones img.forge-stone{width:78%;height:78%;animation:forge-stone-glow 2.4s ease-in-out infinite}.merchant-wallet img.forge-stone{width:22px;height:22px}.stone-art img.forge-stone{width:64px;height:64px;animation:forge-stone-glow 2.4s ease-in-out infinite}.enhance-cost img.forge-stone{width:18px;height:18px}.loot-row img.forge-stone{width:18px;height:18px;align-self:center}@keyframes forge-stone-glow{50%{filter:brightness(1.18) drop-shadow(0 0 6px #5fa8ffaa)}}@media(max-width:700px){.bag-chip.stones img.forge-stone{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){img.forge-stone{animation:none!important}}.fashion-grid .fashion-item.wrong-class{animation:none}.enhance-letter{display:inline-block;width:14px;height:12px;flex:none;vertical-align:middle;background-image:url(/assets/items/enhance-letters-v1.webp);background-repeat:no-repeat;background-size:500% 210%;background-position:var(--enhance-position) 50%;filter:drop-shadow(0 1px 1px #100b04)}.fashion-item .enhance-badge,.equipment-slot .enhance-badge{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);line-height:0;padding:0;background:none;border:0;box-shadow:none;text-shadow:none;pointer-events:none}.fashion-item .enhance-badge .enhance-letter,.equipment-slot .enhance-badge .enhance-letter{width:20px;height:17px}.enhance-tag .enhance-letter{width:15px;height:13px}.inventory-tooltip.has-class{padding-right:70px}.inventory-tooltip .tip-class{position:absolute;right:14px;top:16px;width:42px;height:42px;object-fit:contain;opacity:.55;filter:saturate(.65);border:0;background:none;pointer-events:none}.character-stepper{display:grid;grid-template-columns:34px 1fr auto 34px;align-items:center;gap:8px;min-width:0}.character-settings .character-stepper button{display:grid;place-items:center;width:34px;height:34px;padding:0;font-size:20px;line-height:1;background:#12282c;border-color:#738f81;transition:background .15s,transform .18s cubic-bezier(.34,1.8,.64,1)}.character-settings .character-stepper button:hover:not(:disabled){background:#23403f;border-color:#c9a45c}.character-settings .character-stepper button:active:not(:disabled){transform:scale(.9);transition-duration:.06s}.character-stepper output{text-align:center;font-size:14px;font-weight:600;color:#f2deae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-stepper small{font-size:10px;color:#8fa49b;font-variant-numeric:tabular-nums}.shop-empty-note{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;text-align:center;color:#c9d6cc;font-size:13px}.shop-empty-note p{margin:0}.shop-empty-note button{padding:9px 20px;border:1px solid #c9a45c;border-radius:4px;background:linear-gradient(#3a5048,#2a3d38);color:#f1e3bd;cursor:pointer}@media(max-width:700px){.fashion-item .enhance-badge .enhance-letter,.equipment-slot .enhance-badge .enhance-letter{width:15px;height:13px}}.fashion-tabs .tab-emblem{width:20px;height:20px;object-fit:contain;display:block;opacity:.8}.fashion-tabs [aria-selected=true] .tab-emblem,.fashion-tabs button:hover .tab-emblem{opacity:1}.fashion-item.shop-owned .item-art>img{opacity:.5;filter:saturate(.55)}.owned-tag{position:absolute;left:3px;right:3px;bottom:3px;padding:1px 0;border-radius:2px;background:#0f2a1ee6;color:#b6efc4;font-size:9px;font-weight:700;letter-spacing:.04em;text-align:center;pointer-events:none}.junk-tab.junk-sale.inline{position:static;z-index:auto;width:auto;max-width:720px;max-height:none;margin:18px auto 22px;box-shadow:none}.junk-tab.junk-sale.inline ul{max-height:min(460px,calc(100dvh - 330px))}.junk-tab.junk-sale.inline li{grid-template-columns:34px 1fr auto 96px;padding:8px 12px}.junk-tab.junk-sale.inline li .junk-icon{width:32px;height:32px}.junk-tab.junk-sale.inline .junk-sale-name b{font-size:13px}@media(max-width:700px){.junk-tab.junk-sale.inline{margin:10px}.junk-tab.junk-sale.inline li{grid-template-columns:28px 1fr auto;gap:6px}.junk-tab.junk-sale.inline .junk-sale-sub{grid-column:2/-1;text-align:right}}.inventory-tooltip{width:262px}.inventory-tooltip .tip-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}.inventory-tooltip .tip-title{min-width:0;flex:1}.inventory-tooltip .tip-title strong{margin-bottom:2px}.inventory-tooltip span.tip-art{position:relative;flex:none;width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rarity) 75%,transparent);border-radius:4px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rarity) 42%,transparent),#0d1b1f 75%)}.inventory-tooltip .tip-art>img{width:46px;height:46px;object-fit:contain}.inventory-tooltip .tip-art.tip-supply>*{width:38px;height:38px;object-fit:contain;animation:none}.inventory-tooltip .tip-sell em{font-style:normal;color:#9a9da6}.inventory-tooltip .tip-art .tip-class{position:absolute;right:-7px;bottom:-7px;top:auto;width:22px;height:22px;opacity:1;filter:drop-shadow(0 1px 2px #000d)}.inventory-tooltip .enhance-line{display:flex;align-items:center;gap:5px;margin:1px 0 2px}.inventory-tooltip .enhance-line .enhance-tag,.inventory-tooltip .enhance-line .enhance-letter{display:inline-block}.drag-ghost{position:fixed;inset:auto;left:0;top:0;margin:0;padding:0;border:0;background:none;overflow:visible;width:52px;height:52px;z-index:10000;pointer-events:none;filter:drop-shadow(0 6px 10px #000a) drop-shadow(0 0 8px #ffd77a88)}.drag-ghost img{width:100%;height:100%;object-fit:contain}.fashion-item.dragging,.equipment-slot.dragging{opacity:.35}.equipment-slot.drop-target{outline:2px dashed #ffd77a;outline-offset:2px;box-shadow:0 0 14px #ffd77a88}dialog.is-dragging::backdrop{background:#2a0c0cb0}.fashion-item .bound-tag{position:absolute;left:3px;bottom:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:4px;background:#1b1210e6;color:#e8c46b;box-shadow:0 0 0 1px #8a6a3a}.fashion-item .bound-tag svg{width:10px;height:10px}.inventory-tooltip .tip-bound{display:flex;align-items:center;gap:5px;margin-top:6px;color:#e8c46b;font-size:11px}.inventory-tooltip .tip-bound svg{width:12px;height:12px}#wardrobe-status.warn{color:#ff9a8a}dialog.drop-confirm{width:min(340px,calc(100vw - 24px));padding:22px 22px 18px;border:1px solid #c99a4a;border-radius:10px;background:linear-gradient(#17120e,#0b0907);color:#f2e6c8;text-align:center;box-shadow:0 18px 50px #000c}dialog.drop-confirm::backdrop{background:#050404a0}dialog.drop-confirm img{width:60px;height:60px;object-fit:contain}dialog.drop-confirm h3{margin:8px 0 6px;font:600 17px Cinzel,serif;color:#ffe6a6}dialog.drop-confirm p{margin:0 0 16px;font-size:12px;color:#c9b99a}dialog.drop-confirm div{display:flex;gap:10px;justify-content:center}dialog.drop-confirm button{min-width:110px;padding:9px 14px;margin:0;border-radius:6px}dialog.drop-confirm [data-cancel]{background:#2a221a;border:1px solid #6a5434;color:#e6d3a4}.fashion-grid img,.equipment-slot img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(min-width:701px)and (max-height:500px){dialog.fashion-modal{max-height:calc(100dvh - 12px)}.fashion-modal .wardrobe-header{padding:8px 60px 8px 18px}.fashion-modal .wardrobe-header h2{font-size:17px}.fashion-modal .wardrobe-header .modal-eyebrow{margin-bottom:2px}.fashion-modal .modal-close{top:6px}.fashion-modal .inventory-modes{min-height:34px}.fashion-modal .inventory-modes>button{padding:7px 12px}.fashion-modal .wardrobe-layout{min-height:0}.fashion-modal .collection{padding:8px 12px 0}.fashion-modal .collection-heading{margin-bottom:4px}.fashion-modal .collection-filter{margin:4px 0}.fashion-modal .collection-filter small{display:none}.fashion-modal .fashion-tabs{padding-bottom:5px;margin-bottom:6px}.fashion-modal .fashion-grid{flex:1 1 0;height:auto;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100cqw - 30px)/4);gap:6px}.fashion-modal .item-detail{min-height:0;padding:6px 0 8px;align-items:center}.fashion-modal .item-detail .detail-title h3{font-size:12px;margin:2px 0}.fashion-modal .item-detail .detail-title p:not(.item-set-name){display:none}.fashion-modal .item-detail .primary-button{width:auto;padding:8px 14px}.fashion-modal .item-detail.is-empty{display:none}}#travel-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#120c2b;pointer-events:auto}#travel-loading:before{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#142921e8)}.travel-loading-caption{position:relative;text-align:center;width:min(620px,85vw);padding:26px 0 5vh;color:#fff6dc;text-shadow:0 2px 4px #142921}.travel-loading-caption h2{font:clamp(25px,4vw,42px) "Cinzel",serif;letter-spacing:.12em;margin:0 0 6px}.travel-loading-caption small{letter-spacing:.28em;font-size:10px}.travel-loading-caption p{font-size:13px;margin:22px 0 14px}.travel-loading-track{height:12px;border:1px solid #e1cd8e;border-radius:20px;padding:2px;background:#102820cc;overflow:hidden;box-shadow:0 0 0 4px #172d284d}.travel-loading-track i{display:block;height:100%;width:32%;border-radius:10px;background:linear-gradient(90deg,#88c9a2,#ffe2a1);animation:waygate-progress 1.5s ease-in-out infinite alternate}#travel-loading.complete .travel-loading-track i{animation:none;width:100%}@keyframes waygate-progress{0%{transform:translate(0)}to{transform:translate(212%)}}@media(max-width:650px){#travel-loading{background-size:auto 70%;background-position:center 18%;background-color:#607854}.travel-loading-caption{padding-bottom:7vh}}@media(prefers-reduced-motion:reduce){.travel-loading-track i{animation:none;width:55%}}#loading.illustrated-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;background:#120c2b;color:#fff6dc}#loading.illustrated-loading:before{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#142921e8)}#loading.illustrated-loading h2{font:clamp(25px,4vw,42px) "Cinzel",serif;letter-spacing:.12em;margin:0 0 6px}#loading.illustrated-loading p{font-size:13px;margin:22px 0 14px;color:#fff6dc}#loading.illustrated-loading #retry{margin:20px auto 0}#loading.illustrated-loading:has(#retry:not([hidden])) .travel-loading-track{display:none}@media(max-width:650px){#loading.illustrated-loading{background-size:auto 70%;background-position:center 18%;background-color:#607854}}:root{--party-art:url(/assets/characters/loading-party.webp);--party-glow:radial-gradient(circle at 16% 32%,#8f4be0a8,transparent 34%),radial-gradient(circle at 50% 8%,#c2304aa0,transparent 32%), radial-gradient(circle at 84% 26%,#6cbf4c8f,transparent 32%),radial-gradient(circle at 82% 76%,#3a86ee9a,transparent 34%), radial-gradient(circle at 20% 80%,#ea6aa89a,transparent 32%),radial-gradient(circle at 52% 60%,#ffd36a5c,transparent 40%), linear-gradient(160deg,#1c1240,#120c2b 55%,#0d1430)}#travel-loading,#loading.illustrated-loading{background:var(--party-art) center 34%/min(94vw,1500px,138.45vh) auto no-repeat,var(--party-glow);background-color:#120c2b}#travel-loading:after,#loading.illustrated-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff6d0 0 1.3px,transparent 2px),radial-gradient(circle,#e3c8ff 0 1px,transparent 1.8px),radial-gradient(circle,#bfe4ff 0 1px,transparent 1.8px);background-size:140px 110px,90px 70px,170px 130px;background-position:10px 20px,60px 40px,30px 80px;opacity:.55;animation:party-sparkle 4s ease-in-out infinite alternate}#travel-loading:before,#loading.illustrated-loading:before{z-index:1;background:linear-gradient(transparent,#0d0a22ee)}#travel-loading>*,#loading.illustrated-loading>*{position:relative;z-index:2}.travel-loading-caption,#loading.illustrated-loading{text-shadow:0 2px 6px #0d0a22}.travel-loading-track{background:#140d2ccc;border-color:#e6c77e}.travel-loading-track i{background:linear-gradient(90deg,#b98cff,#ff9fc8,#ffe2a1)}@keyframes party-sparkle{to{opacity:.95;background-position:14px 12px,54px 48px,36px 70px}}@media(max-width:650px){#travel-loading,#loading.illustrated-loading{background-size:min(150vw,900px) auto,auto;background-position:center 20%,center;background-color:#120c2b}}@media(prefers-reduced-motion:reduce){#travel-loading:after,#loading.illustrated-loading:after{animation:none}}dialog.rank-modal{width:min(760px,calc(100% - 28px));padding:0;background:#18292d;border-color:#97815c;color:#dce5df}dialog.rank-modal[open]{display:flex;flex-direction:column;overflow:hidden}dialog.rank-modal>#modal-content{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.rank-modal .modal-close{top:15px;right:14px;color:#e6d6aa}.rank-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 65px 14px 22px;border-bottom:1px solid #84938440}.rank-header h2{font-size:22px;color:#f3dfb4;margin:0}.rank-header .modal-eyebrow{font-size:8px;color:#91ada9;margin-bottom:5px}.rank-total{font-size:10px;color:#9fb5ae;white-space:nowrap}.rank-tabs{display:flex;gap:0;padding:0 18px;background:#132327;border-bottom:1px solid #b4a27955;flex:none}.rank-tabs>button{display:flex;align-items:center;gap:8px;padding:11px 18px;font-size:12px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9bb0ad;cursor:pointer}.rank-tabs>button svg{width:16px;height:16px}.rank-tabs>button[aria-selected=true]{color:#f3ddb1;border-bottom-color:#e0be76;background:#47626340}.rank-body{overflow:auto;min-height:0;flex:1 1 auto;padding:0 22px 20px;scrollbar-width:thin;scrollbar-color:#60776b transparent}.rank-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;color:#a5bab3;font-size:12px}.rank-state svg{width:18px;height:18px;animation:rank-spin 1s linear infinite}.rank-state.error{color:#f0aaa1}.rank-retry{margin-left:6px;padding:6px 12px;background:#45685b;border:1px solid #8ea286;color:#f0e6c8;border-radius:3px;cursor:pointer}@keyframes rank-spin{to{transform:rotate(360deg)}}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding:18px 6px 0;margin-bottom:14px}.podium-spot{--medal:#c0cad2;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.podium-spot.place-1{--medal:#f2c65b}.podium-spot.place-3{--medal:#d08f5a}.podium-hero{position:relative;width:132px;height:151px;display:flex;align-items:flex-end;justify-content:center}.podium-hero:after{content:"";position:absolute;bottom:4px;left:18%;right:18%;height:14px;border-radius:50%;background:#050f1499;z-index:0}.podium-hero canvas{position:relative;z-index:1;width:132px;height:151px}.place-1 .podium-hero{width:160px;height:183px}.place-1 .podium-hero canvas{width:160px;height:183px}.podium-crown{position:absolute;top:-14px;left:50%;transform:translate(-50%);color:#f2c65b;z-index:2;filter:drop-shadow(0 2px 3px #000a)}.podium-crown svg{width:26px;height:26px;fill:#f2c65b55}.podium-name{margin-top:6px;font:15px Cinzel,serif;color:#f3e3bd;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-name em,.rank-who em{font-style:normal;font:600 8px DM Sans,sans-serif;letter-spacing:.08em;color:#1c2b22;background:#9fd9b4;border-radius:2px;padding:1px 4px;margin-left:6px;vertical-align:middle}.rank-class{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#9fb5ae;margin-top:3px}.rank-class img{width:18px;height:18px;object-fit:contain}.podium-metric{display:flex;flex-direction:column;align-items:center;margin:8px 0}.podium-metric small{font-size:7px;letter-spacing:.14em;color:#8fa9a2}.podium-metric b{font:600 20px Cinzel,serif;color:var(--medal);line-height:1.3}.podium-metric span{font-size:9px;color:#8fa9a2}.podium-block{width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;border:1px solid color-mix(in srgb,var(--medal) 60%,transparent);border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--medal) 32%,#16262b),#132126)}.podium-block span{font:700 26px Cinzel,serif;color:var(--medal);text-shadow:0 2px 6px #000a}.place-1 .podium-block{height:86px}.place-2 .podium-block{height:60px}.place-3 .podium-block{height:44px}.podium-spot.mine .podium-name{color:#b6f0cb}.rank-list{list-style:none;margin:0;padding:0;border-top:1px solid #b89a5f55}.rank-row{display:grid;grid-template-columns:36px 46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid #627b7426}.rank-row:nth-child(odd){background:#ffffff05}.rank-row.mine{background:#2d4a3c80;box-shadow:inset 3px 0 #9fd9b4}.rank-number{font:600 14px Cinzel,serif;color:#b8c8c1;text-align:center}.rank-row canvas{width:46px;height:53px}.rank-who{display:flex;flex-direction:column;min-width:0}.rank-who strong{font-size:13px;font-weight:500;color:#eee2c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{display:flex;flex-direction:column;align-items:flex-end}.rank-value b{font:600 15px Cinzel,serif;color:#f0d58f}.rank-value small{font-size:9px;color:#8fa9a2}.rank-yours{margin-top:14px}.rank-yours>span{display:block;font-size:8px;letter-spacing:.14em;color:#9fd9b4;margin-bottom:6px}@media(max-width:700px){.rank-header{padding:13px 48px 11px 14px}.rank-header h2{font-size:18px}.rank-modal .modal-close{top:8px;right:7px}.rank-tabs{padding:0 8px}.rank-tabs>button{padding:9px 12px;font-size:11px}.rank-body{padding:0 10px 14px}.podium{gap:6px;padding-top:14px}.podium-hero,.podium-hero canvas{width:86px;height:98px}.place-1 .podium-hero,.place-1 .podium-hero canvas{width:104px;height:119px}.podium-name{font-size:12px}.podium-metric b{font-size:15px}.rank-class{font-size:9px}.place-1 .podium-block{height:62px}.place-2 .podium-block{height:44px}.place-3 .podium-block{height:32px}.podium-block span{font-size:20px}.rank-row{grid-template-columns:28px 38px minmax(0,1fr) auto;gap:7px}.rank-row canvas{width:38px;height:44px}}.podium-metric .podium-exp{margin:1px 0 2px;color:#cfe3f6;font-size:10px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-thai@5/files/noto-sans-thai-thai-400-normal.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-thai@5/files/noto-sans-thai-thai-500-normal.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-thai@5/files/noto-sans-thai-thai-600-normal.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-sans-thai@5/files/noto-sans-thai-thai-700-normal.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-thai@5/files/noto-serif-thai-thai-400-normal.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-thai@5/files/noto-serif-thai-thai-400-normal.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-thai@5/files/noto-serif-thai-thai-600-normal.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0E00-0E7F;src:url(https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-thai@5/files/noto-serif-thai-thai-600-normal.woff2) format("woff2")}html[lang=th] body{line-height:1.55}html[lang=th] :is(.modal-eyebrow,.section-label,.collection-heading,.rank-yours>span){letter-spacing:.04em}dialog.settings-modal{width:min(440px,calc(100% - 28px))}.settings-group{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #aeb38530}.settings-group:first-of-type{margin-top:6px}.settings-group h3{display:flex;align-items:center;gap:9px;margin:0;font:600 13px DM Sans,sans-serif;color:#e3d7b4;letter-spacing:.02em}.settings-group h3 svg{width:16px;height:16px;color:#c9b687}.settings-choice{display:inline-flex;padding:3px;border:1px solid #748c8277;border-radius:6px;background:#0f2226}.settings-choice button{min-width:74px;padding:7px 12px;border:0;border-radius:4px;background:transparent;color:#a9bdb6;font:500 12px DM Sans,sans-serif;cursor:pointer}.settings-choice button[aria-checked=true]{background:linear-gradient(180deg,#c9a45a,#9c7a36);color:#1a1409;font-weight:600}.settings-choice button:hover:not([aria-checked=true]){color:#f0dfb8;background:#ffffff0d}.settings-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #748c82aa;border-radius:5px;background:#11252c;color:#e6d6aa;font:500 12px DM Sans,sans-serif;cursor:pointer}.settings-button svg{width:14px;height:14px}.settings-button:hover{border-color:#e0be76;color:#f6e3b4}.settings-button.primary{border-color:#d8bb7a;background:linear-gradient(180deg,#c9a45a,#9c7a36);color:#1a1409;font-weight:600}.settings-button.danger{border-color:#b86a5e99;color:#f0aaa1}.settings-button.danger:hover{border-color:#f0aaa1;background:#3a1d1d}.settings-account{flex-wrap:wrap}.settings-account p{margin:0;flex:1;min-width:150px;font-size:12px;color:#a9bdb6;text-align:right}.settings-account p b{color:#f0dfb8}.settings-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%}.lang-switch{display:inline-flex;padding:2px;border:1px solid #748c8277;border-radius:5px;background:#0f2226cc}.lang-switch button{padding:5px 10px;border:0;border-radius:3px;background:transparent;color:#a9bdb6;font:500 11px DM Sans,sans-serif;cursor:pointer}.lang-switch button[aria-checked=true]{background:#415c56;color:#f3ddb1}.auth-lang{position:absolute;top:18px;right:max(20px,4vw);z-index:1}@media(max-width:700px){.auth-lang{position:static;display:flex;justify-content:flex-end;margin-bottom:10px;width:100%}#auth-screen{flex-direction:column;align-items:center}.settings-group{flex-wrap:wrap}.settings-account p{text-align:left}}.gold-wallet svg.gold-coin{width:26px;height:21px}.reward svg.gold-coin{width:19px;height:15px}.merchant-wallet svg.gold-coin{width:22px;height:18px}:is(.merchant-buy,.purchase-price) svg.gold-coin{width:18px;height:14px;vertical-align:-3px}svg.gold-coin{flex:none;filter:drop-shadow(0 1px 1px #0007)}.boss-hud{width:560px;max-width:54%;pointer-events:none}.boss-hud>.boss-frame{position:relative;aspect-ratio:2146/280;height:auto;border:0;background:none;margin:0;overflow:visible}.boss-frame>img{position:absolute;top:-80%;left:0;width:100%;height:auto;z-index:2;pointer-events:none}.boss-frame>.boss-track{position:absolute;left:9.1%;right:9.1%;top:39.3%;height:26.4%;overflow:hidden;background:#170a22;border-radius:5px}.boss-track>i{position:absolute;inset:0 auto 0 0;display:block;height:100%;width:100%}.boss-track>#boss-trail,.boss-track>#mini-trail{background:linear-gradient(#ffe0fb,#e48ad8 55%,#c25bbf);box-shadow:0 0 8px #f0a8ec;z-index:0}.boss-track>#boss-fill,.boss-track>#mini-fill{background:linear-gradient(#d9a2ff,#a24be0 28%,#7a22b8 65%,#46106e);box-shadow:inset 0 1px #f0d6ff80;z-index:1;transition:none}.boss-hud #boss-health{display:block;margin-top:-5px;color:#f2dbbf;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}@media(max-width:700px){.boss-hud{max-width:65%;width:380px}.boss-hud #boss-health{font-size:9px}}@media(prefers-reduced-motion:reduce){.boss-track>#boss-trail,.boss-track>#mini-trail{visibility:hidden}}.boss-hud{display:flex;flex-direction:column}.boss-hud>.boss-frame{order:0}.boss-hud #boss-health{order:1}.boss-hud>#boss-name{order:2;margin-top:4px}.boss-hud>#boss-title{order:3;margin:2px 0 4px}.boss-bar-name{position:absolute;left:12%;right:12%;top:49%;height:20%;z-index:3;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff4e0;font:700 clamp(10px,1.35vw,14px) "Cinzel",serif;letter-spacing:.6px;text-shadow:0 1px 2px #000,0 0 6px #000c;pointer-events:none}.boss-hud>#boss-name{display:none}.boss-hud>.boss-frame{container-type:inline-size}.boss-bar-name,.boss-frame>#boss-health,.boss-frame>#mini-health{position:absolute;top:39.3%;height:26.4%;z-index:3;display:flex;align-items:center;margin:0;white-space:nowrap;color:#fff4e0;text-shadow:0 1px 2px #000,0 0 5px #000c;pointer-events:none;line-height:1}.boss-bar-name{left:10.6%;right:30%;overflow:hidden;text-overflow:ellipsis;font:500 2.6cqw Cinzel,serif;letter-spacing:.03em}.boss-frame>#boss-health,.boss-frame>#mini-health{right:10.6%;font:600 2.2cqw DM Sans,sans-serif;font-variant-numeric:tabular-nums}.boss-hud>#boss-name,.boss-hud>#boss-title{display:none}.boss-hud>.boss-frame[hidden]{display:none}.boss-hud>.mini-frame{order:1;width:64%;align-self:center;margin-top:2px}.mini-frame>img{top:-78.6%}.mini-frame>.boss-track{left:5.6%;right:5.6%;top:41.8%;height:25.7%;border-radius:3px}.mini-frame>.boss-bar-name,.mini-frame>#mini-health{top:41.8%;height:25.7%}.mini-frame>.boss-bar-name{left:7%;font-size:3cqw}.mini-frame>#mini-health{right:7%;font-size:2.7cqw}.boss-track>i.hit{animation:boss-bar-flash .28s ease-out}@keyframes boss-bar-flash{0%{filter:brightness(2.1) saturate(.6)}to{filter:none}}.boss-frame>small.hit{animation:boss-text-hit .28s ease-out}@keyframes boss-text-hit{0%{color:#fff;text-shadow:0 0 6px #fff,0 0 12px #fff8,0 1px 2px #000;transform:scale(1.06)}to{transform:none}}@media(prefers-reduced-motion:reduce){.boss-frame>small.hit{animation:none}}.boss-frame>small{transform-origin:right center}.boss-bar-name{font-size:max(8.5px,2.6cqw)}.mini-frame>.boss-bar-name{font-size:max(8px,3cqw)}.boss-frame>#boss-health{font-size:max(8px,2.2cqw)}.boss-frame>#mini-health{font-size:max(7.5px,2.7cqw)}.world .action-dock{padding-bottom:22px}.world .action-dock .dock-ornament{display:none}.world .action-dock .hotbar{position:relative;z-index:0;border:0;border-radius:4px;background:#0f1a24e8;box-shadow:0 4px 18px #0009}.world .action-dock .hotbar:before{content:"";position:absolute;left:-7%;right:-7%;top:0;bottom:0;z-index:-1;border-radius:6px;background:#0f1a24e8;pointer-events:none}.world .action-dock .hotbar:has(.class-skill){grid-template-rows:22px 26px;padding:3px 6px}@media(min-width:701px){.world .action-dock:has(.class-skill){width:min(460px,max(318px,calc(100% - 660px)));container-type:inline-size;padding-bottom:0}.world .bottom-bar{bottom:8px}.world .action-dock .hotbar:has(.class-skill){aspect-ratio:1693/298;height:auto;grid-template-rows:.85fr 1fr;padding:.9cqw 1.8cqw}.world .action-dock .dock-bar{height:4.2cqw}.world .action-dock .dock-bar>span{font-size:2.7cqw}}.hotbar-frame{position:absolute;left:-10.93%;top:-77.85%;width:121.68%;height:256.04%;max-width:none;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(.68) saturate(.8)}.hotbar-emblem{position:absolute;left:49.9%;top:2%;width:10.5%;aspect-ratio:1;transform:translate(-50%,-50%);object-fit:contain;z-index:7;pointer-events:none;filter:brightness(1.35) contrast(1.1) drop-shadow(0 0 2px #fff8) drop-shadow(0 0 5px #7fbfffaa)}.world .action-dock .hotbar:after{content:"";position:absolute;left:49.9%;top:2.6%;width:8.2%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);background:radial-gradient(circle at 50% 40%,#22324a,#0a1018 75%);border:1px solid #8fb4e666;box-shadow:inset 0 0 6px #000c;z-index:6;pointer-events:none}.hotbar:has(.class-skill) .ability.attack{grid-column:3}.hotbar:has(.class-skill) .ability.nova{grid-column:4}.hotbar:has(.class-skill) .ability.dash{grid-column:7}.hotbar:has(.class-skill) .ability.potion{grid-column:8}.dock-bar{position:absolute;bottom:calc(100% + 0px);width:44%;height:14px;transform:skew(-35deg);border:1px solid #cfd6e6b0;background:#0a1018f0;box-shadow:0 0 0 1px #0a1118,0 2px 8px #000a;overflow:hidden;z-index:4;pointer-events:none}.dock-hp{left:2%}.dock-xp{right:2%}.dock-bar>i{position:absolute;inset:0 auto 0 0;display:block;transition:width .25s ease-out}.dock-hp>i{background:linear-gradient(#ff9a9a,#e0303e 45%,#8e1020)}.dock-hp>i.low{animation:dock-hp-low 1s ease-in-out infinite alternate}@keyframes dock-hp-low{to{filter:brightness(1.5)}}.dock-xp>i{background:linear-gradient(#c8ecff,#3d9fe8 45%,#154f8f)}.dock-bar>span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;transform:skew(35deg);color:#fff;font:700 9px/1 DM Sans,sans-serif;letter-spacing:.2px;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:700px){.hotbar-frame,.world .action-dock .hotbar:after,.world .action-dock .hotbar:before,.dock-bar{display:none}.hotbar-emblem{top:-10%;width:9%}}.dock-hp>.dock-hp-trail{background:linear-gradient(#fff0f0,#ff9a9a 55%,#d8606a);transition:none}.dock-hp>i#dock-hp-fill.hit{animation:dock-hp-flash .28s ease-out}@keyframes dock-hp-flash{0%{filter:brightness(2.1) saturate(.6)}to{filter:none}}.dock-bar>span.hit{animation:dock-text-hit .28s ease-out}@keyframes dock-text-hit{0%{transform:skew(35deg) scale(1.1);text-shadow:0 0 6px #fff,0 0 12px #fff8,0 1px 2px #000}to{transform:skew(35deg)}}@media(prefers-reduced-motion:reduce){.dock-hp>i#dock-hp-fill.hit,.dock-bar>span.hit{animation:none}}:root{--gold:#ccba96;--muted:#9c9ea6;--line:#c7b99c24;background:#101219;color:#e4e0d7}.topbar{background:linear-gradient(110deg,#10131b,#1b1c24 56%,#11131a);border-bottom-color:#baaa873d;box-shadow:0 3px 22px #05060c60}.brand{color:#e3d6ba;text-shadow:0 0 22px #cfb47b19}.brand small{color:#9c9da6;letter-spacing:.16em}.brand-mark{border-color:#c2ac755e;background:linear-gradient(135deg,#b49a6320,transparent)}.chapter-nav,.connection{color:#b6b4b0}.journal{background:linear-gradient(155deg,#20232bed,#12151df5);border-left-color:#baaa873d}.journal-heading,.quest-section,.route-section,.journal-bottom{border-color:#baaa8728}.journal h2,.area-title h1{color:#e6dfcf;text-shadow:0 2px 10px #05060e}.area-title p,.area-title>span{color:#c1bec2}.area-title h1{letter-spacing:.045em}.world>.minimap-wrap{border-color:#bcaa7859;background:#141923e8;box-shadow:0 5px 25px #05060da0,inset 0 0 0 3px #c8b58b08}.minimap-toggle,.icon-button,.wardrobe-shortcut{background-color:#191e29dd;border-color:#b8a58250;color:#ddd4c2}.icon-button:hover,.wardrobe-shortcut:hover{background-color:#34343d;border-color:#d5be8b}.zone-note{color:#d2cabc;text-shadow:0 1px 5px #070912}.portrait{border-color:#c3ae8066;background:#161c28}.world .action-dock .hotbar,.world .action-dock .hotbar:before{background:#131721ee}.world .action-dock .hotbar{box-shadow:0 5px 28px #04060bcc,0 0 22px #aaa0c012}dialog{background:radial-gradient(ellipse at 0 0,#34313d50,transparent 65%),#181c25;border-color:#c2af7d66;box-shadow:0 25px 100px #03050ed9,inset 0 0 0 4px #cbbd9e06;color:#dfdcd4}dialog::backdrop{background:#080a13bb}dialog h2{color:#e9dcc1}.settings-group{border-color:#bbaa8038}.settings-choice button[aria-checked=true]{background:#65583f;color:#fff0d0;border-color:#bcaa80}.primary-button{background:linear-gradient(#d2c1a0,#aa926c);color:#211e24;border-color:#e0cfaa}.primary-button:hover:not(:disabled){background:#e0cfad}html.screen-filter .world>.world-vignette{pointer-events:none;box-shadow:inset 0 0 90px 8px #07091444;background:radial-gradient(ellipse at 50% 44%,transparent 38%,#0b10182e 72%,#040610a6 100%)}html.screen-filter[data-world-mood=cinder] .world>.world-vignette{background:radial-gradient(ellipse at 50% 44%,transparent 38%,#31131d22 72%,#100610a6 100%)}html.screen-filter[data-world-mood=crypt] .world>.world-vignette{background:radial-gradient(ellipse at 50% 44%,transparent 38%,#21182f2e 72%,#090611b0 100%)}@media(max-width:700px){html.screen-filter .world>.world-vignette{box-shadow:inset 0 0 55px #07091433}}dialog#modal.fashion-modal{--ink:#4a322b;--ink-soft:#8a6a5c;--cream:#f3e6d3;--tan:#d8bfa8;--gold:#b88d60;--brown:#6f5046;--brown-deep:#5a3e37;--pink:#da7873;width:min(900px,calc(100% - 20px));background:none;border:22px solid transparent;border-image:url(/assets/ui/inventory/frame.webp) 44 fill / 22px stretch;border-radius:0;box-shadow:none;color:var(--ink)}dialog#modal.fashion-modal::backdrop{background:#1a0f0cb8}dialog#modal.fashion-modal .modal-close{top:6px;right:1px;width:34px;height:34px;outline:0;padding:0;border:0;border-radius:0;background:url(/assets/ui/inventory/close.webp) center/contain no-repeat;color:transparent}dialog#modal.fashion-modal .modal-close svg{opacity:0}dialog#modal.fashion-modal .modal-close:is(:hover,:focus-visible){background-image:url(/assets/ui/inventory/closeHover.webp)}dialog#modal.fashion-modal .wardrobe-header{min-height:46px;margin-right:40px;padding:9px 0 5px;border:solid transparent;border-width:0 44px 0 46px;border-image:url(/assets/ui/inventory/header.webp) 0 50 fill / 0 46px stretch;gap:12px;align-items:center;color:#fadfc0}dialog#modal.fashion-modal .wardrobe-header h2{font-size:18px;line-height:1.15;letter-spacing:.05em;color:#fff1da;text-shadow:0 1px 0 #3a2620}dialog#modal.fashion-modal .wardrobe-header .modal-eyebrow{display:none}dialog#modal.fashion-modal .fashion-wallet>span,dialog#modal.fashion-modal .bag-chip>span{color:#e2bd8c}dialog#modal.fashion-modal .bag-chip{border-color:#b88d6088;color:#fff1da}dialog#modal.fashion-modal .inventory-modes{min-height:0;padding:8px 2px 0;gap:4px;background:none;border-bottom:2px solid var(--gold)}dialog#modal.fashion-modal .inventory-modes>button{min-width:112px;padding:7px 4px 5px;border:solid transparent;border-width:0 14px;border-image:url(/assets/ui/inventory/tabOff.webp) 0 36 fill / 0 14px stretch;border-radius:0;background:none;color:#f0d6b4;font-size:12px}dialog#modal.fashion-modal .inventory-modes>button[aria-selected=true]{border-image-source:url(/assets/ui/inventory/tabOn.webp);color:var(--ink);font-weight:700}dialog#modal.fashion-modal .inventory-modes>button:hover:not([aria-selected=true]){color:#fff}dialog#modal.fashion-modal .inventory-modes>span{color:var(--ink-soft)}dialog#modal.fashion-modal .wardrobe-layout{grid-template-columns:266px minmax(0,1fr)}dialog#modal.fashion-modal .fitting-room{padding:10px 14px 8px 4px;background:none;border-right:1px solid #c9a98a;scrollbar-color:var(--gold) #0000}dialog#modal.fashion-modal .fitting-heading,dialog#modal.fashion-modal .fitting-heading .icon-button{color:var(--ink)}dialog#modal.fashion-modal .fitting-heading .icon-button{background:var(--brown);border-color:var(--gold);border-radius:6px;color:#fadfc0}dialog#modal.fashion-modal .fitting-heading .gear-privacy[aria-pressed=true]:is(*,:hover){background:#b5524f;border-color:#f0b4ae;color:#fff}dialog#modal.fashion-modal .fitting-heading .icon-button:hover{background:#86645a;border-color:#e6c18e;color:#fff}dialog.fashion-modal .equipment-slot{background:linear-gradient(#7a5a4f,#62463d);border-color:var(--gold);border-radius:6px}dialog.fashion-modal .equipment-slot:hover{background:#8a685c;border-color:#f0cf9a}dialog#modal.fashion-modal .equipment-slot>span{color:var(--ink-soft)}dialog#modal.fashion-modal .equipment-slot>svg{color:#c9a98a}dialog#modal.fashion-modal .combat-power{position:relative;margin:10px 0;padding:11px 10px;border:0;background:none}dialog#modal.fashion-modal .combat-power:before,dialog#modal.fashion-modal .combat-power:after{content:"";position:absolute;left:0;right:0;height:12px;background:url(/assets/ui/inventory/divider.webp) center/100% 100% no-repeat}dialog#modal.fashion-modal .combat-power:before{top:-6px}dialog#modal.fashion-modal .combat-power:after{bottom:-6px}dialog#modal.fashion-modal .combat-power>span{color:var(--ink-soft)}dialog#modal.fashion-modal .combat-power>strong{color:var(--ink);text-shadow:none}dialog#modal.fashion-modal .look-title>span{color:var(--ink-soft)}dialog#modal.fashion-modal .look-title>strong{color:var(--ink)}dialog#modal.fashion-modal .look-title>small{color:var(--ink-soft)}dialog#modal.fashion-modal .fashion-stats{border-color:#c9a98a}dialog#modal.fashion-modal .fashion-stats>span{color:var(--ink)}dialog#modal.fashion-modal .fashion-stats small{color:var(--ink-soft)}dialog#modal.fashion-modal .combat-details{border-color:#c9a98a}dialog#modal.fashion-modal .combat-details dt{color:var(--ink-soft)}dialog#modal.fashion-modal .combat-details dd{color:var(--ink)}dialog#modal.fashion-modal .wardrobe-supplies{color:var(--ink-soft)}dialog#modal.fashion-modal #wardrobe-status{color:var(--ink-soft)}dialog#modal.fashion-modal .collection{padding:10px 4px 0 14px;background:none}dialog#modal.fashion-modal .collection-heading{color:var(--ink)}dialog#modal.fashion-modal .collection-heading>span:last-child{color:var(--ink-soft)}dialog#modal.fashion-modal .fashion-tabs{border-color:#c9a98a}dialog#modal.fashion-modal .fashion-tabs>button{border:1px solid var(--gold);border-radius:6px;background:var(--brown);color:#f0d6b4}dialog#modal.fashion-modal .fashion-tabs>button:hover{background:#86645a;color:#fff}dialog#modal.fashion-modal .fashion-tabs>button[aria-selected=true]{background:var(--cream);border-color:#d9a85f;color:var(--ink);box-shadow:0 0 0 1px #d9a85f}dialog#modal.fashion-modal .fashion-tabs>button:is(.sort-toggle,.rarity-toggle){background:var(--brown);border-color:var(--gold);color:#fadfc0}dialog#modal.fashion-modal .fashion-tabs>button:is(.sort-toggle,.rarity-toggle):hover,dialog#modal.fashion-modal .fashion-tabs>button.rarity-toggle[aria-pressed=true]{background:#86645a;border-color:#f0cf9a;color:#fff}dialog#modal.fashion-modal .fashion-grid{scrollbar-color:var(--gold) #0000}dialog.fashion-modal .fashion-item,dialog.fashion-modal .inventory-empty{background:linear-gradient(#7a5a4f,#62463d);border-color:#b88d60;border-radius:6px;box-shadow:inset 0 0 0 1px #3a262066}dialog.fashion-modal .inventory-empty{background:#d8bfa8;border-color:#c4a585;box-shadow:inset 0 2px 5px #7a5a4f40}dialog.fashion-modal .fashion-item:hover{background:#8a685c;border-color:#f0cf9a}dialog.fashion-modal .fashion-grid .fashion-item.selected:is(.rarity-gear,.rarity-common,:not([class*=rarity-])){background:#8a685c}dialog.fashion-modal .fashion-grid .fashion-item.selected{overflow:visible;box-shadow:none;z-index:1}dialog.fashion-modal .fashion-grid .fashion-item.selected:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:3;pointer-events:none;background:url(/assets/ui/inventory/select.webp) center/100% 100% no-repeat;animation:inv-select 1.8s ease-in-out infinite}dialog.fashion-modal .fashion-grid .fashion-item.selected.rarity-legendary:after{background-image:url(/assets/ui/inventory/selectGold.webp)}dialog.fashion-modal .fashion-grid .fashion-item.selected:is(.rarity-mythic,.wrong-class):after{top:-6px;right:-6px;bottom:-6px;left:-6px;background-image:url(/assets/ui/inventory/selectPink.webp)}@keyframes inv-select{50%{opacity:.72}}dialog.fashion-modal .fashion-grid .fashion-item:is(.rarity-legendary,.rarity-mythic){animation:none}dialog#modal.fashion-modal .collection-filter{color:var(--ink)}dialog#modal.fashion-modal .collection-filter small{color:var(--ink-soft)}dialog#modal.fashion-modal .picker-button{background:var(--brown);border-color:var(--gold);color:#fadfc0;border-radius:6px}dialog#modal.fashion-modal .picker-list{background:var(--brown-deep);border-color:var(--gold);color:#fadfc0}dialog#modal.fashion-modal .picker-list li:hover,dialog#modal.fashion-modal .picker-list li[aria-selected=true]{background:#86645a;color:#fff}dialog#modal.fashion-modal .item-detail{min-height:92px;margin:8px 0 4px;padding:0 2px;border:solid transparent;border-width:14px 16px;border-image:url(/assets/ui/inventory/panel.webp) 40 fill / 16px stretch;color:#fadfc0}dialog#modal.fashion-modal .detail-title h3{color:#fff1da}dialog#modal.fashion-modal .detail-title p{color:#e3c9aa}dialog#modal.fashion-modal .rarity-label{color:#e2bd8c}dialog#modal.fashion-modal .item-bonuses{color:#f0d6b4}dialog#modal.fashion-modal .fashion-purchase .primary-button{min-height:38px;padding:0 2px;border:solid transparent;border-width:0 26px;border-image:url(/assets/ui/inventory/button.webp) 0 58 fill / 0 30px stretch;border-radius:0;background:none;box-shadow:none;color:#fff6ea;font-weight:700;text-shadow:0 1px 0 #9c4a47}dialog#modal.fashion-modal .fashion-purchase .primary-button:hover:not(:disabled){filter:brightness(1.08)}dialog#modal.fashion-modal .fashion-purchase .primary-button:disabled{border-image-source:url(/assets/ui/inventory/buttonOff.webp);opacity:1;color:#f1e4d4;text-shadow:0 1px 0 #6d5a52}dialog#modal.fashion-modal .fashion-purchase .icon-button{background:var(--brown);border-color:var(--gold);color:#fadfc0;border-radius:6px}.inventory-tooltip{border:2px solid #b88d60;border-radius:8px;background:#553a33f7;color:#fadfc0;box-shadow:0 8px 24px #2a1a1699,inset 0 0 0 1px #3a262099}.inventory-tooltip strong{color:#fff1da}.inventory-tooltip span,.inventory-tooltip small{color:#dcbf9e}.inventory-tooltip b{color:#f3d9b4;border-top-color:#7d5d50}@media(max-width:700px){dialog#modal.fashion-modal{width:calc(100% - 10px);border-width:16px;border-image-width:16px}dialog#modal.fashion-modal .modal-close{top:1px;right:0;width:28px;height:28px}dialog#modal.fashion-modal .wardrobe-header{min-height:40px;margin-right:32px;padding:12px 0 9px;border-width:0 30px;border-image-width:0 34px}dialog#modal.fashion-modal .wardrobe-header h2{font-size:15px}dialog#modal.fashion-modal .inventory-modes>button{min-width:0;flex:1;font-size:11px}dialog#modal.fashion-modal .inventory-modes>span{display:none}dialog#modal.fashion-modal .fitting-room{padding:8px 2px;border-right:0;border-bottom:1px solid #c9a98a}dialog#modal.fashion-modal .collection{padding:8px 2px 0}}@media(min-width:701px)and (max-height:500px){dialog#modal.fashion-modal{border-width:16px;border-image-width:16px}dialog#modal.fashion-modal .modal-close{top:0;right:0;width:26px;height:26px}dialog#modal.fashion-modal .wardrobe-header{min-height:36px;margin-right:30px;padding:4px 0;border-width:0 34px;border-image-width:0 36px}dialog#modal.fashion-modal .wardrobe-header h2{font-size:15px}dialog#modal.fashion-modal .inventory-modes{padding-top:4px}dialog#modal.fashion-modal .inventory-modes>button{padding:5px 4px 3px;font-size:11px}dialog#modal.fashion-modal .collection{padding:6px 2px 0 10px}dialog#modal.fashion-modal .item-detail{min-height:0;margin:4px 0 2px;padding:0 2px;border-width:8px 12px;border-image-width:10px 12px}dialog#modal.fashion-modal .item-detail .detail-title h3{margin:1px 0;font-size:12px}dialog#modal.fashion-modal .fashion-purchase .primary-button{min-height:30px;border-width:0 20px;border-image-width:0 24px}}dialog#modal.fashion-modal .avatar-stage:before{background:radial-gradient(ellipse at 50% 82%,#a8826f 0,#7a5a4f,#553a33 80%);border:2px solid var(--gold);border-radius:8px;box-shadow:inset 0 0 26px #3a262099}dialog#modal.fashion-modal .avatar-stage:after{content:"";position:absolute;left:50%;bottom:34px;width:150px;height:70%;margin-left:-75px;z-index:1;pointer-events:none;background:linear-gradient(to top,#fff1da4d,transparent 88%);clip-path:polygon(22% 100%,78% 100%,100% 0,0 0);animation:inv-breathe 3.6s ease-in-out infinite}dialog#modal.fashion-modal .avatar-plinth{overflow:visible;background:radial-gradient(ellipse,#fff1da40,#3a262099 70%);border-color:#f0cf9a99}dialog#modal.fashion-modal .avatar-plinth:before{content:"";position:absolute;left:50%;top:50%;width:156px;height:156px;margin:-78px 0 0 -78px;border-radius:50%;border:2px dashed #f6dcaecc;outline:1px solid #f0cf9a66;outline-offset:6px;pointer-events:none;animation:inv-rune 16s linear infinite}@keyframes inv-rune{0%{transform:rotateX(80deg) rotate(0)}to{transform:rotateX(80deg) rotate(360deg)}}@keyframes inv-breathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){dialog.fashion-modal .fashion-grid .fashion-item.selected:after,dialog#modal.fashion-modal .avatar-stage:after,dialog#modal.fashion-modal .avatar-plinth:before{animation:none}}dialog.fashion-modal .supply-item{background:linear-gradient(#7a5a4f,#62463d);border-color:#b88d60}dialog#modal.fashion-modal .item-set-name{color:#f3c98b}dialog#modal.fashion-modal .shop-empty-note{color:var(--ink)}dialog#modal.fashion-modal .shop-empty-note button{border-color:var(--gold);border-radius:6px;background:var(--brown);color:#fadfc0}dialog#modal.fashion-modal .purchase-price{color:#fff1da}dialog#modal.fashion-modal .rarity-chart thead th{background:var(--brown-deep)}dialog#modal.fashion-modal .rarity-chart thead th:first-child{border-radius:6px 0 0 6px;border-bottom-color:transparent}dialog#modal.fashion-modal .rarity-chart thead th:last-child{border-radius:0 6px 6px 0}dialog#modal.fashion-modal .rarity-chart .chart-arrow{background:var(--brown-deep);border-color:var(--gold);color:#f0cf9a}dialog#modal.fashion-modal .rarity-chart tbody th{color:var(--ink);font-weight:600}dialog#modal.fashion-modal .rarity-chart td{border-bottom-color:#c9a98a99;border-left-color:#c9a98a66}dialog#modal.fashion-modal .rarity-chart tbody tr:nth-child(odd) td{background:#fff3}dialog#modal.fashion-modal .chart-item{background:#62463d;border-radius:5px}dialog#modal.fashion-modal .chart-item img{filter:grayscale(1) brightness(.7);opacity:.55}dialog#modal.fashion-modal .chart-item.owned img{filter:none;opacity:1}dialog#modal.fashion-modal .chart-item.owned:hover{background:#8a685c}dialog#modal.fashion-modal .chart-empty{color:#b89a82}dialog#modal.fashion-modal .junk-tab.junk-sale.inline{border:2px solid var(--gold);border-radius:8px;background:var(--brown-deep);color:#fadfc0}dialog#modal.fashion-modal .junk-sale header,dialog#modal.fashion-modal .junk-sale footer{border-color:#7d5d50}dialog#modal.fashion-modal .junk-sale header strong{color:#fff1da}dialog#modal.fashion-modal .junk-sale header button,dialog#modal.fashion-modal .junk-sale-count button{border-color:#b88d6099;background:var(--brown);color:#fadfc0}dialog#modal.fashion-modal .junk-sale li{border-color:#7d5d50;background:#4a322b}dialog#modal.fashion-modal .junk-sale-name small{color:#dcbf9e}dialog#modal.fashion-modal .junk-sale-count input{border-color:#b88d6099;background:#3a2620;color:#fff1da}dialog#modal.fashion-modal .junk-sale-empty{color:#dcbf9e}dialog#modal.fashion-modal .junk-sale-confirm{min-height:36px;padding:0 4px;border:solid transparent;border-width:0 26px;border-image:url(/assets/ui/inventory/button.webp) 0 58 fill / 0 28px stretch;border-radius:0;background:none;color:#fff6ea;text-shadow:0 1px 0 #9c4a47}dialog#modal.fashion-modal .junk-sale-confirm:hover:not(:disabled){background:none;filter:brightness(1.08)}dialog#modal.fashion-modal .junk-sale-confirm:disabled{border-image-source:url(/assets/ui/inventory/buttonOff.webp);opacity:1}.power-label{display:inline-flex;align-items:center;gap:7px;font:700 14px Cinzel,"Noto Serif Thai",serif;letter-spacing:.02em;color:#7a4a1e;text-transform:none}dialog#modal.fashion-modal .combat-power>span{gap:8px;letter-spacing:0;color:#7a4a1e}dialog#modal.fashion-modal .combat-power>strong,.inspect-power b{font:700 21px Cinzel,serif;letter-spacing:.02em;background:linear-gradient(#e2a93b 15%,#a8690f 55%,#7a4a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff3c9)}@media(max-width:700px){.power-label{font-size:13px}dialog#modal.fashion-modal .combat-power>strong{font-size:19px}}@media(min-width:701px)and (max-height:500px){.power-label{font-size:12px}dialog#modal.fashion-modal .combat-power>strong,.inspect-power b{font-size:18px}}@media(max-width:700px){dialog#modal.fashion-modal .fashion-grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:calc((100cqw - 51px)*.1);gap:5px;height:calc(6*((100cqw - 51px)/10) + 39px)}dialog#modal.fashion-modal .supply-count{right:2px;bottom:1px;font-size:9px}dialog#modal.fashion-modal .fashion-item .bound-tag{width:12px;height:12px;left:2px;bottom:2px}dialog#modal.fashion-modal .fashion-item .bound-tag svg{width:8px;height:8px}dialog#modal.fashion-modal .fashion-item .equipped-check{transform:scale(.8);transform-origin:top right}}@media(max-width:480px){dialog#modal.fashion-modal .fashion-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:calc((100cqw - 41px)/8);height:calc(6*(100cqw - 41px)/8 + 39px)}}@media(max-height:500px)and (min-width:561px){dialog#modal.fashion-modal .fashion-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100cqw - 36px)/6);gap:5px}}.game-tooltip{position:fixed;z-index:2147483000;max-width:min(240px,calc(100vw - 12px));padding:3px 7px 4px;border:1px solid #4b5a4c;border-radius:5px;background:#0a14159e;box-shadow:0 4px 18px #0006;color:#f1e3bd;text-shadow:0 1px 2px #000c;font:500 11px/1.35 DM Sans,sans-serif;text-align:center;white-space:pre-line;pointer-events:none;animation:game-tooltip-in .12s ease-out}.game-tooltip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:#0a14159e}.game-tooltip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0a14159e}@keyframes game-tooltip-in{0%{opacity:0;transform:translateY(3px)}}.game-tooltip.below{animation-name:game-tooltip-in-below}@keyframes game-tooltip-in-below{0%{opacity:0;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.game-tooltip{animation:none}}dialog#modal.skills-modal{--ink:#4a322b;--ink-soft:#8a6a5c;--gold:#b88d60;width:min(660px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:6px 10px 10px;border:22px solid transparent;border-image:url(/assets/ui/inventory/frame.webp) 44 fill / 22px stretch;border-radius:0;background:none;box-shadow:none;color:var(--ink);overflow:hidden;flex-direction:column}dialog#modal.skills-modal[open]{display:flex}dialog#modal.skills-modal::backdrop{background:#1a0f0cb8}dialog#modal.skills-modal>#modal-content{display:flex;flex-direction:column;min-height:0}dialog#modal.skills-modal .modal-close{top:4px;right:1px;width:34px;height:34px;padding:0;border:0;border-radius:0;background:url(/assets/ui/inventory/close.webp) center/contain no-repeat;color:transparent}dialog#modal.skills-modal .modal-close svg{opacity:0}dialog#modal.skills-modal .modal-close:hover{background-image:url(/assets/ui/inventory/closeHover.webp)}dialog#modal.skills-modal .modal-eyebrow{display:none}dialog#modal.skills-modal h2{flex:none;display:flex;align-items:center;min-height:46px;margin:0 40px 0 0;padding:9px 0 5px;border:solid transparent;border-width:0 44px 0 46px;border-image:url(/assets/ui/inventory/header.webp) 0 50 fill / 0 46px stretch;font-size:18px;line-height:1.15;letter-spacing:.05em;color:#fff1da;text-shadow:0 1px 0 #3a2620}dialog#modal.skills-modal .modal-note{flex:none;margin:10px 4px 0;color:var(--ink-soft);font-size:13px}dialog#modal.skills-modal .upgrade-card{flex:none;margin-top:10px;padding:8px 14px 8px 8px;border:1px solid #c9a56f;border-radius:8px;background:linear-gradient(#fffaf0,#f6e8d0);box-shadow:inset 0 1px #ffffffb3,0 2px #c9a56f55}dialog#modal.skills-modal .upgrade-card.owned{border-color:#c9a56f;background:linear-gradient(#fffaf0,#f6e8d0)}dialog#modal.skills-modal .upgrade-card.locked{opacity:.75;filter:saturate(.6)}dialog#modal.skills-modal :is(.upgrade-art,.skill-entry-art){border:1px solid #5a3e37;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--gold)}dialog#modal.skills-modal .upgrade-card .skill-entry-text strong{color:#4a2f20;font-size:14px}dialog#modal.skills-modal .upgrade-card .skill-entry-text small{color:#6d5146;font-size:12px}dialog#modal.skills-modal .upgrade-state{color:var(--ink-soft)}dialog#modal.skills-modal .upgrade-state.owned{color:#3f8a52}dialog#modal.skills-modal .buff-card .upgrade-state{color:#b0503f;font-weight:700}dialog#modal.skills-modal .upgrade-buy{padding:7px 16px;border:1px solid #a87a2c;border-radius:8px;background:linear-gradient(#f0c669,#dba53f);color:#4a2f14;font-weight:700;box-shadow:inset 0 1px #fff3c9,0 2px #a87a2c}dialog#modal.skills-modal .skill-book{flex:1 1 auto;min-height:0;max-height:none;margin-top:12px;padding:2px 6px 2px 0;gap:6px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold) #0000}dialog#modal.skills-modal .skill-entry{padding:8px 12px 8px 10px;border:1px solid #5a3e37;border-left:4px solid var(--skill);border-radius:8px;background:linear-gradient(#6f5046,#5a3e37)}dialog#modal.skills-modal .skill-entry .skill-entry-text strong{color:#fff1da;font-size:14px}dialog#modal.skills-modal .skill-entry .skill-entry-text small{color:#e3c9aa;font-size:12px}dialog#modal.skills-modal .skill-tags em{background:#3a2620b3;color:color-mix(in srgb,var(--skill) 55%,#fff);border-color:color-mix(in srgb,var(--skill) 60%,#fff 15%)}dialog#modal.skills-modal .skill-entry-stats b{color:#ffd98a;font-size:13px}dialog#modal.skills-modal .skill-entry-stats small{color:#d9bfa2}dialog#modal.skills-modal .skill-entry .skill-unlock{border-color:var(--gold);background:#3a2620e6;color:#ffd98a}@media(max-width:700px){dialog#modal.skills-modal{width:calc(100% - 10px);padding:4px 4px 6px;border-width:16px;border-image-width:16px}dialog#modal.skills-modal .modal-close{top:1px;right:0;width:28px;height:28px}dialog#modal.skills-modal h2{min-height:40px;margin-right:32px;border-width:0 30px;border-image-width:0 34px;font-size:15px}}@media(min-width:701px)and (max-height:500px){dialog#modal.skills-modal{padding:2px 6px 4px;border-width:16px;border-image-width:16px}dialog#modal.skills-modal .modal-close{top:0;right:0;width:26px;height:26px}dialog#modal.skills-modal h2{min-height:36px;margin-right:30px;padding:4px 0;border-width:0 34px;border-image-width:0 36px;font-size:15px}dialog#modal.skills-modal .modal-note{display:none}dialog#modal.skills-modal .upgrade-card{margin-top:6px;padding-block:4px}dialog#modal.skills-modal :is(.upgrade-art,.skill-entry-art){width:36px;height:36px}dialog#modal.skills-modal .skill-book{margin-top:6px}}dialog#modal:is(.rank-modal,.friends-modal){--ink:#4a322b;--ink-soft:#8a6a5c;--gold:#b88d60;width:min(780px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:0;border:22px solid transparent;border-image:url(/assets/ui/inventory/frame.webp) 44 fill / 22px stretch;border-radius:0;background:none;box-shadow:none;color:var(--ink)}dialog#modal:is(.rank-modal,.friends-modal)::backdrop{background:#1a0f0cb8}dialog#modal:is(.rank-modal,.friends-modal) .modal-close{z-index:2;top:4px;right:1px;width:34px;height:34px;padding:0;border:0;border-radius:0;background:url(/assets/ui/inventory/close.webp) center/contain no-repeat;color:transparent}dialog#modal:is(.rank-modal,.friends-modal) .modal-close svg{opacity:0}dialog#modal:is(.rank-modal,.friends-modal) .modal-close:hover{background-image:url(/assets/ui/inventory/closeHover.webp)}dialog#modal:is(.rank-modal,.friends-modal) .rank-header{flex:none;align-items:center;min-height:46px;margin-right:40px;padding:9px 0 5px;border:solid transparent;border-width:0 44px 0 46px;border-image:url(/assets/ui/inventory/header.webp) 0 50 fill / 0 46px stretch}dialog#modal:is(.rank-modal,.friends-modal) .rank-header .modal-eyebrow{display:none}dialog#modal:is(.rank-modal,.friends-modal) .rank-header h2{font-size:18px;line-height:1.15;letter-spacing:.05em;color:#fff1da;text-shadow:0 1px 0 #3a2620}dialog#modal:is(.rank-modal,.friends-modal) .rank-total{color:#e2bd8c;font-size:11px}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs{padding:8px 2px 0;gap:4px;background:none;border-bottom:2px solid var(--gold)}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs>button{min-width:112px;justify-content:center;padding:7px 4px 5px;border:solid transparent;border-width:0 14px;border-image:url(/assets/ui/inventory/tabOff.webp) 0 36 fill / 0 14px stretch;background:none;color:#f0d6b4;font-size:12px}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs>button[aria-selected=true]{border-image-source:url(/assets/ui/inventory/tabOn.webp);background:none;color:var(--ink);font-weight:700}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs>button:hover:not([aria-selected=true]){color:#fff}dialog#modal:is(.rank-modal,.friends-modal) .rank-body{padding:0 8px 10px 4px;scrollbar-color:var(--gold) #0000}dialog#modal:is(.rank-modal,.friends-modal) .rank-state{color:var(--ink-soft)}dialog#modal:is(.rank-modal,.friends-modal) .rank-state.error{color:#b0503f}dialog#modal:is(.rank-modal,.friends-modal) .rank-retry{border-color:#5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd}dialog#modal:is(.rank-modal,.friends-modal) .podium-spot{--medal:#dfe5ea;--medal-ink:#4a2f20}dialog#modal:is(.rank-modal,.friends-modal) .podium-spot.place-1{--medal:#f6c95a;--medal-ink:#a8690f}dialog#modal:is(.rank-modal,.friends-modal) .podium-spot.place-3{--medal:#e3a070;--medal-ink:#4a2f20}dialog#modal:is(.rank-modal,.friends-modal) .podium-hero:after{background:#4a322b40}dialog#modal:is(.rank-modal,.friends-modal) .podium-crown{color:#d99a1f;filter:drop-shadow(0 1px 0 #a8690f)}dialog#modal:is(.rank-modal,.friends-modal) .podium-crown svg{fill:#f6d27e}dialog#modal:is(.rank-modal,.friends-modal) .podium-name{color:#4a2f20;font-weight:700}dialog#modal:is(.rank-modal,.friends-modal) .podium-spot.mine .podium-name{color:#4a2f20}dialog#modal:is(.rank-modal,.friends-modal) :is(.podium-name,.rank-who) em{color:#fff;background:#3f8a52}dialog#modal:is(.rank-modal,.friends-modal) .rank-class{color:var(--ink-soft)}dialog#modal:is(.rank-modal,.friends-modal) .podium-metric small{color:var(--ink-soft)}dialog#modal:is(.rank-modal,.friends-modal) .podium-metric b{color:var(--medal-ink)}dialog#modal:is(.rank-modal,.friends-modal) .podium-metric span{color:var(--ink-soft)}dialog#modal:is(.rank-modal,.friends-modal) .podium-metric .podium-exp{color:#8a5a2c}dialog#modal:is(.rank-modal,.friends-modal) .podium-block{border:1px solid #4a322b;border-top:5px solid var(--medal);border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#7a5a4f,#5a3e37);box-shadow:inset 0 1px #ffffff26}dialog#modal:is(.rank-modal,.friends-modal) .podium-block span{color:var(--medal);text-shadow:0 2px 0 #3a2620}dialog#modal:is(.rank-modal,.friends-modal) .rank-list{border-top:2px solid var(--gold)}dialog#modal:is(.rank-modal,.friends-modal) .rank-row{border-bottom:1px solid #d9c3a3}dialog#modal:is(.rank-modal,.friends-modal) .rank-row:nth-child(odd){background:#ffffff40}dialog#modal:is(.rank-modal,.friends-modal) .rank-row.mine{background:#cfe6cf;box-shadow:inset 4px 0 #3f8a52}dialog#modal:is(.rank-modal,.friends-modal) .rank-number{color:#6d5146}dialog#modal:is(.rank-modal,.friends-modal) .rank-who strong{color:#4a2f20;font-weight:600}dialog#modal:is(.rank-modal,.friends-modal) .rank-value b{color:#a8690f}dialog#modal:is(.rank-modal,.friends-modal) .rank-value small{color:var(--ink-soft)}dialog#modal:is(.rank-modal,.friends-modal) .rank-yours>span{color:#2f7a48;font-weight:700}dialog#modal.hero-modal{width:min(460px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:4px 0 0;border:22px solid transparent;border-image:url(/assets/ui/inventory/frame.webp) 44 fill / 22px stretch;border-radius:0;background:none;box-shadow:none;color:#4a322b;overflow:hidden}dialog#modal.hero-modal::backdrop{background:#1a0f0cb8}dialog#modal.hero-modal>#modal-content{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 68px)}dialog#modal.hero-modal .modal-close{z-index:2;top:4px;right:1px;width:34px;height:34px;padding:0;border:0;border-radius:0;background:url(/assets/ui/inventory/close.webp) center/contain no-repeat;color:transparent}dialog#modal.hero-modal .modal-close svg{opacity:0}dialog#modal.hero-modal .modal-close:hover{background-image:url(/assets/ui/inventory/closeHover.webp)}dialog#modal.hero-modal .rank-state{color:#8a6a5c}.rank-inspect.inline{position:static;z-index:auto;display:block;min-height:0;padding:0;background:none;animation:none;overflow:auto}.rank-inspect.inline .inspect-card{width:100%;max-height:none;border:0;border-radius:0;background:none;box-shadow:none;padding:6px 14px 14px;overflow:visible}.rank-inspect.inline .inspect-close{display:none}@media(max-width:700px){dialog#modal.hero-modal{width:calc(100% - 10px);border-width:16px;border-image-width:16px}dialog#modal.hero-modal .modal-close{top:1px;right:0;width:28px;height:28px}}.rank-menu{position:absolute;z-index:6;display:flex;flex-direction:column;min-width:190px;padding:6px;border:2px solid #b88d60;border-radius:10px;background:#f8efe0;box-shadow:0 0 0 2px #5a3e37,0 10px 26px #0008;color:#4a322b;animation:inspect-in .12s ease-out}.rank-menu strong{padding:4px 10px 6px;font:700 13px Cinzel,serif;color:#4a2f20;border-bottom:1px solid #d9c3a3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-menu button,.rank-menu .is-friend{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:7px;background:none;color:#4a322b;font:500 13px DM Sans,sans-serif;text-align:left}.rank-menu button:hover{background:#6f5046;color:#fff1dd}.rank-menu .is-friend{color:#8a6a5c;font-size:12px}.rank-menu svg{width:16px;height:16px}.rank-menu.fixed{position:fixed;z-index:70}dialog#modal:is(.rank-modal,.friends-modal) :is(.podium-spot,.rank-row)[data-inspect]{cursor:pointer}dialog#modal:is(.rank-modal,.friends-modal) .rank-row[data-inspect]:hover{background:#fff6e4}dialog#modal:is(.rank-modal,.friends-modal) .podium-spot[data-inspect]:hover .podium-hero canvas{filter:brightness(1.08)}dialog#modal:is(.rank-modal,.friends-modal)>#modal-content{position:relative}.rank-inspect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:10px;background:#2a1a1699;animation:inspect-in .16s ease-out}@keyframes inspect-in{0%{opacity:0}}.inspect-card{position:relative;width:min(400px,100%);max-height:100%;overflow:auto;padding:14px 16px 16px;border:2px solid #b88d60;border-radius:12px;background:#f8efe0;box-shadow:0 0 0 3px #5a3e37,0 14px 36px #0009;color:#4a322b;scrollbar-width:thin;scrollbar-color:#b88d60 #0000}.inspect-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #5a3e37;border-radius:8px;background:linear-gradient(#7a5a4f,#684a40);color:#fff1dd}.inspect-close svg{width:16px;height:16px}.inspect-who{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 34px;text-align:center}.inspect-who>strong{max-width:100%;font:700 18px Cinzel,serif;color:#4a2f20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspect-who>strong em{font-style:normal;font:600 8px DM Sans,sans-serif;letter-spacing:.08em;color:#fff;background:#3f8a52;border-radius:2px;padding:1px 4px;margin-left:6px;vertical-align:middle}.inspect-who>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a6a5c}.inspect-who>span i{font-style:normal}dialog#modal:is(.rank-modal,.friends-modal) .inspect-who .rank-class{margin:0;font-size:12px}.inspect-doll{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;gap:10px;align-items:center;margin-top:10px}.inspect-col{display:flex;flex-direction:column;gap:8px}.inspect-stage{position:relative;display:grid;place-items:center;height:216px;border:2px solid #b88d60;border-radius:8px;background:radial-gradient(ellipse at 50% 82%,#a8826f 0,#7a5a4f,#553a33 80%);box-shadow:inset 0 0 26px #3a262099}.inspect-stage .inspect-hero{position:relative;width:176px;height:201px}.inspect-stage .inspect-hero.breathing{transform-origin:50% 88%;animation:inspect-breathe 2.6s ease-in-out infinite}@keyframes inspect-breathe{50%{transform:scale(1.012,1.028)}}@media(prefers-reduced-motion:reduce){.inspect-stage .inspect-hero.breathing{animation:none}}.inspect-stage .inspect-aura{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.inspect-slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;background:none;color:#8a6a5c;opacity:1}.inspect-slot:disabled{opacity:1}.inspect-slot small{font-size:9px;line-height:1.2;white-space:nowrap}.inspect-art{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #b88d60;border-radius:6px;background:linear-gradient(#7a5a4f,#62463d);color:#c9a98a}.inspect-slot.filled .inspect-art{border-color:var(--rarity);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rarity) 30%,#7a5a4f),#3a2620 80%)}.inspect-slot.filled:hover .inspect-art,.inspect-slot.chosen .inspect-art{box-shadow:0 0 0 2px #f0cf9a}.inspect-slot:not(.filled):not(.locked) .inspect-art{background:#d8bfa8;border-color:#c4a585}.inspect-art img{width:44px;height:44px;object-fit:contain}.inspect-art svg{width:18px;height:18px}.inspect-art b{position:absolute;right:-3px;bottom:-4px;line-height:0}.inspect-art b .enhance-letter{width:18px;height:15px}.inspect-private{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin:10px 0 0;padding:8px 10px;border:1px dashed #b88d60;border-radius:8px;background:#f1e2cb;color:#6d5146;font-size:12px;text-align:center}.inspect-private svg{flex:none;width:16px;height:16px}.inspect-power{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.inspect-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.inspect-stats span{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border:1px solid #d9c3a3;border-radius:8px;background:#fffaf0}.inspect-stats b{font-size:16px;color:#4a2f20;font-variant-numeric:tabular-nums}.inspect-stats small{font-size:9px;letter-spacing:.1em;color:#8a6a5c}.inspect-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;font-size:11px;color:#8a6a5c}.inspect-note svg{width:14px;height:14px}@media(max-height:500px){.inspect-card{padding:8px 12px 10px}.inspect-doll{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:6px}.inspect-col{gap:3px}.inspect-art{width:38px;height:38px}.inspect-art img{width:32px;height:32px}.inspect-slot small{display:none}.inspect-stage{height:126px}.inspect-stage .inspect-hero{width:105px;height:120px}.inspect-private{margin-top:6px;min-height:0;padding:5px 8px}.inspect-power{margin-top:6px}.inspect-power b{font-size:19px}.inspect-stats{margin-top:5px}.inspect-stats span{flex-direction:row;justify-content:center;gap:6px;align-items:baseline;padding:3px}}@media(max-width:700px){dialog#modal:is(.rank-modal,.friends-modal){width:calc(100% - 10px);border-width:16px;border-image-width:16px}dialog#modal:is(.rank-modal,.friends-modal) .modal-close{top:1px;right:0;width:28px;height:28px}dialog#modal:is(.rank-modal,.friends-modal) .rank-header{min-height:40px;margin-right:32px;border-width:0 30px;border-image-width:0 34px}dialog#modal:is(.rank-modal,.friends-modal) .rank-header h2{font-size:15px}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs>button{min-width:0;flex:1;font-size:11px}dialog#modal:is(.rank-modal,.friends-modal) .rank-body{padding:0 4px 8px 2px}}@media(min-width:701px)and (max-height:500px){dialog#modal:is(.rank-modal,.friends-modal){border-width:16px;border-image-width:16px}dialog#modal:is(.rank-modal,.friends-modal) .modal-close{top:0;right:0;width:26px;height:26px}dialog#modal:is(.rank-modal,.friends-modal) .rank-header{min-height:36px;margin-right:30px;padding:4px 0;border-width:0 34px;border-image-width:0 36px}dialog#modal:is(.rank-modal,.friends-modal) .rank-header h2{font-size:15px}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs{padding-top:4px}dialog#modal:is(.rank-modal,.friends-modal) .rank-tabs>button{padding:5px 4px 3px;font-size:11px}}dialog#modal:is(.rank-modal,.friends-modal) .podium-metric small{font:700 11px Cinzel,"Noto Serif Thai",serif;letter-spacing:.02em;color:#7a4a1e}html.touch-ui{--cx:70px;--cy:68px;--atk:94px;--in-r:122px;--in-s:52px;--out-r:184px;--out-s:46px;--extra-s:46px}html.touch-ui body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.touch-ui input,html.touch-ui textarea{-webkit-user-select:text;user-select:text}html.touch-ui .world .bottom-bar,html.touch-ui .world .action-dock,html.touch-ui .world .hotbar{display:contents!important}html.touch-ui .world .hotbar:before,html.touch-ui .world .hotbar:after,html.touch-ui .hotbar-frame,html.touch-ui .hotbar-emblem,html.touch-ui .dock-bar,html.touch-ui .dock-top,html.touch-ui .dock-ornament,html.touch-ui .level-summary,html.touch-ui .world-footer>span:first-child{display:none!important}html.touch-ui .world .hotbar .ability{position:absolute!important;z-index:16;margin:0!important;padding:0;width:var(--s)!important;height:var(--s)!important;right:calc(var(--cx) + var(--r,0px) * cos(var(--a,0deg)) - var(--s) / 2)!important;bottom:calc(var(--cy) + var(--r,0px) * sin(var(--a,0deg)) - var(--s) / 2)!important;left:auto!important;top:auto!important;grid-column:auto!important;border-radius:50%!important;border:2px solid #c9a35a!important;background:radial-gradient(circle at 50% 40%,#2a3a44,#0c141a 75%)!important;box-shadow:0 0 0 2px #0008,0 4px 12px #000a,inset 0 0 10px #0009!important;overflow:hidden;touch-action:none;transform:none}html.touch-ui .world .hotbar .ability .skill-art{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}html.touch-ui .world .hotbar .ability kbd{display:none!important}html.touch-ui .world .hotbar .ability:active,html.touch-ui .world .hotbar .ability.aiming{filter:brightness(1.25);box-shadow:0 0 0 3px #ffd77a,0 0 18px #ffd77aaa!important}html.touch-ui .world .hotbar .ability .cooldown{font-size:15px}html.touch-ui .world .hotbar .ability .item-count{right:50%;top:auto;bottom:2px;transform:translate(50%);font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}html.touch-ui .world .hotbar .ability.attack{--s:var(--atk);--r:0px;border-width:3px!important;border-color:#e8c46b!important;box-shadow:0 0 0 3px #0009,0 0 22px #e8c46b55,0 6px 16px #000b!important}html.touch-ui .world .hotbar .ability.nova,html.touch-ui .world .hotbar .ability.dash,html.touch-ui .world .hotbar .ability.potion{--s:var(--extra-s);--r:0px;--a:0deg;bottom:12px!important}html.touch-ui .world .hotbar .ability.potion{right:calc(var(--cx) + var(--out-r) + var(--out-s) / 2 + 14px)!important}html.touch-ui .world .hotbar .ability.dash{right:calc(var(--cx) + var(--out-r) + var(--out-s) / 2 + 14px + var(--extra-s) + 10px)!important}html.touch-ui .world .hotbar .ability.nova{right:calc(var(--cx) + var(--out-r) + var(--out-s) / 2 + 14px + 2 * (var(--extra-s) + 10px))!important}html.touch-ui .world .hotbar .class-skill:nth-of-type(n+5):nth-of-type(-n+9){--s:var(--in-s);--r:var(--in-r)}html.touch-ui .world .hotbar .class-skill:nth-of-type(n+10){--s:var(--out-s);--r:var(--out-r)}html.touch-ui .world .hotbar .class-skill:nth-of-type(5),html.touch-ui .world .hotbar .class-skill:nth-of-type(10){--a:0deg}html.touch-ui .world .hotbar .class-skill:nth-of-type(6),html.touch-ui .world .hotbar .class-skill:nth-of-type(11){--a:25deg}html.touch-ui .world .hotbar .class-skill:nth-of-type(7),html.touch-ui .world .hotbar .class-skill:nth-of-type(12){--a:50deg}html.touch-ui .world .hotbar .class-skill:nth-of-type(8),html.touch-ui .world .hotbar .class-skill:nth-of-type(13){--a:75deg}html.touch-ui .world .hotbar .class-skill:nth-of-type(9),html.touch-ui .world .hotbar .class-skill:nth-of-type(14){--a:100deg}html.touch-ui .corner-tools{position:fixed!important;top:0!important;bottom:auto!important;right:auto!important;left:8px!important;z-index:25!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding-top:1px}html.touch-ui .corner-tools:not(.open)>.icon-button:not(.tools-fold){display:none!important}html.touch-ui .corner-tools>.icon-button{display:grid!important;width:38px!important;height:38px!important;margin:0!important}html.touch-ui .corner-tools>.tools-fold{width:34px!important;height:32px!important}html.touch-ui .corner-tools kbd{display:none}html.touch-ui .brand{margin-left:40px}html.touch-ui .topbar{height:40px;padding:0 10px;gap:8px}html.touch-ui .brand{min-width:0;font-size:15px}html.touch-ui .brand small,html.touch-ui .connection{display:none}html.touch-ui .top-actions .icon-button{width:36px;height:36px}html.touch-ui .world .minimap-wrap{width:140px!important;max-width:140px}html.touch-ui .quest-tracker{right:auto!important;left:8px!important;top:96px!important;width:min(230px,40vw)!important;max-width:40vw}html.touch-ui .world-footer{bottom:2px;right:6px;left:auto}html.touch-ui .world-footer .ping{font-size:9px}@media(orientation:landscape)and (max-height:520px){html.touch-ui .topbar{height:34px}html.touch-ui .brand{display:none}html.touch-ui .world .minimap-wrap{width:120px!important;max-width:120px}}@media(orientation:portrait){html.touch-ui{--cx:62px;--cy:62px;--atk:84px;--in-r:108px;--in-s:46px;--out-r:162px;--out-s:42px;--extra-s:42px}html.touch-ui .world .hotbar .ability.nova,html.touch-ui .world .hotbar .ability.dash,html.touch-ui .world .hotbar .ability.potion{bottom:calc(var(--cy) + var(--out-r) + var(--out-s) / 2 + 14px)!important}html.touch-ui .world .hotbar .ability.potion{right:14px!important}html.touch-ui .world .hotbar .ability.dash{right:calc(14px + var(--extra-s) + 10px)!important}html.touch-ui .world .hotbar .ability.nova{right:calc(14px + 2 * (var(--extra-s) + 10px))!important}}.rotate-hint{display:none}@media(orientation:portrait){html.touch-ui.want-landscape .rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:#060a0cee;color:#f2e6c8;font-family:DM Sans,sans-serif;text-align:center;padding:24px}}.rotate-hint strong{font:600 20px Cinzel,serif;color:#ffe6a6}.rotate-hint small{font-size:13px;color:#c9b99a}.rotate-phone{width:46px;height:76px;border:3px solid #e8c46b;border-radius:9px;animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:landscape)and (max-height:520px){html.touch-ui #character-select{padding:54px 16px 10px}html.touch-ui #character-select header{margin-bottom:8px}html.touch-ui #character-select header>span{font-size:15px}html.touch-ui #character-select header small,html.touch-ui #character-select header p{display:none}html.touch-ui #character-select h1{font-size:20px;margin:4px}html.touch-ui .character-slots{gap:8px}html.touch-ui .character-card{min-height:0;padding:8px 6px}html.touch-ui .character-card canvas{max-width:92px}html.touch-ui .character-card .empty-character{margin:6px 0;font-size:34px}html.touch-ui .character-controls{margin:10px auto}html.touch-ui .character-controls p{display:none}}html.touch-ui #app{min-height:0}html.touch-ui .game-layout{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(orientation:landscape){html.touch-ui{--cx:min(70px,17dvh);--cy:min(68px,16.5dvh);--atk:min(94px,22.8dvh);--in-r:min(122px,29.6dvh);--in-s:min(52px,12.6dvh);--out-r:min(184px,44.7dvh);--out-s:min(46px,11.2dvh);--extra-s:min(46px,11.2dvh)}html.touch-ui .world .hotbar .ability.nova,html.touch-ui .world .hotbar .ability.dash,html.touch-ui .world .hotbar .ability.potion{bottom:min(12px,3dvh)!important}}.ios-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;background:#050404b0;padding:16px}.ios-fullscreen[hidden]{display:none}.ios-fullscreen>div{width:min(380px,100%);padding:18px 20px;border:1px solid #c99a4a;border-radius:10px;background:linear-gradient(#17120e,#0b0907);color:#f2e6c8;font-family:DM Sans,sans-serif}.ios-fullscreen strong{display:block;font:600 18px Cinzel,serif;color:#ffe6a6;margin-bottom:8px}.ios-fullscreen ol{margin:0 0 14px;padding-left:20px;font-size:13px;line-height:1.6;color:#e6d3a4}.ios-fullscreen button{width:100%;margin:0}@media(orientation:landscape){html.touch-ui{--cx:min(60px,14.5dvh);--cy:min(58px,14dvh);--atk:min(80px,19.4dvh);--in-r:min(104px,25.2dvh);--in-s:min(44px,10.7dvh);--out-r:min(156px,37.9dvh);--out-s:min(40px,9.7dvh);--extra-s:min(38px,9.2dvh)}}@media(orientation:portrait){html.touch-ui{--cx:56px;--cy:56px;--atk:74px;--in-r:96px;--in-s:42px;--out-r:144px;--out-s:38px;--extra-s:38px}}html.touch-ui .player-hud{transform:scale(.72);transform-origin:top left}html.touch-ui .quest-tracker{zoom:.72;top:100px!important;left:11px!important}html.touch-ui .world-chat{transform:scale(.8);transform-origin:bottom left}html.touch-ui .event-gift{transform:scale(.8)}@media(orientation:landscape)and (max-height:520px){html.touch-ui .world .minimap-wrap{width:100px!important;max-width:100px}}html.touch-ui,html.touch-ui body{touch-action:pan-x pan-y}html.touch-ui .world,html.touch-ui #game{touch-action:none}html.touch-ui .corner-tools:not(.open){flex-direction:row}html.touch-ui .corner-tools:not(.open)>#dock-home{display:grid!important;width:34px!important;height:32px!important;color:#ffe6a6;border-color:#c9a35a}html.touch-ui .event-gift:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}