:root{--night-950:#070b16;--night-900:#0b1222;--night-800:#111a30;--night-700:#18233f;--night-600:#22304f;--line:#2a3858;--ink:#e9eef9;--mute:#9aa8c7;--gold:#f5b942;--gold-deep:#a86f12;--grass:#62b84a;--sky:#5ec8f2;--mana:#a58bf5;--ember:#ef6a4c;--hp:#e8545a;--sp:#4f8ff0;--panel:#0b1222d1;--font-sans:"Geist", ui-sans-serif, system-ui, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-display:"Pixelify Sans", "DotGothic16", var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(ko){--font-sans:"Geist", ui-sans-serif, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-display:"Pixelify Sans", var(--font-sans)}:root:lang(zh-cn){--font-sans:"Geist", ui-sans-serif, system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display:"Pixelify Sans", var(--font-sans)}:root:lang(zh-tw){--font-sans:"Geist", ui-sans-serif, system-ui, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;--font-display:"Pixelify Sans", var(--font-sans)}:root:lang(th){--font-sans:"Geist", ui-sans-serif, system-ui, "Thonburi", "Leelawadee UI", "Noto Sans Thai", sans-serif;--font-display:"Pixelify Sans", var(--font-sans)}:root:lang(vi){--font-sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display:var(--font-sans)}:root:lang(id){--font-display:"Pixelify Sans", var(--font-sans)}*{box-sizing:border-box}html,body{background:var(--night-950);height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}#app{position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer}.display{font-family:var(--font-display);letter-spacing:.02em}.btn{border:1px solid var(--line);background:var(--night-700);border-radius:8px;padding:8px 14px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--night-600);border-color:#3a4c78}.btn:disabled{opacity:.5;cursor:default}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--night-950);font-weight:600}.btn-gold:hover:not(:disabled){background:#ffc85c;border-color:#ffc85c}.bar{background:#00000073;border:1px solid #ffffff14;border-radius:4px;height:14px;position:relative;overflow:hidden}.bar>.fill{width:0;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}.bar>.label{text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:10.5px;font-weight:600;display:flex;position:absolute;inset:0}.fill.hp.low{background:linear-gradient(#ff9b6b, var(--ember))}.lobby-language{position:absolute;top:14px;right:16px}.lobby{background:radial-gradient(1200px 600px at 50% 110%, #5ec8f22e, transparent 70%), radial-gradient(800px 400px at 50% -10%, #a58bf524, transparent 70%), var(--night-950);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby-card{text-align:center;width:min(440px,100%);padding:28px}.lobby-card img{width:88px;height:88px;image-rendering:pixelated}.lobby-card h1{margin:8px 0 2px;font-size:34px}.lobby-card .tagline{color:var(--mute);margin:0 0 22px}.lobby-status{color:var(--mute);min-height:20px}.lobby-error{color:var(--ember);min-height:20px;margin-top:10px}.heroes{text-align:left;gap:10px;margin-bottom:18px;display:grid}.hero-row{border:1px solid var(--line);background:var(--night-800);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hero-row .who{flex:1;min-width:0}.hero-row .name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.hero-row .meta{color:var(--mute);font-size:12.5px}.create{gap:8px;display:flex}.create input{border:1px solid var(--line);background:var(--night-900);border-radius:8px;outline:none;flex:1;min-width:0;padding:9px 12px}.create input:focus{border-color:var(--gold)}.lobby-card{transition:width .2s}.lobby-card.wide{width:min(940px,100%)}.lobby-card.wide img{width:56px;height:56px}.lobby-card.wide h1{font-size:26px}.lobby-card.wide .tagline{display:none}.new-hero{width:100%}.creator{text-align:left;grid-template-columns:minmax(240px,320px) 1fr;gap:26px;display:grid}.creator-stage{flex-direction:column;gap:10px;display:flex}.creator-canvas{aspect-ratio:3/4;border:1px solid var(--line);cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 70%,#f5b94224,#0000 55%),linear-gradient(#1b2747,#0d1426);border-radius:20px;width:100%}.creator-canvas:active{cursor:grabbing}.creator-turn{justify-content:center;gap:8px;display:flex}.creator-side{flex-direction:column;gap:4px;min-width:0;display:flex}.creator-choices{gap:14px;margin:6px 0 10px;display:grid}.creator-row{gap:6px;display:grid}.creator-label{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;align-items:baseline;gap:8px;font-size:12px;display:flex}.creator-value{color:var(--ink);text-transform:none;letter-spacing:0;opacity:.8;font-size:12px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);background:var(--night-800);color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;padding:7px 13px;font-size:13px}.seg button:hover{border-color:#3a4c78}.seg button.on{border-color:var(--gold);color:var(--gold);background:#f5b94224}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--swatch);cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 -4px #0000002e}.swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--night-950), 0 0 0 4px var(--gold)}.creator-note{color:var(--mute);margin:4px 0 8px;font-size:12px}.creator-back{align-self:flex-start;margin-top:10px;font-size:13px}@media (max-width:720px){.creator{grid-template-columns:1fr}.creator-canvas{max-height:46vh}}.help-actions{justify-content:center;gap:18px;margin-top:14px;font-size:13.5px;display:flex}.auth-tabs{justify-content:center;margin-bottom:16px}.auth-form{text-align:left;gap:12px;display:grid}.auth-form .btn{width:100%;padding:10px 14px}.field{gap:5px;display:grid}.field-label{color:var(--mute);font-size:12.5px}.field-input{border:1px solid var(--line);background:var(--night-900);border-radius:8px;outline:none;padding:9px 12px}.field-input:focus{border-color:var(--gold)}.auth-note{color:var(--mute);margin:0;font-size:12.5px}.auth-guest{color:var(--mute);justify-content:center;gap:6px;margin-top:16px;font-size:13.5px;display:flex}.link{color:var(--sky,#5ec8f2);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link:disabled{opacity:.5;cursor:default}.btn-ghost{background:0 0}.btn-small{padding:5px 12px;font-size:13px}.account-bar{border:1px solid var(--line);color:var(--mute);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;font-size:13.5px;display:flex}.account-bar strong{color:var(--ink)}.account-bar.guest{background:#f5b94212;border-color:#f5b94273}.account-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:left;margin:4px 0 10px;font-size:12px}.game-canvas{touch-action:none;display:block;position:absolute;inset:0}.labels{pointer-events:none;z-index:0;position:absolute;inset:0}.hud{pointer-events:none;z-index:1;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud>.hud-panels{pointer-events:none;position:absolute;inset:0}.hud-panels>*{pointer-events:auto}.craft-window{flex-direction:column;width:360px;max-height:calc(100vh - 340px);padding:12px 14px 14px;display:none;position:absolute;top:236px;right:12px}.craft-window.open{display:flex}.craft-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.craft-window h2{margin:0;font-size:18px}.craft-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.craft-bench{color:var(--mute);margin-bottom:8px;font-size:12px}.craft-bench.ready{color:#9fe0a8}.craft-list{gap:6px;display:grid;overflow-y:auto}.craft-section{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:11.5px}.craft-row{border:1px solid var(--line);background:#ffffff08;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.craft-row.unable{opacity:.62}.craft-out svg{width:30px;height:30px}.craft-name{font-size:13.5px}.craft-skill{margin:2px 0 3px;font-size:11px;display:inline-block}.craft-inputs{color:var(--mute);flex-wrap:wrap;gap:2px 10px;font-size:11.5px;display:flex}.craft-input{align-items:center;gap:3px;display:inline-flex}.craft-input.short{color:#f0a3a3}.craft-icon svg{width:14px;height:14px}.craft-buttons{gap:4px;display:flex}.craft-buttons .btn{padding:4px 9px;font-size:12px}.build-bar{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:none;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.build-bar.open{display:flex}.build-slots{pointer-events:auto;gap:6px;display:flex}.build-slot{border:2px solid var(--line);background:var(--glass);cursor:pointer;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative}.build-slot.on{border-color:var(--gold);box-shadow:0 0 0 2px #f5b94240}.build-icon svg{width:30px;height:30px}.build-count{color:var(--ink);text-shadow:0 1px 2px #000000b3;font-size:11px;font-weight:600;position:absolute;bottom:2px;right:4px}.build-hint{color:var(--ink);background:#0d1426b8;border-radius:999px;padding:4px 12px;font-size:12.5px}.dev-window{width:290px;padding:12px 14px 14px;display:none;position:absolute;bottom:84px;right:12px}.dev-window.open{display:block}.dev-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dev-window h2{margin:0;font-size:18px}.dev-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.dev-row{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:5px 0;display:grid}.dev-label{color:var(--mute);font-size:13px}.dev-label b{color:var(--ink)}.dev-buttons{gap:4px;display:flex}.dev-buttons .btn{padding:5px 9px;font-size:12.5px}.dev-note{color:var(--mute);margin:8px 0 0;font-size:11.5px}.stats-window{width:300px;padding:12px 14px 14px;display:none;position:absolute;top:120px;left:12px}.stats-window.open{display:block}.stats-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stats-window h2{margin:0;font-size:18px}.stats-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.stat-row{grid-template-columns:44px 1fr 34px 30px;align-items:center;gap:6px;padding:3px 0;display:grid}.stat-row .abbr{font-family:var(--font-display);color:var(--gold)}.stat-row .value{font-family:var(--font-display);font-size:16px}.stat-row .cost{color:var(--mute);text-align:right;font-size:11px}.stat-row button{border-radius:6px;width:28px;height:24px;padding:0}.points{color:var(--mute);margin:8px 0 10px}.points b{color:var(--gold)}.derived{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2px 14px;padding-top:8px;font-size:12.5px;display:grid}.derived div{justify-content:space-between;display:flex}.derived span:first-child{color:var(--mute)}.overlay{text-align:center;background:#070b168c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay .panel{max-width:380px;padding:24px 28px}.overlay h2{margin:0 0 6px;font-size:28px}.overlay p{color:var(--mute);margin:0 0 18px}.overlay.loading{background:var(--night-950)}.nameplate{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex;transform:translateY(-50%)}.nameplate .name{text-shadow:0 1px 3px #000000e6;font-size:12px;font-weight:600}.nameplate .name.monster{color:#f4e7c8}.nameplate .name.aggressive{color:#ffb4a0}.nameplate .name.boss{color:#ff8a7a;letter-spacing:.3px;font-size:14px}.nameplate .name.party{color:#8ff0a4}.nameplate .name.targeted{color:var(--gold)}.nameplate .mini{background:#0009;border-radius:3px;width:46px;height:5px;display:none;overflow:hidden}.nameplate .mini.show{display:block}.nameplate .mini>div{background:var(--hp);height:100%}.portal-label{pointer-events:none;white-space:nowrap;background:#0a101e8c;border:1px solid #7de6ff8c;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:4px 12px 5px;display:flex;box-shadow:0 0 14px #7de6ff40}.portal-label .portal-name{color:#e9fbff;text-shadow:0 1px 3px #000000e6;font-size:13px;font-weight:700}.portal-label .portal-sub{letter-spacing:.08em;text-transform:uppercase;color:#9fe6f7;font-size:10px}.portal-label.sealed{box-shadow:none;border-color:#a0a8b873}.portal-label.sealed .portal-name{color:#cfd5df}.portal-label.sealed .portal-sub{color:#9aa3b3}.bubble{max-width:220px;color:var(--night-950);white-space:normal;text-align:center;background:#f4f1eaf2;border-radius:8px;margin-bottom:4px;padding:4px 8px;font-size:12px}.floater-anchor{pointer-events:none}.floater{--drift:0px;font-family:var(--font-display);white-space:nowrap;text-shadow:0 0 3px #000000e6,0 2px 2px #000000b3;font-size:20px;font-weight:700;animation:1.1s ease-out both float-up}.floater.exp{color:#ffe08a;font-size:14px}.floater.mvp{color:var(--gold);letter-spacing:1px;font-size:30px}.floater.level{color:var(--gold);font-size:22px}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.8)}12%{opacity:1;transform:translateY(-10px)scale(1.1)}to{opacity:0;transform:translateY(-58px)scale(1)}}.floater.dmg{letter-spacing:-1px;text-shadow:none;transform-origin:50% 80%;filter:drop-shadow(2.5px 0 #15171c)drop-shadow(-2.5px 0 #15171c)drop-shadow(0 2.5px #15171c)drop-shadow(0 -2.5px #15171c)drop-shadow(0 4px 1px #00000080);font-size:44px;line-height:1;animation:1.15s cubic-bezier(.2,.7,.3,1) both ro-damage;display:flex}.floater.dmg span{background:linear-gradient(#fff 48%,#d4d8e0 52%,#aeb4c0);color:#0000;-webkit-background-clip:text;background-clip:text}.floater.dmg.taken span{background-image:linear-gradient(#ffb0a8 40%,#ff4d4d 52%,#b81d1d)}.floater.dmg.crit{padding:18px 26px;font-size:54px;animation-name:ro-critical;position:relative}.floater.dmg.crit:before{content:"";z-index:-1;clip-path:polygon(50% 0%,60% 26%,86% 8%,74% 36%,100% 42%,76% 56%,94% 86%,64% 70%,54% 100%,44% 72%,14% 92%,28% 60%,0% 50%,26% 38%,10% 10%,40% 26%);background:radial-gradient(circle,#ff9a3a 0%,#e8321e 45%,#9c0d18 100%);position:absolute;inset:-10px -8px}.floater.dmg.crit span{background-image:linear-gradient(#fff 45%,#fff2a8 55%,#ffd34a)}.floater.dmg.total{font-size:26px;animation-name:ro-total;animation-duration:1.4s}.floater.dmg.total span{background-image:linear-gradient(#fff6b0 40%,#ffd23a 55%,#e89a10)}.floater.miss,.floater.block,.floater.lucky,.floater.immune{color:#c8141e;text-shadow:none;filter:drop-shadow(1px 0 #ffe8e0)drop-shadow(-1px 0 #ffe8e0)drop-shadow(0 1px #ffe8e0)drop-shadow(0 -1px #ffe8e0)drop-shadow(0 2px 1px #00000080);font-family:Georgia,Times New Roman,serif;font-size:28px;font-style:italic;font-weight:700;animation:1s ease-out both ro-miss}.floater.block{color:#1f6fd1}.floater.lucky{color:#d18a00}.floater.immune{color:#6a7890}.tag.element{color:var(--element);border:1px solid color-mix(in srgb, var(--element) 55%, transparent);background:color-mix(in srgb, var(--element) 14%, transparent)}@keyframes ro-damage{0%{opacity:0;transform:translateY(6px)scale(2.2)}5%{opacity:1}16%{transform:translate(calc(var(--drift) * .25), -16px) scale(1)}72%{opacity:1}to{transform:translate(var(--drift), -74px) scale(.78);opacity:0}}@keyframes ro-critical{0%{opacity:0;transform:translateY(6px)scale(2.8)rotate(-8deg)}5%{opacity:1}18%{transform:translate(calc(var(--drift) * .2), -18px) scale(1.05) rotate(0deg)}75%{opacity:1}to{transform:translate(var(--drift), -78px) scale(.85);opacity:0}}@keyframes ro-total{0%{opacity:0;transform:translateY(0)scale(1.5)}10%{opacity:1;transform:translateY(-4px)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1)}}@keyframes ro-miss{0%{opacity:0;transform:translateY(4px)scale(1.4)}10%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-46px)}}.item-icon{flex-shrink:0;width:26px;height:26px;display:inline-flex}.item-icon svg{filter:drop-shadow(0 1px 1px #00000073);width:100%;height:100%}.bag-window,.shop-window{max-height:calc(100% - 150px);padding:12px 14px 14px;display:none;position:absolute;top:60px;overflow-y:auto}.world-window{width:min(932px,100% - 24px);max-height:calc(100% - 132px);padding:12px 14px 14px;display:none;position:absolute;top:56px;left:50%;overflow-y:auto;transform:translate(-50%)}.world-window.open{display:block}.world-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.world-window h2{margin:0;font-size:18px}.world-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.world-scroll{overscroll-behavior:contain;cursor:grab;scrollbar-width:thin;scrollbar-color:#a5814d #ecd8a8;background:#ecd8a8;border-radius:10px;max-height:max(220px,100vh - 330px);position:relative;overflow:auto;box-shadow:0 0 0 1px #00000059,0 6px 18px #00000059}@media (max-width:600px){.world-scroll{max-height:max(200px,100vh - 380px)}}.world-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.world-board{isolation:isolate;margin:0 auto;position:relative}.world-art,.world-paper,.world-marks{position:absolute;inset:0}.world-art svg{display:block}.world-art text{-webkit-user-select:none;user-select:none}.world-paper{pointer-events:none;opacity:.42;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .26 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.world-marks{pointer-events:none;overflow:visible}.world-hit{pointer-events:all;fill:#0000;stroke:#0000;cursor:pointer;transition:fill .15s,stroke .15s}.world-hit:hover{fill:#fffae133;stroke:#ffffffd9;stroke-width:1.5px;stroke-dasharray:4 3}.world-hit:focus{outline:none}.world-hit:focus-visible{stroke:#ffd257;stroke-width:2.5px}.world-sel-glow{fill:#fff4c81f;stroke:#ffffffa6;stroke-width:6px}.world-sel-ring{fill:none;stroke:#e6a92e;stroke-width:2.2px}.world-pin-bob{animation:1.5s ease-in-out infinite world-bob}.world-pin-ring{fill:#ff6f9140;stroke:#ff6f91;stroke-width:1.6px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite world-ring}@keyframes world-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes world-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.world-pin-bob,.world-pin-ring{animation:none}}.world-info{color:#4a3520;background:radial-gradient(120% 140% at 50% 0,#0000 60%,#96692d29),linear-gradient(#fcf4de,#f1e2bf);border:1px solid #c9ac76;border-radius:10px;gap:7px;margin-top:12px;padding:11px 14px 12px;font-size:13px;display:grid;box-shadow:inset 0 0 0 3px #ffffff59,inset 0 0 0 4px #a0783c40,0 4px 14px #0000004d}.world-info-head{flex-wrap:wrap;align-items:center;gap:4px 9px;display:flex}.world-info-name{color:#4b2a12;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.world-kind{color:#7a5c3a;margin-left:auto;font-family:Georgia,Times New Roman,serif;font-size:12.5px;font-style:italic}.world-gem{background:linear-gradient(135deg, #ffffff8c, transparent 55%), var(--gem,#5cc46a);border:1px solid var(--gem-edge,#2d7a3a);border-radius:2px;flex-shrink:0;width:11px;height:11px;transform:rotate(45deg)}.world-gem.city{--gem:#f6c445;--gem-edge:#9a6a16}.world-here{color:#c2335f;font-weight:600}.world-line{color:#6b5034;font-size:12.5px}.world-hint{color:#7a5c3a;font-style:italic}.world-portal{white-space:nowrap}.world-link{font:inherit;color:#9b4a1c;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline dotted #9b4a1c99;text-decoration:underline dotted #9b4a1c99}.world-link:hover{color:#c2335f}.world-monsters{flex-wrap:wrap;gap:5px;display:flex}.world-monster{color:#4a3520;background:#fffaf0;border:1px solid #d6bf94;border-radius:999px;align-items:baseline;gap:3px;padding:2px 9px;font-size:12px;display:inline-flex}.world-monster small{color:#8a6f4e}.world-monster-face{background:radial-gradient(circle at 50% 40%,#fff8e6,#e8d6b0);border-radius:50%;align-self:center;width:22px;height:22px;margin:-4px 1px -4px -6px;box-shadow:inset 0 0 0 1px #d6bf94}.world-monster-face:not([src]){visibility:hidden}.world-monster.boss .world-monster-face{background:radial-gradient(circle at 50% 40%,#fff3c4,#e9b54a);box-shadow:inset 0 0 0 1px #b9832a}.world-monster.boss{color:#6a2410;background:linear-gradient(#ffeeb5,#f6cd6a);border-color:#b9832a;font-weight:600}.world-monster.boss small{color:#8a4b12}.world-crown{align-self:center;width:12px;height:10px}.travel-window{width:min(380px,100% - 24px);padding:12px 14px 14px;display:none;position:absolute;top:60px;left:50%;transform:translate(-50%)}.travel-window.open{display:block}.travel-window header{justify-content:space-between;align-items:center;display:flex}.travel-window h2{margin:0;font-size:18px}.travel-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.travel-window .greeting{color:var(--mute);margin:6px 0 10px;font-size:13px}.travel-list{gap:6px;display:grid}.travel-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.travel-name{font-size:15px}.travel-cost{color:var(--gold);font-size:13px}.travel-cost.short{color:#f0a3a3}.bag-window{width:330px;right:12px}.shop-window{width:min(460px,100% - 24px);left:50%;transform:translate(-50%)}.bag-window.open,.shop-window.open{display:block}.bag-window header,.shop-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bag-window h2,.shop-window h2{margin:0;font-size:18px}.bag-window .close,.shop-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.equip-slots{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;padding-bottom:10px;display:grid}.equip-slot{flex-direction:column;align-items:center;gap:2px;display:flex}.slot-label{color:var(--mute);letter-spacing:.04em;font-size:10px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.item-tile{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%, var(--night-600), var(--night-800));border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.item-tile:hover{border-color:#3a4c78}.item-tile.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.item-tile.empty{background:#0003;border-style:dashed}.item-tile .count{text-shadow:0 1px 2px #000000e6;font-size:10.5px;font-weight:700;position:absolute;bottom:1px;right:3px}.empty-note,.hint-text{color:var(--mute);grid-column:1/-1;font-size:12.5px}.item-detail{border-top:1px solid var(--line);min-height:40px;margin-top:10px;padding-top:10px}.detail-head{align-items:center;gap:10px;display:flex}.detail-head .item-icon{width:34px;height:34px}.summary{color:var(--mute);font-size:12px}.item-detail .description{margin:8px 0 4px;font-size:13px;line-height:1.45}.item-detail .meta{color:var(--mute);font-size:12px}.card-pips{pointer-events:none;gap:2px;display:flex;position:absolute;top:4px;left:4px}.card-pips i{background:#00000059;border:1px solid #e9eef999;border-radius:1.5px;width:5px;height:5px}.card-pips i.set{border-color:var(--gold);background:var(--gold)}.card-slots{gap:4px;margin:8px 0 6px;padding:0;list-style:none;display:grid}.card-slot{border:1px solid var(--line);background:#0003;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:5px 8px;font-size:12.5px;display:grid}.card-slot .item-icon{grid-row:span 2;width:22px;height:22px}.card-slot .card-does{color:var(--mute);font-size:11.5px}.card-slot.empty{color:var(--mute);border-style:dashed;display:block}.card-setter-head{color:var(--mute);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 4px;font-size:11.5px}.card-targets{gap:4px;display:grid}.card-target{border:1px solid var(--line);color:var(--ink);text-align:left;background:#0003;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:12.5px;display:flex;position:relative}.card-target:hover{border-color:var(--gold)}.card-target .item-icon{width:22px;height:22px}.card-target-name{text-align:left;flex:1;min-width:0}.card-target .card-pips{position:static}.card-setter.confirm p{margin:8px 0 0;font-size:13px}.trade-cards{color:var(--mute);text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.item-detail .actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.item-detail .actions .btn,.shop-row .btn{padding:5px 12px;font-size:12.5px}.amount{gap:6px;display:inline-flex}input[type=number]{border:1px solid var(--line);background:var(--night-900);border-radius:8px;outline:none;width:58px;padding:5px 6px}.bag-footer{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:12px;display:grid}.fill.weight{background:linear-gradient(#9fd3a0,#4f9e3c)}.zeny{font-family:var(--font-display);color:var(--gold)}.shop-window .greeting{color:var(--mute);margin:0 0 10px;font-style:italic}.tabs{align-items:center;gap:6px;margin-bottom:8px;display:flex}.tabs .zeny{margin-left:auto}.tab{border:1px solid var(--line);color:var(--mute);background:0 0;border-radius:999px;padding:4px 14px}.tab.active{background:var(--night-600);color:var(--ink)}.shop-list{gap:4px;display:grid}.shop-row{background:var(--night-800);border-radius:8px;grid-template-columns:30px 1fr auto 58px auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.shop-row .who{min-width:0}.shop-row .who b{font-size:13px;font-weight:600}.shop-row .price{color:var(--gold);white-space:nowrap;font-size:12.5px}.shop-row .price.discounted{justify-items:end;line-height:1.15;display:grid}.shop-row .price .was{color:var(--mute);font-size:11px}.loot-label{white-space:nowrap;pointer-events:none;background:#070b1699;border-radius:999px;padding:1px 7px;font-size:11px}.nameplate .name.npc{color:#ffe9a8}.nameplate .title{color:#d8c7a0;text-shadow:0 1px 3px #000000e6;order:2;font-size:10.5px}.floater.heal{color:#7dff9a}.floater.sp{color:#8fb8ff;font-size:16px}.skills-window,.class-window{max-height:calc(100% - 150px);padding:12px 14px 14px;display:none;position:absolute;top:60px;overflow-y:auto}.skills-window{width:min(620px,100% - 24px);left:290px}.class-window{width:min(860px,100% - 24px);left:50%;transform:translate(-50%)}.skills-window.open,.class-window.open{display:block}.skills-window header,.class-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.skills-window h2,.class-window h2{margin:0;font-size:18px}.skills-window .close,.class-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.subtitle-text{color:var(--mute);margin-bottom:6px;font-size:12.5px}.skill-list{gap:6px;display:grid}.tree-tabs{flex-wrap:wrap;gap:4px;margin:4px 0 6px;display:flex}.tree-tab{border:1px solid var(--line);background:var(--night-800);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:13px;display:flex}.tree-tab .item-icon{width:18px;height:18px}.tree-tab.active,.tree-chip.active{border-color:#f2d48a;box-shadow:inset 0 0 0 1px #f2d48a}.tree-browse{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:6px;display:flex}.tree-browse-label{color:var(--mute);margin-right:2px;font-size:11.5px}.tree-chip{border:1px solid var(--line);background:var(--night-800);cursor:pointer;border-radius:8px;place-items:center;width:25px;height:25px;padding:0;display:grid}.tree-chip .item-icon{width:17px;height:17px}.tree-board{background:radial-gradient(circle at 50% 30%, #ffffff0d, transparent 70%), var(--night-800);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin:8px 0 10px;position:relative}.tree-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tree-lines line{stroke:#ffffff38;stroke-width:3px;stroke-linecap:round}.tree-lines line.met{stroke:#f2d48a}.tree-node{width:76px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.tree-node .tree-icon{background:var(--night-900,#10141f);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--line);box-sizing:border-box;border-radius:12px;padding:6px}.tree-node.learned .tree-icon{box-shadow:inset 0 0 0 2px #f2d48a}.tree-node.locked .tree-icon,.tree-node.preview .tree-icon{opacity:.55;filter:grayscale(.5)}.tree-node.learnable .tree-icon{box-shadow:inset 0 0 0 2px #7de6ff,0 0 10px #7de6ff8c}.tree-node.selected .tree-icon{outline-offset:2px;outline:2px solid #fff}.tree-level{background:#000000a6;border-radius:6px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:30px;right:10px}.tree-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;line-height:1.15;overflow:hidden}.tree-node.locked .tree-name,.tree-node.preview .tree-name{color:var(--mute)}.tree-detail .skill-row{margin:0}.skill-row{background:var(--night-800);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.skill-row.unlearned{opacity:.75}.skill-row .skill-icon{width:32px;height:32px}.skill-row .lvl{color:var(--gold);font-size:12px}.skill-buttons{flex-direction:column;gap:4px;display:flex}.skill-buttons .btn{padding:3px 10px;font-size:12px}.skill-section{gap:6px;display:grid}.skill-section+.skill-section{margin-top:8px}.skill-section-title{border-bottom:1px solid var(--line);font-family:var(--font-display);color:var(--gold);align-items:center;gap:8px;padding:2px 2px 4px;font-size:15px;display:flex}.skill-section-title .item-icon{width:22px;height:22px}.skill-row.locked{opacity:.55}.requires{color:var(--mute);flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;display:flex}.req{color:var(--ember);background:#ef6a4c29;border-radius:6px;padding:1px 6px}.req.met{color:var(--grass);background:#62b84a29}.class-window .greeting{color:var(--mute);margin:0 0 8px;font-style:italic}.class-window .requirement{color:var(--ember);margin:0 0 10px}.paths{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.path{background:var(--night-800);border-top:3px solid var(--accent);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.path-name{color:var(--accent);font-size:20px}.path-order{color:var(--mute);font-size:12px}.path-emblem{width:30px;height:30px}.path p{flex:1;margin:4px 0 8px;font-size:12.5px;line-height:1.45}:root{--glass:linear-gradient(180deg, #1e2b4ee6, #0b1222eb);--glass-edge:#ffffff17;--ring:#f5b94299;--lift:0 10px 28px #00000061, inset 0 1px 0 #ffffff12}.panel{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px}.corner{flex-direction:column;gap:8px;display:flex;position:absolute}.hud-panels>.corner,.hud-panels>.vignette{pointer-events:none}.corner>*{pointer-events:auto}.top-left{align-items:flex-start;top:14px;left:14px}.top-center{align-items:center;top:14px;left:50%;transform:translate(-50%)}.top-right{align-items:flex-end;top:14px;right:14px}.bottom-center{align-items:center;bottom:12px;left:50%;transform:translate(-50%)}.bottom-right{bottom:16px;right:16px}.meter{background:#03060e99;border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3,0 0 0 1px #ffffff0f}.meter>.trail,.meter>.fill{border-radius:inherit;width:0;position:absolute;inset:0 auto 0 0}.meter>.trail{background:#ffecbe99}.meter>.fill{transition:width .18s ease-out}.meter>.fill:after{content:"";background:linear-gradient(#ffffff80,#fff0);border-radius:999px;height:42%;position:absolute;inset:1px 5px auto}.meter>.label{font:600 10.5px var(--font-sans);letter-spacing:.02em;text-shadow:0 1px 2px #000000f2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.meter.sp{height:11px}.meter.sp>.label{font-size:9px}.meter.low>.fill{animation:1.2s ease-in-out infinite low-pulse}@keyframes low-pulse{50%{filter:brightness(1.35)}}.fill.hp{background:linear-gradient(90deg,#c8333d,#f2767c)}.meter.low>.fill.hp{background:linear-gradient(90deg,#d9472c,#ff9b6b)}.fill.sp{background:linear-gradient(90deg,#2f63c9,#7aaaf5)}.fill.exp{background:linear-gradient(90deg,#c98a1f,#ffd47a)}.fill.job{background:linear-gradient(90deg,#6d4fd6,#c3b0ff)}.fill.cast{background:linear-gradient(90deg,#6d4fd6,#d7caff)}.hero-frame,.target-frame{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px 22px 22px 999px;align-items:center;gap:12px;display:flex}.hero-frame{width:310px;padding:9px 16px 9px 9px}.portrait{--accent:#9fd36a;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--accent) 42%, #22304f), #0b1222 78%);border:2px solid var(--ring);width:66px;height:66px;box-shadow:0 0 0 3px #070b16a6, 0 0 20px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.portrait svg{filter:drop-shadow(0 2px 3px #0000008c);width:38px;height:38px}.level-badge{background:linear-gradient(#ffd98a, var(--gold));min-width:28px;color:var(--night-950);font:700 13px var(--font-display);text-align:center;box-shadow:0 0 0 2px var(--night-950), 0 3px 8px #00000073;border-radius:999px;padding:1px 8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.frame-body{flex:1;gap:5px;min-width:0;display:grid}.nameline{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.nameline .name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #00000080;font-size:18px;overflow:hidden}.nameline .job{color:var(--mute);white-space:nowrap;font-size:12px}.buffs{gap:6px;padding-left:10px;display:flex}.buffs:empty{display:none}.buff{background:var(--glass);border:1px solid var(--glass-edge);font:600 11px var(--font-sans);box-shadow:var(--lift);border-radius:999px;align-items:center;gap:3px;padding:3px 9px 3px 3px;display:flex}.buff .item-icon{width:20px;height:20px}.target-frame{width:320px;padding:7px 16px 7px 7px;display:none}.target-frame.visible{animation:.18s ease-out rise-in;display:flex}.target-frame.aggressive{border-color:#ef6a4c80}.target-frame.friend{border-color:#7dff9a59}.target-frame.friend .fill.hp{background:linear-gradient(90deg,#2f9e57,#7dff9a)}.mini-portrait{background:radial-gradient(circle at 35% 28%, var(--night-600), var(--night-950) 80%);border:2px solid #ffffff24;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.mini-portrait svg{width:26px;height:26px}.mini-portrait.pictured{background:radial-gradient(circle at 50% 38%,#3d4d72,#141c33 72%);border-color:#f5d38a73;width:52px;height:52px;position:relative;overflow:visible;box-shadow:0 0 0 2px #070b1699,inset 0 -8px 14px #00000059}.mini-portrait.pictured img{filter:drop-shadow(0 2px 2px #0009);clip-path:inset(-40% -40% 0 round 0 0 26px 26px);width:62px;height:62px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.target-frame.aggressive .mini-portrait.pictured{background:radial-gradient(circle at 50% 38%,#6a3a3a,#1e1220 72%);border-color:#ef6a4cbf}.target-frame.boss .mini-portrait.pictured{background:radial-gradient(circle at 50% 38%,#7a5422,#22140c 72%);border:2px solid #f5c84c;box-shadow:0 0 0 2px #070b1699,0 0 14px #f5c84c8c,inset 0 -8px 14px #00000059}.target-frame .nameline .name{font-size:16px}.tags{flex-shrink:0;gap:4px;display:flex}.target-actions{gap:6px;display:flex}.target-actions:empty{display:none}.chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:2px 10px;font-size:11.5px}.chip:hover{border-color:var(--ring)}.guild-window{width:min(540px,100% - 24px);max-height:calc(100% - 230px);padding:12px 14px 14px;display:none;position:absolute;top:80px;left:50%;overflow-y:auto;transform:translate(-50%)}.guild-window.open{display:block}.guild-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.guild-window h2{color:#c8b3ff;margin:0;font-size:18px}.guild-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.guild-window .greeting{color:var(--mute);margin:0 0 8px;font-style:italic}.guild-notice{background:var(--night-800);white-space:pre-wrap;border-radius:10px;padding:8px 10px;font-size:13px}.guild-notice.editable{align-items:flex-start;gap:8px;display:flex}.guild-notice textarea,.guild-form input{border:1px solid var(--line);background:var(--night-900);min-width:0;color:var(--ink);font:inherit;resize:vertical;border-radius:8px;flex:1;padding:6px 8px}.guild-count{color:var(--mute);margin:10px 2px 6px;font-size:12px}.guild-roll{gap:4px;display:grid}.guild-member{background:var(--night-800);opacity:.65;border-radius:9px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.guild-member.online{opacity:1}.guild-member .dot{background:var(--line);border-radius:50%;width:7px;height:7px}.guild-member.online .dot{background:var(--grass)}.guild-emblem svg{width:18px;height:18px;display:block}.guild-member .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.guild-member .rank{color:var(--mute);background:#ffffff0f;border-radius:999px;padding:0 7px;font-size:11px}.guild-member .rank.leader{color:var(--gold)}.guild-member .rank.officer{color:#c8b3ff}.guild-member .lvl{color:var(--mute);white-space:nowrap;font-size:11.5px}.guild-tools{gap:4px;display:flex}.guild-tools button{border:1px solid var(--line);color:var(--mute);background:#ffffff0d;border-radius:999px;padding:1px 7px;font-size:10.5px}.guild-tools button.danger:hover{color:var(--ember);border-color:var(--ember)}.guild-form{gap:8px;margin-top:10px;display:flex}.guild-footer{justify-content:flex-end;margin-top:12px;display:flex}.nameplate .guild-tag{color:#c8b3ff;text-shadow:0 1px 3px #000000e6;margin-top:-1px;font-size:10.5px}.nameplate .guild-tag[hidden]{display:none}.trade-window{width:min(560px,100% - 24px);max-height:calc(100% - 240px);padding:12px 14px 14px;display:none;position:absolute;top:90px;left:50%;overflow-y:auto;transform:translate(-50%)}.trade-window.open{display:block}.trade-window header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trade-window h2{margin:0;font-size:18px}.trade-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.trade-sides{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trade-side{background:var(--night-800);border-radius:12px;align-content:start;gap:8px;padding:10px;display:grid}.trade-side-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.trade-status{color:var(--mute);background:#ffffff0f;border-radius:999px;padding:1px 8px;font-size:11px}.trade-status.locked{color:var(--gold)}.trade-status.confirmed{color:var(--grass)}.trade-items{gap:4px;min-height:44px;display:grid}.trade-items.empty{color:var(--mute);place-items:center;font-size:12px}.trade-item{align-items:center;gap:6px;font-size:12.5px;display:flex}.trade-item .item-icon{width:24px;height:24px}.trade-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trade-item input,.trade-zeny input{border:1px solid var(--line);background:var(--night-900);width:72px;color:var(--ink);border-radius:6px;padding:2px 6px}.trade-amount{color:var(--mute)}.trade-item .remove{color:var(--mute);background:0 0;border:0;font-size:15px}.trade-zeny{color:var(--gold);font-size:13px}.trade-bag{margin-top:10px}.trade-bag-head{color:var(--mute);margin-bottom:6px;font-size:12px}.trade-buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.party-frames{background:var(--glass);border:1px solid var(--glass-edge);width:236px;box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;gap:4px;padding:8px;display:grid}.party-frames[hidden]{display:none}.party-header{align-items:center;gap:6px;padding:0 2px 2px;display:flex}.party-title{font:14px var(--font-display);color:#8ff0a4;flex:1}.party-share,.party-leave,.party-tools button{border:1px solid var(--line);color:var(--mute);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:1px 8px;font-size:10.5px}.party-share.even{color:#8ff0a4;border-color:#8ff0a473}.party-share:disabled{cursor:default}.party-member{cursor:pointer;background:#070b1673;border-radius:10px;align-items:center;gap:8px;padding:5px 6px;display:flex;position:relative}.party-member:hover{background:#070b16b3}.party-member.offline,.party-member.away{cursor:default;opacity:.6}.party-member.dead .party-portrait{filter:grayscale()}.party-portrait{--accent:#9fd36a;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--accent) 40%, #22304f), #0b1222 80%);border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.party-portrait svg{width:18px;height:18px}.party-body{flex:1;gap:3px;min-width:0;display:grid}.party-name{align-items:baseline;gap:4px;font-size:12px;display:flex}.party-name .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.party-name .lvl{color:var(--mute);font-size:10.5px}.party-name .crown{color:var(--gold)}.party-member .bar{border-radius:3px;height:5px}.party-tools{gap:4px;display:none;position:absolute;top:4px;right:6px}.party-member:hover .party-tools{display:flex}.invite-prompt{text-align:center;gap:10px;padding:14px 18px;animation:.18s ease-out window-rise;display:grid;position:absolute;top:120px;left:50%;transform:translate(-50%)}.invite-prompt[hidden]{display:none}.invite-buttons{justify-content:center;gap:8px;display:flex}.tag{color:var(--mute);white-space:nowrap;background:#ffffff14;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:600}.tag.aggr{color:#ffb4a0;background:#ef6a4c33}.tag.boss{color:#ffd0c8;background:#ff3b5c38}@keyframes rise-in{0%{opacity:0;transform:translateY(-6px)}}.toasts{flex-direction:column;align-items:center;gap:5px;display:flex}.corner>.toasts{pointer-events:none}.toast{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--lift);border-radius:999px;padding:6px 16px;font-size:13px;transition:opacity .5s;animation:.2s ease-out rise-in}.toast.fade{opacity:0}.banner{text-align:center;pointer-events:none;opacity:0;transition:opacity .8s;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hud-panels>.banner{pointer-events:none}.banner.show{opacity:1}.banner .subtitle{color:var(--gold);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 1px 6px #0009;font-size:12px;font-weight:600}.banner .title{font-family:var(--font-display);text-shadow:0 3px 18px #0000008c;font-size:clamp(34px,5vw,58px)}.banner .title:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:70%;height:2px;margin:8px auto 0;display:block}.minimap{flex-direction:column;align-items:center;gap:7px;display:flex}.minimap-dial{background:var(--glass);border:1px solid var(--glass-edge);width:180px;height:180px;box-shadow:var(--lift), 0 0 0 3px #070b1673;border-radius:50%;padding:6px;position:relative}.minimap-canvas{cursor:pointer;width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--ring), 0 0 0 2px #070b1699;border-radius:50%;display:block}.compass{background:var(--night-900);border:1px solid var(--ring);color:var(--gold);font:700 11px var(--font-display);pointer-events:none;border-radius:999px;padding:0 7px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.zooms{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;right:-6px}.map-zoom{border:1px solid var(--glass-edge);background:var(--night-800);border-radius:50%;width:24px;height:24px;padding:0;font-size:15px;line-height:1;box-shadow:0 2px 6px #0006}.map-zoom:hover{border-color:var(--ring)}.minimap-region{background:var(--glass);border:1px solid var(--glass-edge);max-width:220px;box-shadow:var(--lift);font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:3px 14px;font-size:14px;overflow:hidden}.minimap-region:empty{display:none}.minimap-meta{color:var(--mute);text-shadow:0 1px 3px #000c;gap:10px;font-size:11px;display:flex}.dock{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;gap:4px;padding:9px 11px 11px;display:grid}.exp-row{grid-template-columns:var(--exp-label,50px) 1fr 46px;align-items:center;gap:8px;display:grid}.exp-label{color:var(--mute);font:500 11px var(--font-display);white-space:nowrap}:root:not(:lang(en)) .exp-row{--exp-label:84px}.exp-pct{font:600 11px var(--font-sans);text-align:right}.meter.exp,.meter.job{height:7px}.slot-hotbar{margin-top:6px}.hotbar{gap:6px;display:flex}.hot-slot{background:radial-gradient(circle at 50% 28%, var(--night-600), var(--night-900) 85%);border:1px solid #ffffff1a;border-radius:15px;place-items:center;width:50px;height:50px;padding:0;transition:transform 80ms,border-color .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 3px 8px #00000059}.hot-slot:hover{border-color:var(--ring);transform:translateY(-2px)}.hot-slot:active{transform:translateY(1px)scale(.96)}.hot-slot .item-icon{width:30px;height:30px}.hot-slot .key{color:var(--mute);font:600 10px var(--font-display);position:absolute;top:3px;left:7px}.hot-slot .count{text-shadow:0 1px 2px #000000e6;font-size:10.5px;font-weight:700;position:absolute;bottom:2px;right:6px}.hot-slot.skill-slot{background:radial-gradient(circle at 50% 28%, #a58bf561, var(--night-900) 85%)}.hot-slot.cooling:after{content:"";border-radius:inherit;background:#070b169e;position:absolute;inset:0}.hot-slot.empty-stock{opacity:.45}.cast-bar{width:260px;display:none}.cast-bar.show{animation:.15s ease-out rise-in;display:block}.meter.cast{height:15px}.menu{gap:10px;display:flex}.menu-button{background:var(--glass);border:1px solid var(--glass-edge);width:50px;height:50px;box-shadow:var(--lift);border-radius:50%;place-items:center;padding:0;transition:transform 80ms,border-color .15s;display:grid;position:relative}.menu-button:hover{border-color:var(--ring);transform:translateY(-2px)}.menu-icon{width:24px;height:24px}.menu-key{background:var(--night-800);border:1px solid var(--line);color:var(--mute);font:600 10px var(--font-sans);border-radius:6px;padding:0 5px;position:absolute;bottom:-4px;right:-3px}.menu-button .badge{background:var(--gold);min-width:19px;height:19px;color:var(--night-950);font:700 11px var(--font-sans);box-shadow:0 0 0 2px var(--night-950);border-radius:999px;place-items:center;padding:0 5px;animation:2.4s ease-in-out infinite badge-pop;display:grid;position:absolute;top:-4px;right:-4px}.menu-button .badge[hidden]{display:none}@keyframes badge-pop{0%,80%,to{transform:scale(1)}88%{transform:scale(1.18)}}.chat{flex-direction:column;gap:6px;width:min(380px,100% - 28px);transition:opacity .6s;display:flex;position:absolute;bottom:14px;left:14px}.chat.idle:not(.typing){opacity:.5}@media (max-width:720px){body:has(.bag-window.open,.shop-window.open) .chat:not(.typing){visibility:hidden}}.chat-log{scrollbar-width:thin;background:linear-gradient(90deg,#070b16b8,#070b1640);border-radius:14px;max-height:170px;padding:10px 12px;font-size:13px;line-height:1.45;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 16px);mask-image:linear-gradient(#0000,#000 16px)}.chat-log:empty{display:none}.chat-line{text-shadow:0 1px 2px #000000d9}.chat-line .from{color:var(--sky);font-weight:600}.chat-line.me .from{color:var(--grass)}.chat-line.system{color:var(--gold)}.chat-line.announce{color:#ffb27a;font-weight:600}.chat-line.shout .from{color:#ffb27a}.chat-line.party,.chat-line.party .from{color:#8ff0a4}.chat-line.guild,.chat-line.guild .from{color:#c8b3ff}.chat-line.whisper,.chat-line.whisperSent,.chat-line.whisper .from,.chat-line.whisperSent .from{color:#ffa8d8}.chat-input{align-items:center;gap:6px;display:flex}.chat-input input{flex:1;min-width:0}.chat-channel{opacity:0;height:0;color:var(--ink);background:#0b1222eb;border:1px solid #0000;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .15s}.chat.typing .chat-channel{opacity:1;border-color:var(--line);height:36px}.chat-channel[data-channel=party]{color:#8ff0a4}.chat-channel[data-channel=guild]{color:#c8b3ff}.chat-channel[data-channel=shout]{color:#ffb27a}.chat input{opacity:0;background:#0b1222eb;border:1px solid #0000;border-radius:999px;outline:none;height:0;padding:0 14px;transition:opacity .15s}.chat.typing input{opacity:1;border-color:var(--ring);height:36px}.vignette{opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 160px 30px #e8545a80}.vignette.on{animation:1.4s ease-in-out infinite danger}@keyframes danger{0%,to{opacity:.55}50%{opacity:1}}.help-panel{text-align:left;max-width:480px}.help-panel h2{text-align:center}.controls{grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;margin:14px 0 20px;font-size:13.5px;display:grid}.controls .keys{color:var(--mute);justify-content:flex-end;align-items:center;gap:4px;display:flex}.help-panel .btn{margin:0 auto;display:block}kbd{border:1px solid var(--line);background:var(--night-800);min-width:22px;color:var(--ink);font:600 11.5px var(--font-sans);text-align:center;border-bottom-width:3px;border-radius:7px;padding:2px 6px;display:inline-block}.stats-window{top:136px;left:14px}.skills-window{top:136px;left:330px}.bag-window{max-height:calc(100% - 352px);top:266px;right:14px}.shop-window,.class-window{max-height:calc(100% - 250px);top:100px}@media (max-width:1100px){.chat{width:300px;bottom:150px}}@media (max-height:780px){.minimap-dial{width:150px;height:150px}.bag-window{max-height:calc(100% - 318px);top:232px}}@media (max-width:720px){.hero-frame,.target-frame{width:auto;min-width:230px}.top-center{top:110px}.minimap-dial{width:110px;height:110px}.minimap-meta,.zooms{display:none}.hot-slot{width:38px;height:38px}.hot-slot .item-icon{width:22px;height:22px}.menu-button{width:40px;height:40px}.bottom-right{bottom:140px}.chat{width:calc(100% - 90px);bottom:140px}.stats-window,.skills-window,.bag-window{width:auto;max-height:55%;inset:auto 12px 140px}}.stat-row .value,.zeny,.exp-label,.exp-pct,.hot-slot .key,.hot-slot .count,.item-tile .count,.meter>.label,.minimap-meta,.menu-key,.buff{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.stat-row .value{font-size:15px;font-weight:600}.zeny{font-weight:700}.exp-label{font-size:11px;font-weight:600}.hot-slot .key{font-size:10px;font-weight:700}@media (min-width:1600px) and (min-height:940px){.corner,.chat,.stats-window,.bag-window,.skills-window,.shop-window,.class-window,.help-panel{zoom:1.2}}@media (max-width:720px){.hero-frame{gap:8px;width:calc(100vw - 150px);min-width:0;padding:6px 10px 6px 6px}.portrait{width:46px;height:46px}.portrait svg{width:26px;height:26px}.level-badge{font-size:11px}.nameline .name{font-size:15px}.nameline .job{display:none}.target-frame{width:calc(100vw - 28px)}.top-center{top:92px}.chat{width:calc(100% - 28px);bottom:196px}.bottom-right{bottom:140px}.banner{width:90%;top:30%}}.nameline .name{font-family:var(--font-sans);letter-spacing:.01em;font-size:16px;font-weight:600}.item-tile .refine{font:700 10.5px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 1px 2px #000000f2,0 0 4px #0009;pointer-events:none;position:absolute;top:1px;right:3px}.item-detail .refine-line{color:var(--gold);margin-top:6px;font-size:12.5px;font-weight:600}.btn-danger{color:#fff;background:#c9433b;border-color:#e0574e;font-weight:600}.btn-danger:hover:not(:disabled){background:#dd5249;border-color:#f06a60}.keeper-window,.refiner-window{max-height:calc(100% - 250px);padding:12px 14px 14px;display:none;position:absolute;top:100px;left:50%;transform:translate(-50%)}.keeper-window{flex-direction:column;width:min(700px,100% - 24px)}.keeper-window.open{display:flex}.keeper-window header,.refiner-window header,.emote-picker header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.keeper-window h2,.refiner-window h2,.emote-picker h2{margin:0;font-size:18px}.keeper-window .close,.refiner-window .close,.emote-picker .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.keeper-window .greeting,.refiner-window .greeting{color:var(--mute);margin:0 0 10px;font-size:13px;font-style:italic}.keeper-saved{border:1px solid var(--line);background:#0003;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:7px 8px 7px 10px;font-size:13px;display:flex}.keeper-saved .item-icon{width:22px;height:22px}.keeper-saved-text{flex:1;min-width:0}.keeper-saved-text b{color:var(--gold);font-weight:600}.keeper-saved .btn{white-space:nowrap;padding:5px 12px;font-size:12.5px}.keeper-saved .btn:disabled{background:var(--night-700);border-color:var(--line);color:var(--mute);opacity:1}.keeper-tabs{margin-bottom:8px}.keeper-panes{flex:auto;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.keeper-pane{border:1px solid var(--line);background:#0000002e;border-radius:12px;flex-direction:column;min-height:0;padding:8px;display:flex}.keeper-pane-head{justify-content:space-between;align-items:center;gap:10px;margin:0 2px 8px;font-size:13px;display:flex}.keeper-pane-head .bar{flex:0 150px;height:14px}.keeper-pane-head .bar .label{font-size:10px}.keeper-count{color:var(--mute);font-variant-numeric:tabular-nums;font-weight:600}.keeper-count.full{color:var(--ember)}.keeper-grid{scrollbar-width:thin;align-content:start;min-height:100px;max-height:330px;padding:1px;overflow-y:auto}.keeper-action{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:50px;margin-top:10px;padding-top:10px;display:grid}.keeper-action>.item-icon{width:30px;height:30px}.keeper-action-name{min-width:0}.keeper-action-name b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.keeper-action-name .summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keeper-amount{color:var(--mute);font-variant-numeric:tabular-nums;font-size:13px}.keeper-action .btn{padding:6px 16px;font-size:13px}.refiner-window{width:min(540px,100% - 24px);overflow-y:auto}.refiner-window.open{display:block}.refiner-head{justify-content:space-between;align-items:baseline;gap:10px;margin:10px 2px 6px;font-size:13px;display:flex}.refiner-head:first-of-type{margin-top:0}.refine-list,.purify-list{gap:6px;display:grid}.refine-row,.purify-row{background:var(--night-800);border:1px solid #0000;border-radius:10px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.purify-row{grid-template-columns:30px 1fr auto}.refine-row.risky{border-color:#ef6a4c4d}.refine-row.confirming{background:linear-gradient(#ef6a4c1f, #ef6a4c0a), var(--night-800);border-color:#ef6a4ccc}.refine-who{min-width:0}.refine-who b{font-size:13.5px;font-weight:600}.refine-who .tag{vertical-align:1px;margin-left:6px}.refine-arrow{color:var(--mute);font-weight:400}.refine-to{color:var(--gold)}.refiner-window .summary .short,.refiner-window .summary.short{color:#f0a3a3}.refine-chance{justify-items:center;min-width:62px;line-height:1.1;display:grid}.refine-chance b{font-variant-numeric:tabular-nums;font-size:16px}.refine-chance span{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.refine-chance.safe{color:#8fe0a0}.refine-chance.danger{color:#ff6b5e}.refine-row .btn,.purify-row .btn,.refine-confirm .btn{white-space:nowrap;padding:5px 12px;font-size:12.5px}.refine-confirm{background:#ef6a4c24;border:1px solid #ef6a4c8c;border-radius:8px;grid-column:1/-1;padding:8px 10px}.refine-confirm p{color:#ffd0c8;margin:0 0 8px;font-size:12.5px;line-height:1.4}.refine-confirm .actions{gap:6px;display:flex}.emote-balloon{transform-origin:50% 100%;filter:drop-shadow(0 2px 3px #00000073);pointer-events:none;width:54px;height:49px;margin-bottom:2px;animation:2.5s ease-out both emote-pop;position:absolute;bottom:100%;left:50%}.emote-balloon svg{width:100%;height:100%}@keyframes emote-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.3)}9%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1.16)}17%{transform:translate(-50%)translateY(0)scale(.94)}25%{transform:translate(-50%)translateY(0)scale(1)}55%{transform:translate(-50%)translateY(-3px)scale(1)}85%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.92)}}.emote-picker{width:268px;padding:10px 12px 12px;display:none;position:absolute;bottom:82px;right:16px}.emote-picker.open{display:block}.emote-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.emote-choice{border:1px solid var(--line);background:#0003;border-radius:10px;justify-items:center;padding:5px 2px 4px;transition:transform 80ms,border-color .15s;display:grid}.emote-choice:hover{border-color:var(--ring);transform:translateY(-1px)}.emote-choice svg{width:40px;height:36px}.emote-command{color:var(--mute);font:600 10.5px var(--font-sans)}.emote-sit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:7px 12px;display:flex}.emote-menu svg{width:30px;height:28px}.sound-window{width:290px;padding:10px 14px 12px;display:none;position:absolute;bottom:82px;right:16px}.sound-window.open{display:block}.sound-window header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sound-window h2{margin:0;font-size:18px}.sound-window .close{color:var(--mute);background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.sound-row{grid-template-columns:58px 1fr 28px;align-items:center;gap:10px;padding:6px 0;font-size:13px;font-weight:600;display:grid}.sound-row input{width:100%;accent-color:var(--gold);margin:0}.sound-value{color:var(--mute);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.sound-window.muted .sound-row{opacity:.45}.sound-mute{cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.sound-mute input{width:16px;height:16px;accent-color:var(--gold);margin:0}.sound-language{grid-template-columns:58px 1fr;margin-top:8px}.sound-language select,.language-picker select{border:1px solid var(--line);background:var(--night-900);color:var(--ink);font:inherit;border-radius:8px;padding:4px 8px}.language-picker{color:var(--mute);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sound-credits{color:var(--mute);margin:10px 0 0;font-size:11px;line-height:1.45}@media (prefers-reduced-motion:reduce){.emote-balloon{animation-duration:2.5s;animation-timing-function:step-end}}@media (max-width:720px){body:has(.keeper-window.open,.refiner-window.open,.emote-picker.open,.sound-window.open) .chat:not(.typing){visibility:hidden}.keeper-window,.refiner-window{width:auto;max-height:calc(100% - 240px);inset:auto 12px 140px;transform:none}.keeper-window .greeting,.refiner-window .greeting{display:none}.keeper-panes{grid-template-columns:1fr;gap:8px;overflow-y:auto}.keeper-grid{min-height:52px;max-height:22vh}.keeper-saved{flex-wrap:wrap}.keeper-saved-text{flex-basis:calc(100% - 40px)}.keeper-saved .btn{margin-left:auto}.refine-row{grid-template-columns:26px 1fr auto;row-gap:6px}.refine-row>.btn{grid-column:2/-1;justify-self:end}.refine-row>.item-icon,.purify-row>.item-icon{width:24px;height:24px}.emote-picker,.sound-window{bottom:190px;right:12px}.menu{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100vw - 28px)}.menu-button{width:36px;height:36px}.emote-menu svg{width:26px;height:24px}}.overlay .help-panel{scrollbar-width:thin;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto}.statuses{flex-wrap:wrap;align-items:flex-start;gap:6px;max-width:340px;padding-left:10px;display:flex}.statuses>.buffs{padding-left:0}.statuses:has(>:empty+:empty){display:none}.ailments{flex-wrap:wrap;gap:6px;display:flex}.ailments:empty{display:none}.ailment{background:linear-gradient(180deg, color-mix(in srgb, var(--ailment) 28%, #1e2b4eeb), #0b1222f0);border:1px solid color-mix(in srgb, var(--ailment) 60%, transparent);box-shadow:var(--lift), 0 0 10px color-mix(in srgb, var(--ailment) 30%, transparent);font:600 11px var(--font-sans);font-variant-numeric:tabular-nums;cursor:help;border-radius:999px;outline:none;align-items:center;gap:3px;padding:3px 9px 3px 3px;animation:.2s ease-out rise-in;display:flex;position:relative}.ailment:focus-visible{border-color:var(--ailment)}.ailment .ailment-icon{flex:none;width:20px;height:20px}.ailment .secs:empty{display:none}.ailment.disabling{animation:.2s ease-out rise-in,1.1s ease-in-out infinite ailment-pulse}@keyframes ailment-pulse{50%{border-color:var(--ailment);box-shadow:var(--lift), 0 0 16px color-mix(in srgb, var(--ailment) 70%, transparent)}}.ail-tip{z-index:6;background:var(--glass);border:1px solid color-mix(in srgb, var(--ailment) 45%, var(--glass-edge));width:min(250px,100vw - 40px);box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:400 12.5px/1.42 var(--font-sans);color:var(--ink);white-space:normal;pointer-events:none;border-radius:12px;padding:9px 12px 10px;display:none;position:absolute;top:calc(100% + 8px);left:0}.ailment:hover .ail-tip,.ailment:focus .ail-tip{display:block}.ail-tip-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ail-tip b{color:var(--ailment);font-size:13.5px}.ail-tip .left{color:var(--mute);font-size:11.5px;font-weight:600}.ail-tip p{margin:5px 0 0}.ail-tip .cures{color:#b9f0c4}.blind-veil{pointer-events:none;opacity:0;background:radial-gradient(44% 48% at 50% 56%,#0000 0% 34%,#080612b3 66%,#030209f5 100%);transition:opacity .6s;position:absolute;inset:0}.blind-veil.on{opacity:1;animation:3.4s ease-in-out infinite blind-breathe}@keyframes blind-breathe{50%{transform:scale(1.05)}}.ail-zzz{pointer-events:none;filter:drop-shadow(1.5px 0 #2b2433)drop-shadow(-1.5px 0 #2b2433)drop-shadow(0 1.5px #2b2433)drop-shadow(0 -1.5px #2b2433);width:80px;height:56px}.ail-zzz span{font:700 18px var(--font-display);color:#d9ceff;opacity:0;animation:2.4s ease-out infinite zzz-drift;position:absolute;bottom:0;left:54px}.ail-zzz span:nth-child(2){font-size:22px;animation-delay:.8s}.ail-zzz span:nth-child(3){font-size:28px;animation-delay:1.6s}@keyframes zzz-drift{0%{opacity:0;transform:translate(0)rotate(-8deg)scale(.7)}15%{opacity:1}to{opacity:0;transform:translate(20px,-44px)rotate(10deg)scale(1.1)}}.ail-hush-anchor{pointer-events:none;width:96px;height:40px}.ail-hush{pointer-events:none;background:#eef3fb;border:1.5px solid #2b2433;border-radius:10px;gap:3px;padding:5px 8px;animation:2.2s ease-in-out infinite hush-bob;display:flex;position:absolute;bottom:6px;right:56px;box-shadow:0 2px 4px #0006}.ail-hush:after{content:"";background:#eef3fb;border-bottom:1.5px solid #2b2433;border-right:1.5px solid #2b2433;width:8px;height:8px;position:absolute;bottom:-6px;right:4px;transform:skew(30deg)rotate(45deg)}.ail-hush i{background:#7d8aa3;border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite hush-dot}.ail-hush i:nth-child(2){animation-delay:.2s}.ail-hush i:nth-child(3){animation-delay:.4s}@keyframes hush-bob{50%{transform:translateY(-2px)}}@keyframes hush-dot{0%,60%,to{opacity:.45}30%{opacity:1}}.shout{border:1.5px solid var(--shout,var(--gold));box-shadow:0 0 10px color-mix(in srgb, var(--shout,var(--gold)) 45%, transparent);color:#fff;font:700 13px var(--font-display);letter-spacing:.03em;white-space:nowrap;text-shadow:0 0 6px color-mix(in srgb, var(--shout,var(--gold)) 80%, transparent);pointer-events:none;background:#0e0a18d1;border-radius:9px;padding:3px 10px 4px;animation:1.8s ease-out both shout-pop;position:absolute;bottom:calc(100% + 4px);left:50%}@keyframes shout-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.5)}10%{opacity:1;transform:translate(-50%)translateY(-3px)scale(1.12)}20%{transform:translate(-50%)translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-6px)scale(1)}}.nameplate .cast-mini{background:#0009;border-radius:2px;width:46px;height:4px;display:none;overflow:hidden}.nameplate .cast-mini.show{display:block}.nameplate .cast-mini>div{background:linear-gradient(90deg,#a58bf5,#e6dcff);width:0;height:100%}.tag.size.weak{color:#ffd98a;background:#f5b94229}.tag.ailing{background:color-mix(in srgb, var(--ailment) 22%, transparent);place-items:center;width:20px;height:18px;padding:0;display:inline-grid}.tag.ailing .ailment-icon{width:15px;height:15px}.item-detail .size-line{font-variant-numeric:tabular-nums;color:var(--mute);margin-top:6px;font-size:12px}.item-detail .size-line .full{color:#b9f0c4}.item-detail .size-line .weak{color:#ffd98a}.hot-slot.blocked .item-icon{filter:grayscale()brightness(.6);opacity:.7}.hot-slot.blocked:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 44%,#ef5a5acc 44% 56%,#0000 56%);border:2px solid #ef5a5acc;border-radius:50%;position:absolute;inset:22%}.hot-slot.denied{animation:.4s ease-out slot-deny}@keyframes slot-deny{20%{transform:translate(-4px)rotate(-4deg)}40%{transform:translate(4px)rotate(4deg)}60%{transform:translate(-3px)rotate(-2deg)}80%{transform:translate(2px)}}.dev-row:has(>.dev-ailments){grid-template-columns:1fr}.dev-ailments{flex-wrap:wrap}.dev-ailments .btn{align-items:center;gap:4px;padding:4px 8px 4px 5px;display:inline-flex}.dev-ailments .ailment-icon{width:17px;height:17px}.help-note{background:#ffffff0a;border-radius:12px;margin:-6px 0 18px;padding:10px 12px;font-size:13px;line-height:1.45}.help-note h3{color:var(--gold);margin:0 0 4px;font-size:14px}.help-note p{color:var(--mute);margin:0}@media (max-width:720px){.statuses{max-width:calc(100vw - 150px);position:relative}.ailment{position:static}.ailment .ailment-icon{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.ailment.disabling,.blind-veil.on,.ail-hush,.ail-hush i{animation:none}}.target-frame .nameline{flex-wrap:wrap;row-gap:3px}.target-frame .tags{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;row-gap:3px;min-width:0}.nameplate .overhead{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.head-sign{max-width:220px;font:600 12px var(--font-sans);white-space:nowrap;pointer-events:auto;cursor:pointer;align-items:center;gap:5px;margin-bottom:3px;padding:2px 9px 3px 4px;transition:transform .12s,filter .12s;animation:.28s ease-out both sign-up;display:flex}.head-sign:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.04)}.head-sign:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.head-sign .sign-icon{flex-shrink:0;width:19px;height:19px;display:grid}.head-sign .sign-icon svg,.head-sign .sign-lock svg{width:100%;height:100%}.head-sign .sign-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.stall-sign{color:#3b2710;background:linear-gradient(#fff7de,#f1d697);border:1.5px solid #8a5a1e;border-radius:7px;position:relative;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #8a5a1e2e,0 3px 8px #00000073}.stall-sign:before,.stall-sign:after{content:"";background:#8a5a1e;width:1.5px;height:6px;position:absolute;top:-6px}.stall-sign:before{left:14px}.stall-sign:after{right:14px}.stall-sign .sign-title{font:700 12.5px var(--font-display);letter-spacing:.02em}.room-sign{color:#e6fff9;background:#081e21db;border:1.5px solid #6ee0c8;border-radius:10px;margin-bottom:8px;position:relative;box-shadow:0 0 10px #6ee0c847,0 3px 8px #00000073}.room-sign:after{content:"";background:#081e21f2;border-bottom:1.5px solid #6ee0c8;border-right:1.5px solid #6ee0c8;width:9px;height:9px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.room-sign .sign-count{color:#062a24;font:700 10.5px var(--font-sans);font-variant-numeric:tabular-nums;background:#6ee0c8;border-radius:999px;flex-shrink:0;padding:0 6px}.room-sign .sign-lock{flex-shrink:0;width:14px;height:14px;margin-left:-1px;display:grid}.room-sign.full{border-color:#8aa0a8;box-shadow:0 3px 8px #00000073}.room-sign.full:after{border-color:#8aa0a8}.room-sign.full .sign-count{color:#3a0d06;background:#ffb0a0}.overhead.shadowed .head-sign{display:none}@keyframes sign-up{0%{opacity:0;transform:translateY(6px)scale(.85)}}.chat-line.room,.chat-line.room .from,.room-line .from,.chat-channel[data-channel=room]{color:#6ee0c8}.chat-room-button{color:#bff3e8;opacity:.75;background:#070b1699;border:1px solid #6ee0c859;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 4px;font-size:11.5px;font-weight:600;transition:opacity .15s,border-color .15s;display:flex;position:absolute;bottom:calc(100% + 4px);right:0}.chat-room-button:hover,.chat.typing .chat-room-button{opacity:1;border-color:#6ee0c8}.chat-room-button .item-icon{width:18px;height:18px}.chat.in-room .chat-room-button{display:none}.friends-window,.mail-window,.stall-setup,.stall-window,.room-form,.room-window{scrollbar-width:thin;padding:12px 14px 14px;display:none;position:absolute;overflow-y:auto}.friends-window.open,.mail-window.open,.stall-setup.open,.stall-window.open,.room-form.open,.room-window.open{animation:.18s ease-out window-rise;display:block}@keyframes window-rise{0%{opacity:0;translate:0 -6px}}.friends-window header,.mail-window header,.stall-setup header,.stall-window header,.room-form header,.room-window header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.friends-window h2,.mail-window h2,.stall-setup h2,.stall-window h2,.room-form h2,.room-window h2{margin:0;font-size:18px}.friends-window .close,.mail-window .close,.stall-setup .close,.stall-window .close,.room-form .close,.room-window .close{color:var(--mute);background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:18px;line-height:1}.friends-window input,.mail-window input:not([type=number]),.mail-window textarea,.stall-setup input:not([type=number]),.room-form input:not([type=number]),.room-window input,.room-password input{border:1px solid var(--line);background:var(--night-900);min-width:0;color:var(--ink);font:inherit;border-radius:8px;outline:none;padding:6px 9px}.friends-window input:focus,.mail-window input:focus,.mail-window textarea:focus,.stall-setup input:focus,.room-form input:focus,.room-window input:focus,.room-password input:focus{border-color:var(--ring)}.mail-field{align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:flex}.mail-field>span:first-child{width:52px;color:var(--mute);flex-shrink:0}.mail-field input,.mail-field textarea{flex:1}.mail-field .unit{color:var(--mute);width:auto!important}.mail-left{text-align:right;min-width:42px;color:var(--mute);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.mail-buttons{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.mail-buttons .hint-text{margin-right:auto}.mail-status{color:#ffb4a0;min-height:0;font-size:12px}.mail-status:empty{display:none}.mail-attached-head{justify-content:space-between;align-items:baseline;margin:6px 2px;font-size:13px;display:flex}.chip:disabled{opacity:.45;cursor:default}.chip-stall{color:#ffe2a8;border-color:#c9974a}.chip-room{color:#bff3e8;border-color:#6ee0c899}.bag-window.minding .minding-note{color:#ffd98a}.friends-window{width:min(440px,100% - 24px);max-height:calc(100% - 230px);top:80px;left:50%;transform:translate(-50%)}.friends-window header h2{color:#8ff0a4}.friends-count{color:var(--mute);font-size:12px}.friends-list{gap:4px;display:grid}.friend{background:var(--night-800);opacity:.6;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.friend.online{opacity:1}.friend .dot{background:var(--line);border-radius:50%;flex-shrink:0;width:7px;height:7px}.friend.online .dot{background:var(--grass);box-shadow:0 0 6px #62b84acc}.friend-emblem{flex-shrink:0;width:20px;height:20px}.friend-emblem svg{width:100%;height:100%;display:block}.friend-body{flex:1;min-width:0;display:grid}.friend-body .who{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.friend-body .where{text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font-size:11.5px;overflow:hidden}.friend-tools{gap:4px;display:flex}.friend-tools button,.room-member button{border:1px solid var(--line);color:var(--mute);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:1px 8px;font-size:11px}.friend-tools button:hover,.room-member button:hover{color:var(--ink);border-color:#3a4c78}.friend-tools button.danger:hover,.room-member button.danger:hover,.friend-tools button.confirming,.room-member button.confirming{color:var(--ember);border-color:var(--ember)}.friends-form{gap:8px;margin:10px 0 6px;display:flex}.friends-form input{flex:1}.mail-window{width:min(540px,100% - 24px);max-height:calc(100% - 230px);top:80px;left:50%;transform:translate(-50%)}.mail-window header h2{color:#f5d38a}.mail-box-count{color:var(--mute);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.mail-box-count.full{color:var(--ember)}.mail-list{gap:4px;display:grid}.mail-row{background:var(--night-800);text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.mail-row:hover{border-color:#3a4c78}.mail-row .mail-envelope{flex-shrink:0;width:26px;height:26px}.mail-main{flex:1;min-width:0;display:grid}.mail-subject{text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font-size:13px;overflow:hidden}.mail-row.unread .mail-subject{color:var(--ink);font-weight:700}.mail-row.unread{background:linear-gradient(90deg, #f5d38a1a, var(--night-800) 60%)}.mail-from{text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font-size:11.5px;overflow:hidden}.mail-attach{flex-shrink:0;align-items:center;gap:2px;display:flex}.mail-attach .item-icon{width:20px;height:20px}.mail-attach .more{color:var(--mute);font-size:11px;font-weight:600}.mail-empty{text-align:center;padding:18px 4px}.mail-letter-subject{overflow-wrap:anywhere;margin:8px 0 2px;font-size:16px}.mail-letter-from{color:var(--mute);font-size:12px}.mail-letter-from b{color:var(--ink)}.mail-letter-body{color:#2b2433;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4ecd8;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;box-shadow:inset 0 0 0 1px #8a5a1e40}.mail-parcel{background:#f5d38a0f;border:1px dashed #8a6a3a;border-radius:10px;margin-top:10px;padding:8px 10px}.mail-parcel-head{color:#f5d38a;margin-bottom:6px;font-size:12px;font-weight:600}.mail-parcel-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mail-parcel-zeny{color:var(--gold);align-items:center;gap:4px;margin-right:6px;font-weight:700;display:flex}.mail-parcel-zeny .item-icon{width:22px;height:22px}.mail-text{align-items:flex-end}.mail-text textarea{resize:vertical;min-height:84px;line-height:1.45}.mail-field.mail-zeny input{flex:0 0 130px}.mail-attached,.stall-offers{background:var(--night-800);border-radius:12px;gap:4px;padding:8px;display:grid}.mail-attached .mail-attached-head{margin-top:0}.mail-picker,.stall-picker{margin-top:10px}.mail-picker .item-grid,.stall-picker .item-grid{scrollbar-width:thin;max-height:150px;padding:1px;overflow-y:auto}.mail-cost{border-top:1px solid var(--line);gap:2px;margin-top:10px;padding-top:8px;font-size:12.5px;display:grid}.mail-cost-row{grid-template-columns:52px 1fr auto;align-items:baseline;gap:8px;display:grid}.mail-cost-row>span:first-child{color:var(--mute)}.mail-cost-row .how{min-width:0;color:var(--mute);font-size:11.5px}.mail-cost-row b{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.mail-cost-row.total b{font-size:14px}.mail-cost-row.short b{color:var(--ember)}.menu-button .mail-badge{background:#ff8f6b}.stall-setup,.stall-window{width:min(580px,100% - 24px);max-height:calc(100% - 230px);top:90px;left:50%;transform:translate(-50%)}.stall-setup header h2,.stall-window header h2{color:#ffe2a8}.stall-sign-field input{font:600 14px var(--font-display);letter-spacing:.02em}.stall-offer{grid-template-columns:44px 1fr auto auto auto 18px;align-items:center;gap:8px;font-size:12.5px;display:grid}.stall-offer-name,.stall-name{min-width:0;display:grid}.stall-offer-name b,.stall-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stall-offer-name .summary,.stall-name .summary{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.stall-amount,.stall-price{color:var(--mute);white-space:nowrap;align-items:center;gap:4px;display:flex}.stall-price input{width:96px}.stall-each{min-width:60px;color:var(--mute);text-align:right;white-space:nowrap;font-size:11.5px}.stall-offer .remove{color:var(--mute);background:0 0;border:0;padding:0;font-size:15px}.stall-total{color:var(--mute);justify-content:flex-end;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.stall-total b{color:var(--gold)}.stall-head{align-items:center;gap:10px;min-width:0;display:flex}.stall-head>div{min-width:0}.stall-head h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stall-coin{flex-shrink:0;width:30px;height:30px}.stall-sub{color:var(--mute);font-size:12px}.stall-list{gap:4px;display:grid}.stall-row{background:var(--night-800);border-radius:10px;grid-template-columns:44px 1fr auto 58px 84px auto;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:grid}.stall-row.own{grid-template-columns:44px 1fr auto auto}.stall-row .price{color:var(--gold);white-space:nowrap;justify-items:end;font-weight:700;display:grid}.stall-row .price small{color:var(--mute);font-size:10.5px;font-weight:400}.stall-row .price small:empty{display:none}.stall-cost{color:var(--ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.stall-cost.short{color:var(--ember)}.stall-row .btn{padding:5px 14px;font-size:12.5px}.stall-left{color:var(--mute);white-space:nowrap}.stall-foot{margin-top:10px}.stall-purse{color:var(--mute);justify-content:flex-end;gap:8px;font-size:12.5px;display:flex}.stall-purse .zeny{color:var(--gold)}.stall-sales{background:#f5b9420f;border:1px solid #f5b94238;border-radius:12px;padding:8px 10px}.stall-sales .mail-attached-head{margin-top:0}.stall-sales .zeny{color:var(--gold)}.stall-sale{gap:4px;font-size:12.5px;animation:.25s ease-out window-rise;display:flex}.stall-sale .zeny{white-space:nowrap;margin-left:auto}.room-form{width:min(420px,100% - 24px);top:120px;left:50%;transform:translate(-50%)}.room-form header h2,.room-window header h2{color:#6ee0c8}.room-form-row{gap:12px;display:flex}.room-form-row .mail-field:first-child{flex-shrink:0}.room-form-row .mail-field:last-child{flex:1;min-width:0}.room-form-row .mail-field:last-child>span:first-child{width:auto}.room-lock{flex-shrink:0;width:18px;height:18px}.room-password{min-width:min(320px,100% - 24px)}.room-password .invite-text{justify-content:center;align-items:center;gap:6px;display:flex}.room-window{flex-direction:column;width:min(340px,100% - 28px);min-height:220px;max-height:calc(100% - 462px);padding-bottom:10px;bottom:262px;left:14px;overflow:hidden}.room-window.open{display:flex}.room-head{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.room-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.room-icon{flex-shrink:0;width:22px;height:22px}.room-count{color:#062a24;font:700 11px var(--font-sans);font-variant-numeric:tabular-nums;background:#6ee0c8;border-radius:999px;flex-shrink:0;padding:0 7px}.room-window .close{margin-left:0}.room-panes{flex:1;grid-template-columns:112px 1fr;gap:8px;min-height:0;display:grid}.room-members{background:var(--night-800);scrollbar-width:thin;border-radius:10px;flex-direction:column;gap:2px;min-height:0;padding:6px;display:flex;overflow-y:auto}.room-member{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:center;gap:3px;padding:2px 4px;font-size:12px;display:flex}.room-member:hover{background:#ffffff0d}.room-member.me{cursor:default}.room-member .crown{width:11px;color:var(--gold);font-size:11px}.room-member .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.room-member.owner .who{color:#ffe2a8}.room-member.me .who{color:var(--grass)}.room-member button{margin-left:14px;padding:0 7px;font-size:10.5px}.room-log{overflow-wrap:anywhere;scrollbar-width:thin;background:#070b1673;border-radius:10px;min-height:0;padding:6px 8px;font-size:12.5px;line-height:1.45;overflow-y:auto}.room-line.system{color:var(--mute);font-style:italic}.room-line.me .from{color:var(--grass)}.room-line .from{font-weight:600}.room-input{gap:6px;margin-top:8px;display:flex}.room-input input{flex:1}.room-input .btn{padding:5px 12px;font-size:12.5px}@media (min-width:1600px) and (min-height:940px){.friends-window,.mail-window,.stall-setup,.stall-window,.room-form,.room-window{zoom:1.2}}@media (max-width:1100px){.room-window{max-height:calc(100% - 520px);bottom:400px}}@media (max-width:720px){body:has(.friends-window.open,.mail-window.open,.stall-setup.open,.stall-window.open,.room-form.open,.room-window.open) .chat:not(.typing){visibility:hidden}.friends-window,.mail-window,.stall-setup,.stall-window,.room-form,.room-window{width:auto;max-height:calc(100% - 230px);inset:auto 12px 140px;transform:none}.room-window{height:min(380px,100% - 230px);min-height:0}.room-panes{grid-template-rows:auto 1fr;grid-template-columns:1fr}.room-members{flex-flow:wrap;max-height:64px}.room-member{background:#ffffff0a;flex-wrap:nowrap;padding:2px 6px}.room-member button{margin-left:4px}.friend-tools{flex-wrap:wrap;justify-content:flex-end}.mail-cost-row .how{display:none}.mail-cost-row{grid-template-columns:1fr auto}.mail-buttons .hint-text{display:none}.stall-offer{grid-template-columns:44px auto 1fr 18px;grid-template-areas:"tile name name x""tile amount price x";row-gap:4px}.stall-offer>.item-tile{grid-area:tile}.stall-offer-name{grid-area:name}.stall-offer>.stall-amount,.stall-offer>.trade-amount{grid-area:amount}.stall-offer>.stall-price{grid-area:price}.stall-offer>.remove{grid-area:x}.stall-offer>.stall-each{display:none}.stall-picker .item-grid{max-height:104px}.stall-row{grid-template-columns:44px 1fr auto;row-gap:6px}.stall-row>input{grid-column:1/2;width:44px;padding:4px}.stall-row>.stall-cost{grid-column:2;justify-self:end}.stall-row>.btn{grid-column:3}.stall-row.own{grid-template-columns:44px 1fr auto auto}}@media (min-width:721px){.menu{flex-wrap:wrap;justify-content:flex-end;max-width:max(230px,50vw - 262px)}.emote-picker,.sound-window{bottom:142px}}@media (min-width:1600px) and (min-height:940px){.menu{max-width:calc(41.6667vw - 260px)}.emote-picker,.sound-window{bottom:162px}}.target-actions{flex-wrap:wrap;row-gap:4px}.target-actions .chip{white-space:nowrap}:root{--parchment:#f2dca0;--silver:#d6e8ff;--spring:#9fd8ff}.quest-board,.quest-log,.rebirth-window{padding:12px 14px 14px;display:none;position:absolute}.quest-board.open,.quest-log.open,.rebirth-window.open{flex-direction:column;animation:.18s ease-out window-rise;display:flex}.quest-board{width:min(780px,100% - 24px);max-height:calc(100% - 240px);top:90px;left:50%;transform:translate(-50%)}.quest-log{width:min(460px,100% - 24px);max-height:calc(100% - 230px);top:80px;left:50%;transform:translate(-50%)}.rebirth-window{scrollbar-width:thin;width:min(520px,100% - 24px);max-height:calc(100% - 220px);top:80px;left:50%;overflow-y:auto;transform:translate(-50%)}.quest-board header,.quest-log header,.rebirth-window header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.quest-board h2,.quest-log h2,.rebirth-window h2{margin:0;font-size:18px}.quest-board .close,.quest-log .close,.rebirth-window .close{color:var(--mute);background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:18px;line-height:1}.quest-board .close{margin-left:0}.quest-board-title,.rebirth-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.quest-board-title .item-icon,.rebirth-title .item-icon{flex-shrink:0;width:26px;height:26px}.quest-board-title h2{color:var(--parchment)}.rebirth-title h2{color:var(--silver)}.quest-board .greeting,.rebirth-window .greeting{color:var(--mute);margin:0 0 10px;font-size:13px;font-style:italic}.quest-carried{border:1px solid var(--line);color:var(--mute);font:600 12px var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000038;border-radius:999px;padding:2px 10px}.quest-carried.full{color:#ffb4a0;border-color:#ef6a4c99}.quest-log .quest-carried{margin-left:2px}.quest-panes{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;min-height:0;display:grid}.quest-list{scrollbar-width:thin;flex-direction:column;gap:4px;min-height:0;padding:2px;display:flex;overflow-y:auto}.quest-row{background:var(--night-800);text-align:left;border:1px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;padding:6px 8px;transition:background .12s,border-color .12s;display:grid}.quest-row:hover{background:var(--night-700)}.quest-row.selected{border-color:var(--ring);background:linear-gradient(#f5b9421a, #f5b94208), var(--night-800)}.quest-row.ready{border-color:#ffd66b8c;box-shadow:0 0 12px #ffd66b2e}.quest-row.toolow,.quest-row.waiting,.quest-row.done{opacity:.62}.quest-row.selected{opacity:1}.quest-row-name{min-width:0;display:grid}.quest-row-name b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.quest-row-name .summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quest-icon,.quest-goal-icon{flex-shrink:0;width:34px;height:34px}.quest-face{background:radial-gradient(circle at 40% 30%,#2e3d63,#111a30 75%);border:1px solid #ffffff14;border-radius:50%;place-items:center;display:grid;overflow:hidden}.quest-face.boss{border-color:#ff3b5ca6;box-shadow:0 0 8px #ff3b5c4d}.quest-face svg{width:62%;height:62%}.quest-face img{object-fit:cover;width:100%;height:100%}.quest-chip{color:var(--mute);font:700 10.5px var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;background:#ffffff14;border-radius:999px;padding:1px 8px}.quest-chip.level{font-weight:600}.quest-chip.open{color:#a8eb93;background:#62b84a38}.quest-chip.low{color:#ffb4a0;background:#ef6a4c29}.quest-chip.active{color:#9fe2ff;background:#5ec8f22e}.quest-chip.ready{background:linear-gradient(#ffe48a, var(--gold));color:var(--night-950);animation:1.8s ease-in-out infinite quest-ready;box-shadow:0 0 10px #ffd66b8c}.quest-chip.waiting{color:#cbbcff;background:#a58bf529}.quest-chip.done{color:#8a93a8;background:#ffffff0f}@keyframes quest-ready{50%{filter:brightness(1.08);box-shadow:0 0 16px #ffd66bd9}}.quest-detail{border:1px solid var(--line);scrollbar-width:thin;background:linear-gradient(#f2dca00f,#0000 80px),#0000002e;border-radius:12px;flex-direction:column;gap:8px;min-height:0;padding:10px 12px 12px;display:flex;overflow-y:auto}.quest-detail-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.quest-detail-head h3{color:var(--parchment);margin:0;font-size:19px;line-height:1.15}.quest-meta{color:var(--mute);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.quest-meta .repeats{color:#cbbcff}.quest-meta .once{color:#f2dca0}.quest-intro{color:#e6dcc4;background:#f2dca00d;border-left:2px solid #f2dca073;border-radius:0 8px 8px 0;margin:0;padding:8px 10px;font-size:13px;font-style:italic;line-height:1.45}.quest-section{color:var(--mute);font:700 10.5px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin:4px 2px -2px}.quest-goal{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.quest-goal .quest-goal-icon{width:48px;height:48px}.quest-goal-text{gap:3px;min-width:0;display:grid}.quest-goal-text b{font-size:13.5px;font-weight:600}.quest-goal-text .summary.enough{color:#a8eb93}.quest-progress{background:#03060e99;border-radius:999px;height:14px;margin-top:2px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3,0 0 0 1px #ffffff0f}.quest-progress-fill{border-radius:inherit;background:linear-gradient(#8fe0ff,#3f9fd6);height:100%;transition:width .35s ease-out}.quest-progress.ready .quest-progress-fill{background:linear-gradient(#ffe48a,#e0a52a)}.quest-progress-label{font:700 10px var(--font-sans);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000e6;place-items:center;display:grid;position:absolute;inset:0}.quest-rewards{flex-wrap:wrap;gap:5px;display:flex}.reward{border:1px solid var(--line);background:var(--night-800);color:var(--mute);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;display:inline-flex}.reward b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.reward .item-icon{width:18px;height:18px;margin-left:-4px}.reward.exp b{color:#ffe08a}.reward.job b{color:#c9b6ff}.reward.zeny b{color:var(--gold)}.reward.item{border-color:#f2dca059}.quest-note{color:var(--mute);margin:2px 0 0;font-size:12.5px}.quest-note.warn{color:#ffb4a0}.quest-buttons{gap:8px;margin-top:4px;display:flex}.quest-buttons .btn{padding:7px 16px;font-size:13px}.quest-buttons .quest-turn-in{animation:1.8s ease-in-out infinite quest-ready;box-shadow:0 0 14px #ffd66b80}.quest-abandon{color:var(--mute);margin-left:auto}.quest-buttons .btn-danger{margin-left:auto}.quest-log-body{scrollbar-width:thin;flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.quest-log .quest-section{margin-top:6px}.quest-card{background:var(--night-800);border:1px solid #0000;border-radius:12px;gap:6px;padding:8px 10px 9px;display:grid}.quest-card.ready{border-color:#ffd66b80;box-shadow:0 0 12px #ffd66b26}.quest-card-head{text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;display:grid}.quest-card.ready .quest-row-name .summary{color:var(--gold)}.quest-card-more{gap:8px;padding-top:2px;display:grid}.quest-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.quest-drop{border:1px solid var(--line);color:var(--mute);background:#ffffff0d;border-radius:999px;padding:1px 10px;font-size:11.5px}.quest-drop:hover,.quest-drop.confirming{color:var(--ember);border-color:var(--ember)}.quest-finished{gap:2px;padding:2px 4px;display:grid}.quest-finished-line{color:var(--mute);grid-template-columns:14px minmax(0,1fr) auto;align-items:baseline;gap:6px;font-size:12.5px;display:grid}.quest-tick{color:#8fe0a0;font-weight:700}.quest-finished-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quest-when{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.quest-when.open{color:#a8eb93}.slot-quests:empty{display:none}.quest-tracker{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b12229e;border-radius:14px;width:200px;margin-top:2px;padding:4px 6px 6px;box-shadow:0 6px 18px #0000004d}.quest-tracker[hidden]{display:none}.quest-tracker.folded{width:auto;padding-bottom:4px}.quest-tracker.has-ready{border-color:#ffd66b73}.quest-tracker-head{width:100%;color:var(--parchment);font:600 12px var(--font-display);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:1px 2px;display:flex}.quest-tracker-head .item-icon{width:16px;height:16px}.quest-tracker-head .chev{width:10px;color:var(--mute);font:600 10px var(--font-sans)}.quest-tracker-count{color:var(--mute);font:700 10.5px var(--font-sans);background:#ffffff14;border-radius:999px;margin-left:auto;padding:0 7px}.quest-tracker.has-ready .quest-tracker-count{background:var(--gold);color:var(--night-950)}.quest-tracker-lines{gap:1px;margin-top:3px;display:grid}.quest-tracker-lines:empty{display:none}.quest-line{color:#dfe6f5;text-align:left;text-shadow:0 1px 2px #000c;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:6px;width:100%;padding:2px 4px;font-size:12px;display:flex}.quest-line:hover{background:#ffffff0f}.quest-line-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.quest-line-count{color:#9fe2ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.quest-line.ready,.quest-line.ready .quest-line-count{color:var(--gold)}.menu-button .quest-badge{background:linear-gradient(#ffe48a, var(--gold))}.quest-mark{color:#b0620c;width:26px;height:30px;font:700 21px/1 var(--font-display);text-shadow:0 1px #ffffffb3;background:linear-gradient(#fff7de,#f1d697);border:1.5px solid #8a5a1e;border-radius:9px 9px 13px 13px;place-items:center;margin-bottom:4px;animation:1.6s ease-in-out infinite quest-bob;display:grid;box-shadow:inset 0 -2px #8a5a1e2e,0 3px 8px #00000073}.quest-mark.ready{color:#5a2f00;background:linear-gradient(#ffe680,#f5b942);border-color:#fff2b0;box-shadow:0 0 14px #ffd66bd9,0 3px 8px #00000073}.quest-mark.rebirth{color:#3a5f8f;background:radial-gradient(circle at 40% 30%,#fff,#cfe6ff 60%,#8fbfec);border-color:#fff;font-size:18px;box-shadow:0 0 16px #d6e8ffd9,0 3px 8px #00000073}@keyframes quest-bob{50%{transform:translateY(-4px)}}.overhead.shadowed .quest-mark{display:none}.nameplate .name.reborn:before{content:"✦";color:var(--silver);text-shadow:0 0 6px #d6e8fff2,0 1px 3px #000000e6;margin-right:4px}.tag.reborn{color:var(--silver);background:#d6e8ff24}.portrait.reborn{border-color:#d6e8ffd9;box-shadow:0 0 0 3px #070b16a6,0 0 22px #d6e8ff8c}.floater.quest{color:#c9f0ff;font-family:var(--font-sans);font-variant-numeric:tabular-nums;text-shadow:none;background:#0b1222b8;border:1px solid #9fe2ff73;border-radius:999px;padding:2px 10px 3px;font-size:13.5px;font-weight:700;animation:1.8s ease-out both quest-float}.floater.quest.ready{color:var(--gold);border-color:#ffd66bcc;font-size:15px;box-shadow:0 0 12px #ffd66b73}@keyframes quest-float{0%{opacity:0;transform:translateY(6px)scale(.85)}10%{opacity:1;transform:translateY(0)scale(1.06)}20%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1)}}.floater.quest-done{color:var(--gold);text-shadow:0 0 10px #ffd66bcc,0 0 3px #000000e6,0 2px 2px #000000b3;font-size:26px;animation-duration:1.8s}.floater.reborn{color:#eef6ff;text-shadow:0 0 12px #9fd8fff2,0 0 3px #000000e6,0 2px 2px #000000b3;font-size:28px;animation-duration:1.9s}.rebirth-body{gap:8px;display:grid}.rebirth-means{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rebirth-means li{grid-template-columns:24px 1fr;align-items:center;gap:8px;font-size:13px;line-height:1.35;display:grid}.rebirth-point-icon{width:22px;height:22px}.rebirth-means b{color:var(--silver);font-weight:600}.rebirth-ready{background:#9fd8ff14;border:1px solid #9fd8ff73;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.rebirth-ready .item-icon{width:22px;height:22px}.rebirth-ready b{color:var(--silver)}.rebirth-missing{border:1px solid var(--line);background:#0003;border-radius:10px;padding:8px 10px}.rebirth-missing .requirement{color:#ffb4a0;margin:0 0 6px;font-size:13px}.rebirth-checks{gap:3px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.rebirth-checks li{align-items:baseline;gap:6px;display:flex}.rebirth-checks .tick{width:14px;font-weight:700}.rebirth-checks .met{color:var(--ink)}.rebirth-checks .met .tick{color:#8fe0a0}.rebirth-checks .unmet{color:var(--mute)}.rebirth-checks .unmet .tick{color:var(--ember)}.rebirth-actions{gap:8px;margin-top:4px;display:flex}.btn-spring{color:#17304f;background:linear-gradient(#f4f9ff,#b9dcfa);border-color:#cfe6ff;font-weight:700;box-shadow:0 0 14px #9fd8ff66}.btn-spring:hover:not(:disabled){background:linear-gradient(#fff,#cbe6ff);border-color:#fff}.btn-spring:disabled{box-shadow:none}.rebirth-confirm{background:#ef6a4c1a;border:1px solid #ef6a4c99;border-radius:12px;gap:8px;padding:10px 12px;display:grid}.rebirth-warning{color:#ffd0c8;margin:0;font-size:13px}.rebirth-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rebirth-columns h4{font:700 10.5px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px}.rebirth-resets h4{color:#ffb4a0}.rebirth-keeps h4{color:#a8eb93}.rebirth-columns ul{gap:3px;margin:0;padding-left:16px;font-size:12.5px;line-height:1.35;display:grid}.rebirth-resets li::marker{color:#ffb4a0}.rebirth-keeps li::marker{color:#a8eb93}@media (prefers-reduced-motion:reduce){.quest-mark,.quest-chip.ready,.quest-buttons .quest-turn-in{animation:none}}@media (min-width:1600px) and (min-height:940px){.quest-board,.quest-log,.rebirth-window,.quest-tracker{zoom:1.2}}@media (max-width:720px){body:has(.quest-board.open,.quest-log.open,.rebirth-window.open) .chat:not(.typing){visibility:hidden}.quest-board,.quest-log,.rebirth-window{width:auto;max-height:calc(100% - 230px);inset:auto 12px 140px;transform:none}.quest-board .greeting,.rebirth-window .greeting{display:none}.quest-board{scrollbar-width:thin;overflow-y:auto}.quest-panes{grid-template-rows:auto auto;grid-template-columns:1fr;gap:8px}.quest-list{max-height:30vh}.quest-detail{max-height:none;overflow:visible}.quest-row{grid-template-columns:30px minmax(0,1fr) auto auto;gap:6px;padding:5px 7px}.quest-row .quest-icon{width:30px;height:30px}.quest-row-name .summary{display:none}.rebirth-columns{grid-template-columns:1fr}.quest-tracker{width:170px}}.quest-row.toolow .quest-chip.level{color:#ffb4a0}.quest-board{isolation:isolate}.quest-stamp{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffe48a59,#0000 70%),#1e1606e0;border:2px solid #ffe48a;border-radius:16px;justify-items:center;gap:2px;padding:12px 28px 14px;animation:2.4s cubic-bezier(.2,.8,.3,1) both quest-stamp;display:grid;position:absolute;top:46%;left:50%;box-shadow:0 0 0 4px #ffd66b2e,0 0 40px #ffd66b8c,0 12px 30px #00000080}.quest-stamp-title{color:#ffe48a;text-shadow:0 0 14px #ffd66bcc;font-size:30px}.quest-stamp-name{color:#f2e6c4;font-size:13px;font-weight:600}@keyframes quest-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(.94)rotate(-3deg)}22%{transform:translate(-50%,-50%)scale(1)rotate(-3deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-54%)scale(1)rotate(-3deg)}}.hero-frame .frame-body{grid-template-columns:minmax(0,1fr)}.hero-frame .nameline{min-width:0}.hero-frame .nameline .job{text-overflow:ellipsis;min-width:0;overflow:hidden}.hero-frame .nameline .name{flex-shrink:0;max-width:60%}.exp-row{grid-template-columns:62px 1fr 46px}.rebirth-gain{color:var(--ink);margin:0;font-size:12.5px;line-height:1.4}.rebirth-gain b{color:var(--silver)}:root{--pet:#ff9fc0;--pet-soft:#ffd6e4;--stable:#e8b47a}.menu-button[hidden]{display:none}.menu-button.on{box-shadow:0 0 0 2px #f5b94238, 0 0 14px #f5b94259, var(--lift);border-color:#f5b942d9}.tame-hint{z-index:3;background:linear-gradient(#ff9fc021, #ff9fc00a), var(--panel);pointer-events:none;border:1px solid #ff9fc08c;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:min(600px,100% - 24px);padding:8px 12px 8px 9px;animation:.18s ease-out window-rise;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ff9fc038,0 6px 18px #0006}.tame-hint[hidden]{display:none}.tame-hint>.item-icon{flex-shrink:0;width:34px;height:34px;animation:1.4s ease-in-out infinite lure-wiggle}.tame-words{gap:2px;min-width:0;display:grid}.tame-words b{color:var(--pet-soft);font-size:13.5px}.tame-how{color:var(--mute);font-size:12px;line-height:1.35}.tame-how kbd{border-bottom-width:2px;min-width:0;padding:0 5px;font-size:10.5px}.tame-chance{color:var(--pet-soft);font:700 13px var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;background:#ff6f9a2e;border:1px solid #ff9fc099;border-radius:999px;flex-shrink:0;padding:3px 10px}.tame-chance[hidden]{display:none}@keyframes lure-wiggle{50%{transform:rotate(-10deg)translateY(-2px)}}.lure-mark{color:#ffd0e2;font:700 11.5px var(--font-sans);font-variant-numeric:tabular-nums;background:#3a0e22cc;border:1px solid #ff9fc0d9;border-radius:999px;margin-bottom:3px;padding:1px 8px 2px;animation:1.6s ease-in-out infinite quest-bob;box-shadow:0 0 10px #ff6f9a66}.nameplate .name.pet{color:#ffd3e2;font-size:11px}.nameplate .name.pet:before{content:"♥";color:var(--mood,var(--pet));margin-right:3px}.floater.tamed{color:#ffb3cf;text-shadow:0 0 10px #ff6f9ad9,0 0 3px #000000e6,0 2px 2px #000000b3;font-size:24px;animation-duration:1.7s}.floater.refused{color:#d4cfdc;font-family:var(--font-sans);font-size:16px;font-style:italic}.floater.pet-fond,.floater.pet-cool{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:16px}.floater.pet-fond{color:var(--pet)}.floater.pet-cool{color:#a9b4cc}.item-tile .pet-heart{color:var(--mood);text-shadow:0 0 3px #000000f2,0 1px 1px #000c;pointer-events:none;font-size:12px;line-height:1;position:absolute;top:2px;left:4px}.pet-facts{background:#ff9fc00f;border:1px solid #ff9fc047;border-radius:10px;gap:3px;margin:0 0 8px;padding:7px 9px;font-size:12.5px;line-height:1.35;display:grid}.pet-facts b{color:#ffd0e2;font-weight:600}.egg-pet{align-items:center;gap:8px;display:flex}.egg-pet .egg-pet-name{color:var(--ink);font-size:14px}.egg-bars{gap:4px;margin:2px 0 3px;display:grid}.egg-bar{grid-template-columns:116px 1fr;align-items:center;gap:6px;display:grid}.egg-bar-label{color:var(--mute);font-size:11.5px}.egg-bar-track{background:#00000073;border-radius:999px;height:6px;overflow:hidden}.egg-bar-track i{border-radius:inherit;height:100%;display:block}.size-saddle{color:#a8eb93}.pet-mood-chip{border:1px solid color-mix(in srgb, var(--mood) 60%, transparent);background:color-mix(in srgb, var(--mood) 15%, transparent);color:var(--mood);font:700 10.5px var(--font-sans);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:1px 8px}.pet-window,.stable-window{scrollbar-width:thin;padding:12px 14px 14px;display:none;position:absolute;overflow-y:auto}.pet-window.open,.stable-window.open{flex-direction:column;animation:.18s ease-out window-rise;display:flex}.pet-window{width:min(340px,100% - 24px);max-height:calc(100% - 286px);top:136px;left:14px}.stable-window{width:min(500px,100% - 24px);max-height:calc(100% - 220px);top:80px;left:50%;transform:translate(-50%)}.pet-window header,.stable-window header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.pet-title,.stable-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pet-title .item-icon,.stable-title .item-icon{flex-shrink:0;width:26px;height:26px}.pet-window h2,.stable-window h2{margin:0;font-size:18px}.pet-window h2{color:var(--pet-soft)}.stable-window h2{color:#f3d3a8}.pet-window .close,.stable-window .close{color:var(--mute);background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:18px;line-height:1}.stable-window .greeting{color:var(--mute);margin:0 0 10px;font-size:13px;font-style:italic}.pet-body,.stable-body{gap:10px;display:grid}.pet-card{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;display:grid}.pet-portrait{border:2px solid var(--mood);width:74px;height:74px;box-shadow:0 0 0 3px #070b1699, 0 0 16px color-mix(in srgb, var(--mood) 45%, transparent);background:radial-gradient(circle at 40% 30%,#3a2a4a,#141a30 75%);border-radius:50%;place-items:center;display:grid;overflow:hidden}.pet-portrait img{object-fit:cover;width:100%;height:100%}.pet-portrait .item-icon{width:60%;height:60%}.pet-who{gap:5px;min-width:0;display:grid}.pet-name-line{align-items:baseline;gap:10px;min-width:0;display:flex}.pet-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:20px;font-weight:700;overflow:hidden}.pet-rename{font-size:12px}.pet-named{color:var(--mute);font-size:11px}.pet-kind{color:var(--mute);align-items:center;gap:8px;font-size:12.5px;display:flex}.pet-naming{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.pet-name-field{border:1px solid var(--ring);background:var(--night-900);min-width:0;color:var(--ink);font:600 14px var(--font-sans);border-radius:8px;outline:none;padding:6px 9px}.pet-naming .btn{padding:6px 10px;font-size:12.5px}.pet-name-note{color:var(--mute);grid-column:1/-1;margin:0;font-size:11.5px;line-height:1.35}.pet-stat{gap:4px;display:grid}.pet-stat-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pet-stat-name{color:var(--mute);font:700 10.5px var(--font-sans);letter-spacing:.12em;text-transform:uppercase}.pet-stat-value{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.pet-stat-value b{color:var(--ink);font-weight:700}.mood-bar,.hunger-bar{background:#00000073;border:1px solid #ffffff14;border-radius:999px;height:12px;position:relative;overflow:hidden}.mood-band{background:color-mix(in srgb, var(--mood) 18%, transparent);border-right:1px solid #070b16bf;position:absolute;top:0;bottom:0}.mood-fill,.hunger-fill{border-radius:inherit;transition:width .4s ease-out;position:absolute;inset:0 auto 0 0}.mood-fill{background:linear-gradient(90deg, #9aa3b8, var(--mood));box-shadow:0 0 10px color-mix(in srgb, var(--mood) 60%, transparent)}.bonus-mark,.full-mark{background:#fff3c4;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 6px #ffd66be6}.mood-labels{height:15px;margin-bottom:10px;font-size:10px;position:relative}.mood-label{color:var(--mute);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.mood-label.here{color:var(--mood);font-weight:700}.mood-label:first-child{transform:none;left:0!important}.mood-label:nth-child(2){transform:translate(-30%)}.mood-label:nth-child(5){right:0;transform:none;left:auto!important}.bonus-label{color:#ffe08a;letter-spacing:.04em;white-space:nowrap;font-size:9.5px;font-weight:700;position:absolute;top:13px;transform:translate(-5px)}.hunger-fill{background:linear-gradient(90deg,#f5b942,#ffd36b)}.pet-stat.hunger.starving .hunger-fill{background:linear-gradient(90deg,#ef6a4c,#f59a6a)}.pet-stat.hunger.full .hunger-fill{background:linear-gradient(90deg,#8fe0a0,#c4f0a8)}.full-mark{box-shadow:none;background:#ffffffb3}.pet-note{color:var(--ink);margin:0;font-size:12px;line-height:1.35}.pet-stat.hunger.starving .pet-note{color:#ffb4a0}.pet-note-soft{color:var(--mute)}.pet-feed{border:1px solid var(--line);background:var(--night-800);border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.pet-feed>.item-icon{width:30px;height:30px}.pet-food-name{flex-wrap:wrap;align-items:baseline;min-width:0;font-size:13px;display:flex}.pet-food-count{white-space:pre;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.pet-food-name.none .pet-food-count{color:#ffb4a0}.pet-food-where{color:var(--mute);flex-basis:100%;font-size:11.5px}.pet-feed .btn{padding:7px 16px}.pet-feed.full .btn:not(:disabled){border-color:#ef6a4c8c}.pet-bonus{border:1px dashed var(--line);background:#0000002e;border-radius:12px;gap:3px;padding:8px 10px;display:grid}.pet-bonus.on{background:linear-gradient(#ffd66b1a,#ffd66b08),#0000002e;border:1px solid #ffd66b8c;box-shadow:0 0 12px #ffd66b26}.pet-bonus-head{color:var(--mute);font:700 10.5px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:8px;display:flex}.pet-bonus-state{letter-spacing:.02em;text-transform:none;font-weight:600}.pet-bonus.on .pet-bonus-state{color:#ffe08a}.pet-bonus-line{font-size:13.5px;font-weight:600}.pet-bonus:not(.on) .pet-bonus-line{color:var(--mute)}.pet-actions,.stable-actions{gap:8px;display:flex}.stable-hero{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;display:grid}.stable-art{background:radial-gradient(circle at 50% 75%,#e8b47a2e,#0000 65%),radial-gradient(circle at 40% 30%,#2a3354,#111a30 75%);border:1px solid #e8b47a73;border-radius:16px;place-items:center;width:150px;height:150px;display:grid;overflow:hidden}.stable-art img{object-fit:contain;width:100%;height:100%}.stable-art .item-icon{width:50%;height:50%}.stable-pitch{gap:6px;min-width:0;display:grid}.stable-gives{gap:6px;margin:0;padding:0;list-style:none;display:grid}.stable-gives li{grid-template-columns:22px 1fr;align-items:center;gap:8px;font-size:12.5px;line-height:1.35;display:grid}.stable-point-icon{width:20px;height:20px}.stable-gives b{color:#f3d3a8;font-weight:600}.stable-gives kbd{border-bottom-width:2px;min-width:0;padding:0 5px;font-size:10.5px}.stable-who{color:var(--mute);gap:6px;margin:0;font-size:12.5px;line-height:1.35;display:flex}.stable-who .tick{width:14px;color:var(--ember);flex-shrink:0;font-weight:700}.stable-who.may .tick{color:#8fe0a0}.stable-ready{background:#e8b47a14;border:1px solid #e8b47a80;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.stable-ready .item-icon{flex-shrink:0;width:22px;height:22px}.stable-ready b{color:#f3d3a8}.stable-missing{border:1px solid var(--line);background:#0003;border-radius:10px;padding:8px 10px}.stable-missing .requirement{color:#ffb4a0;margin:0;font-size:13px}.stable-buy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stable-purse{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.stable-purse.short{color:#ffb4a0}@media (prefers-reduced-motion:reduce){.tame-hint>.item-icon,.lure-mark{animation:none}}@media (min-width:1600px) and (min-height:940px){.pet-window,.stable-window,.tame-hint{zoom:1.2}}@media (max-width:720px){body:has(.pet-window.open,.stable-window.open) .chat:not(.typing){visibility:hidden}.pet-window,.stable-window{width:auto;max-height:calc(100% - 230px);inset:auto 12px 140px;transform:none}.stable-window .greeting{display:none}.stable-hero{grid-template-columns:96px minmax(0,1fr)}.stable-art{width:96px;height:96px}.tame-hint{width:calc(100% - 24px);top:190px}.tame-how{font-size:11px}}:root{--foe:#ff6b6b;--foe-soft:#ffb0a8;--ally:#8ff0a4;--war:#ff8a6a;--citadel:#c8b3ff;--crystal:#8ff0ff}.nameplate .name.enemy{color:var(--foe);align-items:center;display:inline-flex}.nameplate .name.enemy:after{content:"";filter:drop-shadow(0 1px 2px #000c);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.5 2.5l9 9M11.5 2.5l-9 9' stroke='%231a0f14' stroke-width='3.6'/%3E%3Cpath d='M2.5 2.5l9 9M11.5 2.5l-9 9' stroke='%23ffd0c8' stroke-width='1.7'/%3E%3Cpath d='M3 8.6l2.4 2.4M11 8.6L8.6 11' stroke='%231a0f14' stroke-width='3.4'/%3E%3Cpath d='M3 8.6l2.4 2.4M11 8.6L8.6 11' stroke='%23f6c64e' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;order:-1;width:13px;height:13px;margin-right:3px}.nameplate .name.enemy.targeted{color:#ffd27a}.nameplate .guild-tag.ally{color:var(--ally)}.nameplate .guild-tag.foe{color:var(--foe-soft)}.nameplate .title.role-arena,.nameplate .title.role-castles{align-items:center;gap:3px;display:inline-flex}.nameplate .title.role-arena{color:#ffc2b0}.nameplate .title.role-castles{color:#ddd0ff}.nameplate .role-mark{filter:drop-shadow(0 1px 2px #000c);width:14px;height:14px;display:inline-flex}.nameplate .role-mark svg{width:100%;height:100%}.nameplate .name.emperium{color:#d8fbff;font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 0 8px #8ff0ffd9,0 1px 3px #000000e6;font-size:15px}.nameplate .name.emperium.enemy{color:#ffd0c8;text-shadow:0 0 8px #ff6b6bbf,0 1px 3px #000000e6}.emperium-plate .guild-tag{font-size:11.5px;font-weight:600}.emperium-plate .mini{border:1px solid #00000080;width:92px;height:7px}.emperium-plate .mini>div{background:linear-gradient(90deg, #4fb8e0, var(--crystal));box-shadow:0 0 6px #8ff0ffb3}.target-frame.foe{box-shadow:var(--lift), 0 0 14px #ff6b6b40;border-color:#ff6b6b99}.target-frame.foe .mini-portrait{border-color:#ff6b6bb3}.tag.foe{color:#ffd0c8;background:#ff6b6b33}.target-frame.emperium .mini-portrait{background:radial-gradient(circle at 50% 40%,#2f5f78,#0b1222 78%);border-color:#8ff0ff99;box-shadow:0 0 12px #8ff0ff59}.target-frame.emperium .mini-portrait svg{width:32px;height:32px}.target-frame.emperium .fill.hp,.target-frame.emperium.foe .fill.hp{background:linear-gradient(90deg, #3a9fc8, var(--crystal))}.tag.castle-tag{color:#e2d8ff;background:#c8b3ff29}.tag.holder{color:#d8fbff;background:#8ff0ff1f}.tag.holder.none{color:var(--mute)}.banner.war .subtitle{color:var(--war)}.banner.war .title:after{background:linear-gradient(90deg, transparent, var(--war), transparent)}.banner.castle .subtitle{color:var(--citadel)}.banner.castle .title:after{background:linear-gradient(90deg, transparent, var(--citadel), transparent)}.minimap.arena .minimap-dial{box-shadow:var(--lift), 0 0 0 3px #5a161c8c, 0 0 18px #ff6b6b59;border-color:#ff8a6acc}.minimap.castle .minimap-dial{box-shadow:var(--lift), 0 0 0 3px #3026528c, 0 0 18px #c8b3ff4d;border-color:#c8b3ffcc}.minimap.arena .compass{color:#ffc2b0;border-color:#ff8a6acc}.minimap.castle .compass{color:#e2d8ff;border-color:#c8b3ffcc}.minimap-region{align-items:center;gap:5px;display:inline-flex}.minimap-region-name{text-overflow:ellipsis;overflow:hidden}.minimap-region .region-mark{flex-shrink:0;width:16px;height:16px}.minimap-region .region-kind{font:700 9.5px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:0 6px}.minimap-region.arena{border-color:#ff8a6a8c}.minimap-region.arena .region-kind{color:#ffd0c8;background:#ff6b6b38}.minimap-region.castle{border-color:#c8b3ff8c}.minimap-region.castle .region-kind{color:#e8e0ff;background:#c8b3ff33}.slot-field:empty,.slot-feed:empty{display:none}.field-panel{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1222b8;border-radius:14px;gap:3px;width:210px;padding:6px 10px 7px;font-size:11.5px;animation:.2s ease-out rise-in;display:grid;box-shadow:0 6px 18px #0000004d}.field-panel[hidden]{display:none}.field-panel.arena,.field-panel.war{background:linear-gradient(#46181eb8,#0b1222c7);border-color:#ff8a6a80}.field-panel.castle,.field-panel.siege{border-color:#c8b3ff73}.field-head{align-items:center;gap:6px;min-width:0;font-size:12.5px;font-weight:600;display:flex}.field-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.field-head .item-icon{flex-shrink:0;width:18px;height:18px}.field-head>b{font-family:var(--font-display);font-size:14px;font-weight:400}.field-where{color:var(--mute);font-size:11.5px;font-weight:500}.field-panel.castle .field-where,.field-panel.war .field-where{color:#e2d8ff}.field-line{color:var(--mute);line-height:1.3}.field-line.warn{color:var(--foe-soft)}.field-line.war{color:#ffd2b8;font-weight:600}.field-left{font-variant-numeric:tabular-nums;color:#fff}.field-panel.war .field-left,.field-panel.siege .field-left{color:#ffd27a}.field-panel.war .field-head .item-icon,.field-panel.war .field-line.war{animation:1.6s ease-in-out infinite war-pulse}@keyframes war-pulse{50%{opacity:.6}}.field-line.siege-aside{color:#e2d8ff;border-top:1px solid #ffffff14;margin-top:2px;padding-top:4px}.field-tally{color:var(--mute);font-variant-numeric:tabular-nums;gap:10px;margin-top:1px;display:flex}.field-tally b{color:var(--ink);margin-right:2px;font-size:13px}.tally-kills b{color:#ffd27a}.tally-falls b{color:var(--foe-soft)}.kill-feed{pointer-events:none;justify-items:end;gap:3px;width:230px;display:grid}.corner>.slot-feed{pointer-events:none}.kill-feed[hidden]{display:none}.kill-line{white-space:nowrap;text-shadow:0 1px 2px #000000e6;background:#070b16ad;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:3px 10px;font-size:12px;font-weight:600;transition:opacity .25s linear;animation:.25s ease-out kill-in;display:inline-flex}.kill-line.kill{background:linear-gradient(90deg,#5a4010b3,#070b16b3);border-color:#ffd27a8c}.kill-line.death{background:linear-gradient(90deg,#5a161cb8,#070b16b3);border-color:#ff6b6b8c}.kill-name{text-overflow:ellipsis;min-width:0;color:var(--ink);overflow:hidden}.kill-name.me{color:#ffd27a}.kill-name.ally{color:var(--ally)}.kill-name.foe{color:var(--foe-soft)}.kill-mark{flex-shrink:0;width:16px;height:16px;display:inline-flex}.kill-mark svg{width:100%;height:100%}@keyframes kill-in{0%{opacity:0;transform:translate(14px)}}.floater.defeat{color:#ffd27a;text-shadow:0 0 10px #ff6b6bd9,0 0 3px #000000e6,0 2px 2px #000000b3;font-size:24px;animation-duration:1.7s}.floater.broken{color:#eaffff;letter-spacing:1px;text-shadow:0 0 14px #8ff0fff2,0 0 3px #000000e6,0 2px 2px #000000b3;font-size:32px;animation-duration:2.1s}.death-note{color:#ffd2b8;margin:0 0 4px;font-weight:600}.death-note[hidden]{display:none}.contest-window{scrollbar-width:thin;max-height:calc(100% - 220px);padding:12px 14px 14px;display:none;position:absolute;top:80px;left:50%;overflow-y:auto;transform:translate(-50%)}.contest-window.open{flex-direction:column;animation:.18s ease-out window-rise;display:flex}.arena-window{width:min(440px,100% - 24px)}.castles-window{width:min(540px,100% - 24px)}.contest-window header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.contest-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.contest-title .item-icon{flex-shrink:0;width:26px;height:26px}.contest-window h2{margin:0;font-size:18px}.arena-window h2{color:#ffc2b0}.castles-window h2{color:#ddd0ff}.contest-window .close{color:var(--mute);background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:18px;line-height:1}.contest-window .greeting{color:var(--mute);margin:0 0 10px;font-size:13px;font-style:italic}.contest-body{gap:10px;display:grid}.contest-banner{background:radial-gradient(circle at 12%,#ff8a6a38,#0000 55%),linear-gradient(#46181e99,#111a3099);border:1px solid #ff8a6a80;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.contest-banner .item-icon{flex-shrink:0;width:34px;height:34px}.contest-banner>div{gap:2px;display:grid}.contest-banner b{font-family:var(--font-display);color:#ffe2d8;font-size:16px;font-weight:400}.contest-banner span{color:var(--mute);font-size:12.5px}.contest-points{gap:6px;margin:0;padding:0;list-style:none;display:grid}.contest-points li{grid-template-columns:22px 1fr;align-items:center;gap:8px;font-size:12.5px;line-height:1.35;display:grid}.contest-point-icon{width:20px;height:20px}.contest-points b{color:#ffd2b8;font-weight:600}.contest-who{color:var(--mute);gap:6px;margin:0;font-size:12.5px;display:flex}.contest-who .tick{width:14px;color:var(--ember);flex-shrink:0;font-weight:700}.contest-who.may .tick{color:#8fe0a0}.contest-actions{gap:8px;display:flex}.siege-status{background:linear-gradient(#3026528c,#111a3099);border:1px solid #c8b3ff66;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.siege-status.on{background:radial-gradient(circle at 10%,#ff8a6a40,#0000 55%),linear-gradient(#501a1eb3,#111a3099);border-color:#ff8a6aa6;box-shadow:0 0 18px #ff6b6b2e}.siege-status-icon{flex-shrink:0;width:34px;height:34px}.siege-status.on .siege-status-icon{animation:1.6s ease-in-out infinite war-pulse}.siege-status-text{gap:2px;min-width:0;display:grid}.siege-status-head{font-family:var(--font-display);color:#e8e0ff;font-size:16px}.siege-status.on .siege-status-head{color:#ffd2b8}.siege-status-time{color:var(--ink);font-size:13px}.siege-left{font-variant-numeric:tabular-nums;color:#ffd27a;font-size:15px}.siege-status-hours{color:var(--mute);font-size:11.5px}.castle-list{gap:8px;display:grid}.castle-card{border:1px solid var(--line);background:#0000002e;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.castle-card.mine{background:#62e07a0f;border-color:#8ff0a473}.castle-card.at-war:not(.mine){border-color:#ff8a6a66}.castle-crest{background:radial-gradient(circle at 40% 30%,#2a3354,#111a30 75%);border:1px solid #c8b3ff59;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.castle-crest .item-icon{width:30px;height:30px}.castle-main{gap:4px;min-width:0;display:grid}.castle-name-row{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.castle-name{color:#f0eaff;font-size:17px;font-weight:400}.castle-holder{color:var(--mute);font-size:12.5px}.castle-holder b{color:#e2d8ff;font-weight:600}.castle-holder.mine b{color:var(--ally)}.castle-holder.none{font-style:italic}.chip-tag{color:var(--ally);background:#62e07a2e;border-radius:999px;margin-left:6px;padding:0 7px;font-size:10.5px;font-style:normal;font-weight:700}.castle-tribute{color:var(--mute);flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:11.5px;display:flex}.tribute-zeny{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.tribute-item{color:var(--ink);align-items:center;gap:3px;display:inline-flex}.tribute-icon{width:16px;height:16px}.castle-why{color:#ffb4a0;font-size:11.5px}.castle-tribute-row{align-items:center;gap:8px;display:flex}.tribute-button{align-items:center;gap:6px;padding:5px 12px;display:inline-flex;box-shadow:0 0 12px #f5b94259}.tribute-button .item-icon{width:18px;height:18px}.tribute-taken{color:#8fe0a0;font-size:12px;font-weight:600}.castle-actions .btn{white-space:nowrap}.btn-war{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#ff9a7a,#e0574e);border-color:#ff9a7a;font-weight:700}.btn-war:hover:not(:disabled){background:linear-gradient(#ffb09a,#ee6a5e)}.castle-rules{color:var(--mute);margin:0;font-size:11.5px;line-height:1.45}.world-off-icon{flex-shrink:0;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.field-panel.war .field-head .item-icon,.field-panel.war .field-line.war,.siege-status.on .siege-status-icon{animation:none}}@media (min-width:1600px) and (min-height:940px){.contest-window{zoom:1.2}}@media (max-width:720px){body:has(.contest-window.open) .chat:not(.typing){visibility:hidden}.contest-window{width:auto;max-height:calc(100% - 230px);inset:auto 12px 140px;transform:none}.contest-window .greeting,.castle-rules{display:none}.castle-card{grid-template-columns:34px minmax(0,1fr);gap:8px}.castle-crest{width:34px;height:34px}.castle-crest .item-icon{width:24px;height:24px}.castle-actions{grid-column:1/-1}.castle-actions .btn{width:100%}.field-panel{width:150px;padding:5px 8px 6px;font-size:10.5px}.field-head{font-size:11.5px}.field-head>b{font-size:12.5px}.field-line.warn{display:none}.kill-feed{width:150px}.kill-line{padding:2px 7px;font-size:10.5px}.minimap-region .region-kind{display:none}}