@import "https://fonts.googleapis.com/css2?family=Mali:wght@700&family=Anuphan:wght@400;600&family=Mitr:wght@500;600&display=swap";:root,[data-theme=night]{--ground:#121733;--panel:#1c2249;--panel-raised:#283062;--line:#3b4580;--ink:#f5ecda;--ink-muted:#b6b4d2;--ember:#ff9a3c;--ember-deep:#d9661e;--on-ember:#2a1406;--lantern:#ffd36b;--moon:#a9c4ff;--blight:#c46bff;--sprite-outline:#2a1d2e;--hp:#ff5f6d;--mp:#5aa8ff;--exp:#ffd36b;--success:#7fe0a8;--danger:#ff8a7a;--rarity-r:#9aa3c7;--rarity-s:#5ad19a;--rarity-ssr:#c48bff;--rarity-ur:#ffb24a;--el-wind:#7fe6c0;--el-fire:#ff7a4d;--el-ice:#9fe0ff;--el-water:#5aa8ff;--el-earth:#d9a866;--el-dark:#b48cff;--el-lightning:#ffe066;--el-light:#fff0b3;--el-metal:#c9d2e6;--el-mecha:#6fe3ff;--el-nature:#9be36b;--el-poison:#c2ff6b;--el-crystal:#e0a6ff;--el-cosmic:#9da2ff;--el-spirit:#8ff0ea;--el-arcane:#f08bff;--shadow-panel:0 4px 0 #0a0d22, 0 12px 28px #00000073;--shadow-ember-glow:0 0 0 2px #ffd36b, 0 0 18px #ff9a3c8c}[data-theme=day]{--ground:#e9edf8;--panel:#f8f9fd;--panel-raised:#fff;--line:#c3c9e0;--ink:#1b1f3f;--ink-muted:#555b80;--ember:#b54e14;--ember-deep:#9c3f10;--on-ember:#fff;--lantern:#a86f00;--moon:#3c4fa8;--blight:#7b2fbf;--sprite-outline:#2a1d2e;--hp:#c42a3a;--mp:#1f63c4;--exp:#a86f00;--success:#1f7a49;--danger:#b3261e;--rarity-r:#5c6488;--rarity-s:#1f7a49;--rarity-ssr:#7b2fbf;--rarity-ur:#a35a00;--el-wind:#16795a;--el-fire:#b8360f;--el-ice:#1d6f99;--el-water:#1f63c4;--el-earth:#8a5a1d;--el-dark:#6232b8;--el-lightning:#8f6d00;--el-light:#8a6a00;--el-metal:#4e5a73;--el-mecha:#0f6f87;--el-nature:#3f7a14;--el-poison:#5e7a00;--el-crystal:#8a33b8;--el-cosmic:#3f3fbf;--el-spirit:#0f7a74;--el-arcane:#a02bb0;--shadow-panel:0 4px 0 #c3c9e0, 0 12px 28px #1b1f3f1f}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-slot:8px;--radius-panel:14px;--radius-pill:999px;--sprite-icon:96px;--sprite-skill:64px;--sprite-field:96px;--sprite-portrait:420px;--outline-width:3px;--font-display:"Mali", "Anuphan", system-ui, sans-serif;--font-body:"Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-number:"Mitr", "Anuphan", system-ui, sans-serif;--text-title-xl:700 40px/48px var(--font-display);--text-title:700 24px/32px var(--font-display);--text-name-tag:700 14px/18px var(--font-display);--text-body:400 15px/23px var(--font-body);--text-label:600 13px/18px var(--font-body);--text-caption:400 12px/16px var(--font-body);--text-damage:600 28px/28px var(--font-number);--text-stat:500 14px/18px var(--font-number)}.title-xl{font-family:var(--font-display);letter-spacing:0;font-size:40px;font-weight:700;line-height:48px}.title{font-family:var(--font-display);letter-spacing:0;font-size:24px;font-weight:700;line-height:32px}.name-tag{font-family:var(--font-display);letter-spacing:0;font-size:14px;font-weight:700;line-height:18px}.body{font-family:var(--font-body);letter-spacing:0;font-size:15px;font-weight:400;line-height:23px}.label{font-family:var(--font-body);letter-spacing:0;font-size:13px;font-weight:600;line-height:18px}.caption{font-family:var(--font-body);letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}.damage{font-family:var(--font-number);letter-spacing:0;font-size:28px;font-weight:600;line-height:28px}.stat{font-family:var(--font-number);letter-spacing:0;font-size:14px;font-weight:500;line-height:18px}.cc-root{font-family:var(--font-body);color:var(--ink);background:var(--ground);padding:var(--space-4)}.cc-btn{font:600 15px/1 var(--font-body);color:var(--on-ember);background:var(--ember);border-radius:var(--radius-pill);padding:var(--space-3) calc(var(--space-4) + var(--space-1));box-shadow:0 3px 0 var(--ember-deep);cursor:pointer;border:0}.cc-btn:hover{filter:brightness(1.06)}.cc-btn:active{box-shadow:0 0 0 var(--ember-deep);transform:translateY(3px)}.cc-btn:focus-visible{outline:3px solid var(--lantern);outline-offset:3px}.cc-btn--quiet{color:var(--ink);background:var(--panel-raised);box-shadow:0 3px 0 var(--line)}.cc-btn[disabled]{opacity:.45;cursor:not-allowed}.cc-panel{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-4)}.cc-panel__title{font:700 24px/32px var(--font-display);margin:0 0 var(--space-3);color:var(--ink)}.cc-slot{border-radius:var(--radius-slot);background:var(--panel-raised);border:2px solid var(--line);place-items:center;width:64px;height:64px;display:grid;position:relative}.cc-slot--r{border-color:var(--rarity-r)}.cc-slot--s{border-color:var(--rarity-s)}.cc-slot--ssr{border-color:var(--rarity-ssr)}.cc-slot--ur{border-color:var(--rarity-ur);box-shadow:var(--shadow-ember-glow)}.cc-slot__count{font:600 13px/1 var(--font-number);color:#2b2b36;text-shadow:none;border:1px solid var(--sprite-outline);text-align:center;background:#fffaebf0;border-radius:8px;min-width:16px;padding:2px 5px;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 2px #00000040}.cc-bar{border-radius:var(--radius-pill);background:var(--panel-raised);border:2px solid var(--sprite-outline);height:14px;position:relative;overflow:hidden}.cc-bar>i{border-radius:var(--radius-pill);height:100%;display:block}.cc-bar--hp>i{background:var(--hp)}.cc-bar--mp>i{background:var(--mp)}.cc-bar--exp>i{background:var(--exp)}.cc-bar__label{font:500 13px/18px var(--font-number);color:var(--ink-muted);justify-content:space-between;margin-bottom:2px;display:flex}.cc-chip{align-items:center;gap:var(--space-1);font:600 13px/18px var(--font-body);color:var(--ink);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px 10px 2px 6px;display:inline-flex}.cc-chip>b{border:1.5px solid var(--sprite-outline);border-radius:50%;width:10px;height:10px}.cc-dmg{font:600 28px/1 var(--font-number);color:var(--ink);letter-spacing:.01em;text-shadow:0 3px 0 var(--sprite-outline), -2px -2px 0 var(--sprite-outline), 2px -2px 0 var(--sprite-outline), -2px 2px 0 var(--sprite-outline), 2px 2px 0 var(--sprite-outline)}.cc-dmg--crit{color:var(--lantern);font-size:36px}.cc-dmg--heal{color:var(--success)}.cc-dialog{gap:var(--space-3);background:var(--panel);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:var(--space-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.cc-dialog__name{font:700 14px/18px var(--font-display);color:var(--lantern);margin-bottom:var(--space-1)}.cc-dialog__text{font:400 15px/23px var(--font-body);color:var(--ink);margin:0}.cc-dialog__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;grid-column:2;display:flex}.cc-face{border-radius:var(--radius-slot);background:var(--panel-raised);border:2px solid var(--line);place-items:center;width:56px;height:56px;display:grid}@media (prefers-reduced-motion:reduce){.cc-btn:active{transform:none}}html,body{background:var(--ground);height:100%;color:var(--ink);font-family:var(--font-body);margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#game{position:absolute;inset:0}#game canvas{display:block}.ui{pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}.charselect{width:min(560px,100vw - 32px);animation:.12s ease-out panel-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.charselect__list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.charcard{justify-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--panel-raised);border:2px solid var(--line);border-radius:var(--radius-slot);color:var(--ink);cursor:pointer;font-family:var(--font-body);display:grid}.charcard:hover{border-color:var(--moon)}.charcard:focus-visible{outline:3px solid var(--lantern);outline-offset:2px}.charcard__portrait{object-fit:contain;width:84px;height:106px}.charcard__name{font-size:18px;line-height:24px}.charcard__job{color:var(--ink-muted)}.map-title{color:var(--ink);text-shadow:0 3px 0 var(--sprite-outline), -2px -2px 0 var(--sprite-outline), 2px -2px 0 var(--sprite-outline), -2px 2px 0 var(--sprite-outline), 2px 2px 0 var(--sprite-outline);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .6s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.map-title.is-shown{opacity:1}.toast{left:50%;top:var(--space-6);gap:var(--space-1);pointer-events:none;display:grid;position:absolute;transform:translate(-50%)}.toast__item{font:var(--text-label);color:var(--ink);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 12px;animation:.12s ease-out toast-in}.toast__item--reward{color:var(--lantern)}.toast__item--system{color:var(--moon)}.toast__item--danger{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.inventory{right:var(--space-4);top:var(--space-4);width:328px;animation:.12s ease-out panel-in;position:absolute}.inventory__gold{color:var(--lantern);margin-bottom:var(--space-3)}.inventory__grid{gap:var(--space-2);grid-template-columns:repeat(4,64px);display:grid}.inventory__actions{margin-top:var(--space-4);justify-content:flex-end;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.dialog{z-index:40;box-sizing:border-box;width:min(600px,100vw - 32px);box-shadow:var(--shadow-panel);grid-template-columns:84px 1fr;padding:16px 18px;animation:.12s ease-out panel-in;position:absolute;bottom:196px;left:50%;transform:translate(-50%)}.dialog .cc-face{background:radial-gradient(circle at 50% 35%, var(--panel-raised), var(--panel));width:84px;height:84px;padding:0;overflow:hidden}.dialog .cc-face img{object-fit:cover;object-position:50% 12%;transform-origin:50% 18%;width:100%;height:100%;display:block;transform:scale(1.35)}.dialog .cc-face:empty{display:none}.dialog .cc-dialog__actions{grid-column:1/-1;justify-content:flex-end}@media (max-height:640px){.dialog{bottom:150px}}[hidden]{display:none!important}.skill{cursor:pointer;color:var(--ink);border-color:color-mix(in srgb, var(--skill-color) 60%, var(--line));padding:0;position:relative;overflow:hidden}.skill:focus-visible{outline:3px solid var(--lantern);outline-offset:2px}.skill__icon{place-items:center;width:44px;height:44px;display:grid}.skill__key{color:var(--ink);text-shadow:0 1px 0 var(--sprite-outline), -1px 0 0 var(--sprite-outline), 1px 0 0 var(--sprite-outline), 0 -1px 0 var(--sprite-outline);font-size:12px;position:absolute;top:2px;left:4px}.skill__cost{color:var(--mp);text-shadow:0 1px 0 var(--sprite-outline), -1px 0 0 var(--sprite-outline), 1px 0 0 var(--sprite-outline), 0 -1px 0 var(--sprite-outline);font-size:11px;position:absolute;top:2px;right:4px}.skill__lv{color:var(--ink-muted);font-size:11px;position:absolute;bottom:2px;right:4px}.skill__cd{height:0;font:500 14px/1 var(--font-number);color:var(--ink);pointer-events:none;background:#0a0d22b8;place-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.skill__name{white-space:nowrap;color:var(--ink-muted);margin-top:4px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.skill.is-poor .skill__icon{opacity:.45}.skill.is-poor .skill__cost{color:var(--danger)}.skill.is-blocked{filter:saturate(.6)}.skill__up{width:22px;height:22px;box-shadow:0 2px 0 var(--ember-deep), var(--shadow-ember-glow);border-radius:50%;padding:0;font-size:14px;line-height:1;position:absolute;top:-8px;right:-8px}.potion{cursor:pointer;padding:0;position:relative;overflow:hidden}.potion--hp{border-color:var(--hp)}.potion--mp{border-color:var(--mp)}.potion.is-poor .cc-slot__icon{opacity:.35}.potion .cc-slot__count{font-size:14px}.potion{grid-template:100%/100%}.potion .cc-slot__icon{object-fit:contain;pointer-events:none;place-self:center;width:46px;height:46px}.shop{width:min(520px,100vw - 32px);animation:.12s ease-out panel-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop__list{gap:var(--space-3);display:grid}.shop__row{gap:var(--space-3);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-slot);padding:var(--space-2);grid-template-columns:64px 1fr auto;align-items:center;display:grid}.shop__info{gap:2px;min-width:0;display:grid}.shop__actions{gap:var(--space-2);display:flex}.shop__row .cc-slot__icon,.inventory__grid .cc-slot__icon,.equip__slots .cc-slot__icon{object-fit:contain;pointer-events:none;place-self:center;width:46px;height:46px}.hud__buttons{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.hud__buttons .statspanel{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);animation:.12s ease-out panel-in;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.statrows{gap:var(--space-2);margin-top:var(--space-3);display:grid}.statrow{gap:var(--space-3);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-slot);padding:var(--space-2) var(--space-3);grid-template-columns:1fr 48px auto;align-items:center;display:grid}.statrow__name{gap:2px;min-width:0;display:grid}.statrow__up{padding:8px 12px;font-size:13px}.dstats{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.dstat{background:var(--panel-raised);border-radius:var(--radius-slot);justify-items:center;padding:6px;display:grid}.dstat b{font-size:16px}.frame{background:color-mix(in srgb, var(--panel) 88%, transparent);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.pill{font:600 12px/16px var(--font-body);color:var(--ink);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.pill--gold{color:var(--on-ember);background:var(--lantern);cursor:pointer;border-color:#b07c1a}.pill--exp{color:var(--on-ember);background:var(--ember);border-color:var(--ember-deep)}.pill--ch{color:var(--on-ember);background:var(--lantern);border-color:#b07c1a}.eldot{border:2px solid var(--sprite-outline);background:var(--ink-muted);border-radius:50%;flex:none;width:12px;height:12px}kbd{font:600 10px/1 var(--font-number);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.hud{left:var(--space-4);top:var(--space-4);gap:var(--space-3);align-items:flex-start;display:flex;position:absolute}.hud__portrait{border:3px solid var(--lantern);background:var(--panel-raised);width:84px;height:84px;box-shadow:var(--shadow-panel);border-radius:50%;position:relative;overflow:visible}.hud__portrait img{object-fit:cover;object-position:50% 10%;transform-origin:50% 30%;clip-path:circle(50%);border-radius:50%;width:100%;height:100%;transform:scale(1.35)}.hud__lv{color:var(--on-ember);background:var(--lantern);border:2px solid var(--sprite-outline);border-radius:var(--radius-pill);white-space:nowrap;padding:1px 10px;font-size:13px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hud__body{width:300px;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--panel) 88%, transparent);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);gap:6px;display:grid}.hud__name{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.hud__name .title{font-size:20px;line-height:26px}.hud__job{color:var(--moon)}.hud__row{gap:var(--space-2);display:flex}.bar{border-radius:var(--radius-pill);background:var(--panel-raised);border:2px solid var(--sprite-outline);height:18px;position:relative;overflow:hidden}.bar>i{border-radius:var(--radius-pill);width:100%;transition:width .16s ease-out;position:absolute;inset:0}.bar--hp>i{background:linear-gradient(var(--hp), #c42a3a)}.bar--sp>i{background:linear-gradient(#8ac4ff, var(--mp))}.bar__label{font:600 11px/18px var(--font-body);color:var(--ink);text-shadow:0 1px 0 var(--sprite-outline);position:absolute;top:0;left:8px}.bar__text{color:var(--ink);text-shadow:0 1px 0 var(--sprite-outline), -1px 0 0 var(--sprite-outline), 1px 0 0 var(--sprite-outline);font-size:12px;line-height:18px;position:absolute;top:0;right:8px}.bar--thin{height:14px}.bar--thin .bar__text{font-size:11px;line-height:14px;right:50%;transform:translate(50%)}.quest{left:var(--space-4);cursor:pointer;text-align:left;background:color-mix(in srgb, var(--panel) 88%, transparent);border:2px solid var(--line);border-radius:var(--radius-pill);max-width:340px;color:var(--ink);box-shadow:var(--shadow-panel);font-family:var(--font-body);align-items:center;gap:8px;padding:6px 12px 6px 8px;display:flex;position:absolute;top:158px}.quest__icon{font-size:16px}.quest__text{font:600 13px/18px var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quest__skip{color:var(--ink-muted);font-size:12px}.quest.is-ready{border-color:var(--lantern);box-shadow:0 0 0 2px #f6c64f59, var(--shadow-panel)}.quest.is-ready .quest__text{color:var(--lantern)}.quest.is-available .quest__text{color:var(--ink-muted)}.win--quest{width:min(860px,100vw - 32px)}.quest__grid{grid-template-columns:300px 1fr;min-height:360px}.quest__list{align-content:start;gap:8px;display:grid}.quest__item{text-align:left;cursor:pointer;font:600 14px/18px var(--font-body);color:#2b2b36;background:#fff;border:2px solid #cfc3a6;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.quest__item.is-active{background:#dbe9ff;border-color:#4f8fe0}.quest__item.is-main{border-left:6px solid #e8782c}.quest__item .quest__kind{font-size:18px}.quest__item .quest__sub{font:400 12px/16px var(--font-body);color:#6b6f8a;display:block}.quest__item .quest__ready{color:#2e9a5a;font-size:12px}.quest__detail{align-content:start;gap:10px;display:grid}.quest__detail h3{font:700 22px/28px var(--font-display);margin:0}.quest__obj{gap:6px;display:grid}.quest__obj div{font:600 14px/18px var(--font-body);background:#fff;border:2px solid #cfc3a6;border-radius:10px;justify-content:space-between;padding:6px 10px;display:flex}.quest__obj div.is-done{color:#2e9a5a;background:#e3f6e8;border-color:#2e9a5a}.quest__rewards{flex-wrap:wrap;gap:6px;display:flex}.quest__rewards span{font:600 13px/16px var(--font-body);color:#8a5a00;background:#fff8e8;border:2px solid #d9961e;border-radius:999px;padding:4px 10px}.quest__foot{justify-content:flex-end;gap:8px;display:flex}.win--quest.is-cal .quest__grid{grid-template-columns:360px 1fr}.cal__head{gap:2px;display:grid}.cal__head b{font:700 16px/22px var(--font-display);color:#2b2b36}.cal__grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal__wd{text-align:center;font:600 12px/16px var(--font-body);color:#6b6f8a}.cal__day{font:600 12px/14px var(--font-body);color:#2b2b36;cursor:default;background:#fff;border:2px solid #cfc3a6;border-radius:10px;justify-items:center;gap:1px;padding:4px 0 3px;display:grid}.cal__day span{font-size:14px;line-height:16px}.cal__day.is-got{color:#2e9a5a;background:#e3f6e8;border-color:#2e9a5a}.cal__day.is-today{background:#fff8e8;border-color:#d9961e;box-shadow:0 0 0 2px #d9961e59}.cal__day.is-miss{opacity:.45}@media (max-width:760px){.quest__grid,.win--quest.is-cal .quest__grid{grid-template-columns:1fr}}.target{left:50%;top:var(--space-4);width:min(380px,60vw);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--panel) 88%, transparent);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);gap:6px;animation:.12s ease-out panel-in;display:grid;position:absolute;transform:translate(-50%)}.target__head{align-items:center;gap:8px;display:flex}.target__name{font-size:16px;line-height:20px}.target__lv{color:var(--lantern)}.target__eltext{color:var(--ink-muted);background:var(--panel-raised);border-radius:var(--radius-pill);margin-left:auto;padding:1px 8px;font-size:11px}.target.is-boss{border-color:var(--blight)}.target.is-boss .target__name{color:var(--blight)}.topright{right:var(--space-4);top:var(--space-4);justify-items:end;gap:6px;display:grid;position:absolute}.minimap-wrap{position:relative}.minimap{border:3px solid var(--lantern);background:var(--ground);width:200px;height:140px;box-shadow:var(--shadow-panel);border-radius:16px;display:block}.clock{color:var(--on-ember);background:var(--lantern);border:2px solid var(--sprite-outline);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 10px;font-size:13px;position:absolute;bottom:-6px;left:-8px;transform:translate(-100%)}.clock.is-night{color:var(--ink);background:var(--panel-raised);border-color:var(--moon)}.banner{color:var(--ink);background:linear-gradient(var(--panel-raised), var(--panel));border:2px solid var(--lantern);white-space:nowrap;text-shadow:0 1px 0 var(--sprite-outline);border-radius:10px;padding:2px 16px;font-size:16px;line-height:24px}.topright__meta{color:var(--ink-muted);align-items:center;gap:8px;display:flex}.rightbottom{right:var(--space-4);bottom:var(--space-4);justify-items:end;gap:var(--space-2);display:grid;position:absolute}.rightbottom__row{align-items:center;gap:var(--space-3);display:flex}.auto{cursor:pointer;color:var(--ink);background:0 0;border:0;justify-items:center;gap:2px;padding:0;display:grid}.auto__ring{background:var(--panel-raised);border:3px solid var(--line);width:46px;height:46px;box-shadow:var(--shadow-panel);border-radius:50%;place-items:center;font-size:20px;transition:transform .12s;display:grid}.auto.is-on .auto__ring{border-color:var(--lantern);background:var(--ember);color:var(--on-ember);animation:2.4s linear infinite spin}.auto__text{color:var(--ink-muted);font-size:11px}.auto.is-on .auto__text{color:var(--lantern)}@keyframes spin{to{transform:rotate(360deg)}}.menu{background:color-mix(in srgb, var(--panel) 88%, transparent);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);grid-template-columns:repeat(4,50px);gap:6px;padding:8px;display:grid}.menu__btn{border-radius:var(--radius-slot);background:var(--panel-raised);border:2px solid var(--line);width:50px;height:50px;color:var(--ink);cursor:pointer;place-items:center;font-size:20px;display:grid;position:relative}.menu__btn:hover{border-color:var(--lantern)}.menu__btn kbd{position:absolute;bottom:2px;right:2px}.zoneline{pointer-events:none;white-space:nowrap;align-items:baseline;gap:10px;display:flex;position:absolute;bottom:126px;left:50%;transform:translate(-50%)}.zoneline .title{color:var(--ink);text-shadow:0 2px 0 var(--sprite-outline), -1.5px -1.5px 0 var(--sprite-outline), 1.5px -1.5px 0 var(--sprite-outline), -1.5px 1.5px 0 var(--sprite-outline), 1.5px 1.5px 0 var(--sprite-outline);font-size:20px;line-height:26px}.zoneline .stat{color:var(--lantern);text-shadow:0 1px 0 var(--sprite-outline), -1px 0 0 var(--sprite-outline), 1px 0 0 var(--sprite-outline)}.actionbar{z-index:4;left:50%;bottom:var(--space-4);background:color-mix(in srgb, var(--panel) 90%, transparent);border:2px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);gap:6px;padding:8px 12px 6px;display:grid;position:absolute;transform:translate(-50%)}.actionbar__slots{align-items:flex-start;gap:var(--space-2);display:flex}.slotgroup{gap:var(--space-2);display:flex}.slotgroup__sep{background:var(--line);border-radius:1px;width:2px;height:56px;margin:4px}.slot--locked,.slotgroup--locked .slot{border-radius:var(--radius-slot);background:color-mix(in srgb, var(--panel-raised) 60%, transparent);border:2px dashed var(--line);width:56px;height:56px;position:relative}.slot--locked kbd{position:absolute;top:3px;left:4px}.skill-wrap{position:relative}.skill,.potion{width:56px;height:56px}.skill .skill__icon svg{width:36px;height:36px}.skill__name{display:none}.actionbar__exp{gap:3px;display:grid}.xbar{border-radius:var(--radius-pill);background:var(--panel-raised);border:1.5px solid var(--sprite-outline);height:10px;position:relative;overflow:hidden}.xbar>i{border-radius:var(--radius-pill);transition:width .2s;position:absolute;inset:0}.xbar--base>i{background:var(--moon)}.xbar--job>i{background:var(--exp)}.xbar__label{font:600 9px/10px var(--font-body);color:var(--ink);text-shadow:0 1px 0 var(--sprite-outline);position:absolute;top:-1px;left:6px}.xbar__text{color:var(--ink);text-shadow:0 1px 0 var(--sprite-outline);font-size:9px;line-height:10px;position:absolute;top:-1px;right:6px}.skillbar__points{color:var(--lantern);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 10px;position:absolute;top:-26px;right:12px}.chat{left:var(--space-4);bottom:var(--space-4);z-index:3;gap:4px;width:clamp(240px,50vw - 318px,400px);display:grid;position:absolute}.chat__tabs{gap:2px;display:flex}.chat__tab{font:600 12px/16px var(--font-body);color:var(--ink-muted);background:color-mix(in srgb, var(--panel) 80%, transparent);border:1px solid var(--line);cursor:pointer;border-bottom:0;border-radius:8px 8px 0 0;padding:4px 10px}.chat__tab.is-active{color:var(--on-ember);background:var(--lantern);border-color:#b07c1a}.chat__log{height:96px;font:400 13px/18px var(--font-body);color:var(--ink);background:color-mix(in srgb, var(--panel) 75%, transparent);border:1px solid var(--line);border-radius:0 8px 0 0;align-content:end;gap:1px;padding:6px 10px;display:grid;overflow-y:auto}.chat__line b{color:var(--moon)}.chat__line.is-system{color:var(--ink-muted)}.chat__line.is-reward{color:var(--lantern)}.chat__line.is-danger{color:var(--danger)}.chat__input{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);border-radius:0 0 8px 8px;align-items:center;gap:6px;padding:4px 6px;display:flex}.chat__input input{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-pill);min-width:0;color:var(--ink);font:400 13px/18px var(--font-body);flex:1;padding:4px 10px}.chat__input input::placeholder{color:var(--ink-muted)}.toast{top:104px}.worldmap{width:min(560px,100vw - 32px);animation:.12s ease-out panel-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.worldmap__list{gap:var(--space-2);display:grid}.wm__row{gap:var(--space-2);background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-slot);padding:var(--space-2) var(--space-3);grid-template-columns:1fr auto;align-items:center;display:grid}.wm__row.is-here{border-color:var(--lantern)}.wm__name{font:700 15px/20px var(--font-display)}.wm__meta{color:var(--ink-muted);font-size:12px}@media (max-width:900px){.chat{display:none}.hud__body{width:220px}.menu{grid-template-columns:repeat(4,40px)}.menu__btn{width:40px;height:40px;font-size:16px}.minimap{width:140px;height:98px}}.win{color:#2b2b36;--panel:#f4edda;--panel-raised:#fff;--line:#cfc3a6;--ink:#2b2b36;--ink-muted:#6b6f8a;--lantern:#d9961e;--moon:#3c6fd0;--mp:#3c7fe0;--hp:#e04a5a;--success:#2e9a5a;--danger:#d23b3b;--on-ember:#fff;--ember:#e8782c;--ember-deep:#b85a18;background:#f4edda;border:3px solid #3e4a78;border-radius:20px;grid-template-rows:auto auto 1fr;width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);animation:.14s ease-out panel-in;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px #1c2249,0 20px 40px #00000080}.win__head{background:linear-gradient(#8ec5ff,#4f8fe0);border-bottom:3px solid #2f5fb8;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative}.win__dot{background:#fff;border:2px solid #2f5fb8;border-radius:50%;width:14px;height:14px}.win__title{text-align:center;font:700 26px/32px var(--font-display);color:#fff;text-shadow:0 2px #2f5fb8,-1px -1px #2f5fb8,1px -1px #2f5fb8,-1px 1px #2f5fb8,1px 1px #2f5fb8;flex:1;margin:0}.win__close{color:#fff;width:34px;height:34px;font:700 16px/1 var(--font-body);cursor:pointer;background:#e04a5a;border:2px solid #8f1f1f;border-radius:50%;box-shadow:0 2px #8f1f1f}.win__close:hover{filter:brightness(1.08)}.win__tabs{background:#e9e0c8;border-bottom:3px solid #cfc3a6;align-items:flex-end;gap:6px;padding:10px 14px 0;display:flex}.win__tabs--inline{background:0 0;border:0;justify-content:center;padding:6px 0 0}.win__tab{font:700 15px/20px var(--font-display);color:#4a4e6a;cursor:pointer;background:#fff8e8;border:2px solid #cfc3a6;border-bottom:0;border-radius:12px 12px 0 0;padding:8px 18px}.win__tab.is-active{color:#fff;text-shadow:0 1px #2f5fb8;background:#4f8fe0;border-color:#2f5fb8}.win__tab[disabled]{opacity:.5;cursor:not-allowed}.win__tabs--inline .win__tab{border-bottom:2px solid #cfc3a6;border-radius:12px}.win__body{align-content:start;gap:12px;padding:14px 16px 16px;display:grid;overflow:auto}.win__subtitle{text-align:center;font:700 18px/24px var(--font-display);color:#2b2b36}.center{text-align:center}.card{background:#fffaf0;border:2px solid #cfc3a6;border-radius:14px;min-width:0;padding:12px}.card__h{font:700 18px/24px var(--font-display);margin:0 0 8px}.btn{font:700 15px/1 var(--font-body);color:#fff;cursor:pointer;text-shadow:0 1px #2f5fb8;background:linear-gradient(#8ec5ff,#4f8fe0);border:2px solid #2f5fb8;border-radius:12px;padding:10px 18px;box-shadow:0 3px #2f5fb8}.btn:active{transform:translateY(2px);box-shadow:0 1px #2f5fb8}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--grey{text-shadow:0 1px #6b6f8a;background:linear-gradient(#dcdce4,#a9adbe);border-color:#6b6f8a;box-shadow:0 3px #6b6f8a}.btn--green{text-shadow:0 1px #2a7a36;background:linear-gradient(#8fe08f,#3fb04f);border-color:#2a7a36;padding:14px 32px;font-size:20px;box-shadow:0 3px #2a7a36}.btn--red{text-shadow:0 1px #8f1f1f;background:linear-gradient(#ff9a9a,#e04a5a);border-color:#8f1f1f;box-shadow:0 3px #8f1f1f}.btn--round{border-radius:50%;width:36px;height:36px;padding:0;font-size:18px}.accent{color:#3c6fd0}.infoline{color:#f5ecda;background:#1c2249;border-radius:12px;padding:8px 14px}.infoline b{color:#ffd36b}.dot{vertical-align:-1px;border:1.5px solid #2b2b36;border-radius:50%;width:10px;height:10px;margin:0 4px 0 10px;display:inline-block}.dot--base{background:#4f8fe0}.dot--gear,.dot--ok{background:#5ad19a}.dot--hard{background:#ff8a7a}.dot--easy{background:#b6b4d2}.search{box-sizing:border-box;width:100%;font:400 14px/20px var(--font-body);color:#2b2b36;background:#fff;border:2px solid #cfc3a6;border-radius:999px;padding:8px 12px}.seg{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.seg__b{font:700 13px/18px var(--font-body);color:#4a4e6a;cursor:pointer;background:#fff;border:2px solid #cfc3a6;border-radius:999px;padding:6px 12px}.seg__b.is-active{color:#fff;background:#4f8fe0;border-color:#2f5fb8}.opt{font:600 14px/20px var(--font-body);cursor:pointer;background:#fff;border:2px solid #cfc3a6;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.opt:has(input:checked){background:#dbe9ff;border-color:#4f8fe0}.opt input{accent-color:#4f8fe0;width:18px;height:18px}.win--status{width:min(960px,100vw - 32px)}.status__grid{grid-template-columns:180px 260px 1fr;gap:12px;display:grid}.status__portrait{align-content:start;justify-items:center;gap:4px;display:grid}.status__portrait img{object-fit:contain;width:150px;height:190px}.status__radar{justify-items:center;gap:4px;display:grid}.status__legend{align-items:center;display:flex}.status__rows{align-content:start;gap:8px;display:grid}.statrow{background:#fff;border:2px solid #cfc3a6;border-radius:12px;grid-template-columns:56px 44px 1fr auto;padding:8px 12px}.statrow__name{font:700 15px/20px var(--font-body)}.statrow__name .caption{font-weight:400;display:block}.statrow__val{text-align:left;font-size:22px}.statrow__hint{color:#6b6f8a;font-size:13px}.statrow__up{border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex}.statrow__up .plus{color:#2f5fb8;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.status__foot{justify-content:space-between;align-items:center;display:flex}.dstats{grid-template-columns:repeat(6,1fr);gap:8px;margin:0}.dstat{background:#fffaf0;border:2px solid #cfc3a6;border-radius:14px;grid-template-columns:28px 1fr;justify-items:start;gap:2px 8px;padding:8px 10px;display:grid}.dstat .ico{grid-row:1/3;align-self:center;font-size:20px}.dstat .caption{color:#6b6f8a}.dstat b{color:#2b2b36;font-size:16px}.win--skills{width:min(900px,100vw - 32px)}.skills__grid{grid-template-columns:1fr 1.1fr;gap:12px;display:grid}.skills__list{align-content:start;gap:8px;max-height:360px;display:grid;overflow:auto}.skrow{cursor:pointer;background:#fff;border:2px solid #cfc3a6;border-radius:12px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.skrow.is-active{background:#e8f1ff;border-color:#4f8fe0}.skrow__icon{border:2px solid #2b2b36;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.skrow__icon svg{width:34px;height:34px}.skrow__name{font:700 15px/20px var(--font-body)}.skrow__lv{color:#6b6f8a;font-size:13px}.tag{font:700 12px/16px var(--font-body);color:#fff;background:#4f8fe0;border-radius:999px;padding:2px 10px}.tag--passive{background:#8a5fd6}.tag--ult{background:#e8a52c}.tag--sp{background:#3c7fe0}.tag--cd{background:#6b6f8a}.tag--el{background:#5a9a3a}.tag--dmg{background:#a0603a}.tag--key{color:#2b2b36;background:#ffd36b}.skills__detail{color:#f5ecda;background:#1c2249;border:2px solid #3e4a78;border-radius:14px;align-content:start;gap:10px;padding:14px;display:grid}.skd__top{grid-template-columns:96px 1fr;gap:12px;display:grid}.skd__icon{border:3px solid #f5ecda;border-radius:14px;place-items:center;width:96px;height:96px;display:grid}.skd__icon svg{width:72px;height:72px}.skd__name{font:700 24px/30px var(--font-display);color:#fff}.skd__name b{color:#ffd36b}.skd__tags{flex-wrap:wrap;gap:6px;display:flex}.skd__desc{font-size:15px;line-height:23px}.skd__next{color:#9be36b}.skd__ms{color:#b6b4d2;font-size:13px}.skd__actions{gap:8px;display:flex}.skills__bar{gap:6px;display:grid}.skills__barslots{gap:8px;display:flex}.barslot{background:#fff;border:2px solid #cfc3a6;border-radius:12px;place-items:center;width:60px;height:60px;display:grid;position:relative}.barslot kbd{color:#fff;background:#2b2b36;border-color:#2b2b36;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.barslot svg{width:40px;height:40px}.barslot--empty{color:#cfc3a6;border-style:dashed;font-size:24px}.win--inv{width:min(1040px,100vw - 32px)}.inv__layout{grid-template-columns:220px 1fr 280px;align-items:start}.inv__main{gap:10px;min-width:0;display:grid}.equip__slots{grid-template-columns:repeat(2,64px);justify-content:center;gap:8px;display:grid}.equip__slots .cc-slot{cursor:pointer;background:#fff;border-color:#cfc3a6;position:relative}.equip__slots .cc-slot.is-empty{opacity:.7;border-style:dashed}.equip__slots .cc-slot .slot__name{font:600 10px/12px var(--font-body);color:#6b6f8a;text-align:center;position:absolute;bottom:2px;left:0;right:0}.equip__slots .cc-slot .slot__plus{font:600 11px/14px var(--font-number);color:#d9961e;position:absolute;top:1px;right:3px}.equip__sets{margin-top:8px}.inv__detail{align-content:start;gap:8px;min-height:300px;display:grid}.inv__detail h3{font:700 18px/24px var(--font-display);margin:0}.inv__detail .rar-A,.inv__detail .rar-r{color:#4a4e6a}.inv__detail .rar-B,.inv__detail .rar-s{color:#2e9a5a}.inv__detail .rar-C,.inv__detail .rar-ssr{color:#8a5fd6}.inv__detail .rar-D,.inv__detail .rar-L{color:#e8782c}.inv__detail .opt{justify-content:space-between;gap:6px;display:flex}.inv__detail .opt.t1{color:#6b6f8a}.inv__detail .opt.t2{color:#2e9a5a}.inv__detail .opt.t3{color:#e8782c;font-weight:700}.inv__detail .opt.sp{color:#8a5fd6;font-weight:700}.inv__detail .statline{flex-wrap:wrap;gap:6px;display:flex}.inv__detail .statline span{font:600 12px/16px var(--font-body);background:#fff;border:1.5px solid #cfc3a6;border-radius:999px;padding:2px 8px}.inv__actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.inventory__grid .cc-slot.is-sel{outline:3px solid #4f8fe0}.inventory__grid .cc-slot--ur{border-color:#e8782c}.inventory__grid .cc-slot .slot__plus{font:600 11px/14px var(--font-number);color:#d9961e;text-shadow:0 0 2px #fff;position:absolute;top:1px;left:3px}.inventory__grid .cc-slot .slot__q{font:600 9px/10px var(--font-body);color:#8a5fd6;position:absolute;bottom:2px;left:3px}@media (max-width:980px){.inv__layout{grid-template-columns:1fr}}.win--shop{width:min(820px,100vw - 32px)}.shop__list{max-height:420px;overflow:auto}.shop__row,.shop__row .cc-slot{background:#fff;border-color:#cfc3a6}.shop__price{color:#b8731a}.shop__rate{font:600 12px/16px var(--font-body);color:#4a4e6a}.hud-food{left:var(--space-4);font:600 12px/16px var(--font-body);position:absolute;top:196px}.inventory{position:static;transform:none}.inventory__grid{grid-template-columns:repeat(6,64px);justify-content:start;max-height:340px;overflow:auto}.inventory__grid .cc-slot{background:#fff;border-color:#cfc3a6}.inventory__grid .cc-slot--r{border-color:#9aa3c7}.inventory__grid .cc-slot--s{border-color:#3fb04f}.inventory__grid .cc-slot--ssr{border-color:#8a5fd6}.inventory__grid .cc-slot__count{color:#2b2b36;text-shadow:none}.inv__foot{align-items:center;gap:12px;display:flex}.win--auto{width:min(820px,100vw - 32px)}.auto__grid{grid-template-columns:1fr 1fr}.auto__mons{gap:6px;display:grid}.auto__mon{font:600 14px/20px var(--font-body);align-items:center;gap:8px;display:flex}.auto__skills{gap:8px;margin-bottom:8px;display:flex}.auto__foot{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.win--auto .pill{color:#2b2b36;background:#fff;border-color:#2f5fb8}.win--map{width:min(1040px,100vw - 32px)}.map__grid{grid-template-rows:1fr auto;grid-template-columns:220px 1fr 280px}.map__suit{align-content:start;gap:8px;display:grid}#wm-suit{gap:8px;display:grid}.suit__row .pill{white-space:nowrap;place-self:start end}.suit__row{color:#f5ecda;cursor:pointer;background:#1c2249;border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;font-size:13px;display:grid}.suit__row b{font-size:14px}.suit__row .pill{color:#2b2b36}.map__board{background:#1c2249;border:2px solid #3e4a78;border-radius:14px;place-items:stretch stretch;min-height:420px;display:grid;position:relative;overflow:auto}.map__tiles{gap:12px;display:grid}.maptile{cursor:pointer;background:#2a3a2a;border:3px solid #6b6f8a;border-radius:10px;width:120px;height:90px;position:relative;overflow:hidden}.maptile canvas{width:100%;height:100%;display:block}.maptile.is-ok{border-color:#5ad19a}.maptile.is-hard{border-color:#ff8a7a}.maptile.is-easy{border-color:#b6b4d2}.maptile.is-here{outline-offset:2px;outline:3px solid #ffd36b}.maptile__name{font:700 11px/14px var(--font-body);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1c2249cc;border-radius:6px;padding:2px 6px;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.maptile__here{white-space:nowrap;font:700 10px/14px var(--font-body);color:#fff;background:#e04a5a;border-radius:999px;padding:1px 8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.map__detail{color:#f5ecda;background:#1c2249;border-color:#3e4a78;align-content:start;gap:8px;display:grid}.map__detail h3{font:700 20px/26px var(--font-display);color:#fff;margin:0}.map__detail .pill{color:#2b2b36}.map__detail .mon{align-items:center;gap:8px;font-size:13px;display:flex}.map__legend{grid-column:1/-1;justify-content:flex-end;align-items:center;display:flex}.wm__here{align-self:center;margin-left:auto;padding-bottom:8px}.charselect{width:auto;position:static;transform:none}.win--char{width:min(760px,100vw - 32px)}.charcard{color:#2b2b36;background:#fff;border-color:#cfc3a6}.charcard.is-active{border-color:#4f8fe0;box-shadow:0 0 0 3px #dbe9ff}.shop{position:static;transform:none}.shop__row{background:#fff;border-color:#cfc3a6}.win .cc-btn{font-weight:700}@media (max-width:900px){.status__grid,.skills__grid,.auto__grid,.map__grid{grid-template-columns:1fr}.dstats{grid-template-columns:repeat(3,1fr)}}.skill__icon img,.skrow__icon img,.barslot img,.skd__icon img{object-fit:contain;border-radius:8px;width:100%;height:100%}.skill .skill__icon{width:46px;height:46px}.skrow__icon{overflow:hidden}.skd__icon{background:#283062;overflow:hidden}.map__pinboard{background:radial-gradient(circle at 50% 40%,#243054,#1c2249 70%);width:100%;height:100%;min-height:440px;position:relative}.maptile--pin{width:96px;height:72px;position:absolute;transform:translate(-50%,-50%)}.maptile.is-sel{box-shadow:0 0 0 3px #4f8fe0}.mapdot{color:#fff;width:20px;height:20px;font:700 11px/1 var(--font-body);cursor:pointer;background:#2a3a2a;border:2px solid #6b6f8a;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.mapdot.is-ok{border-color:#5ad19a}.mapdot.is-hard{border-color:#ff8a7a}.mapdot.is-easy{border-color:#b6b4d2}.mapdot.is-here{color:#2b2b36;background:#ffd36b}.mapdot.is-sel{box-shadow:0 0 0 3px #4f8fe0}.map__mons{max-height:200px;overflow:auto}.win--job{width:min(900px,100vw - 32px)}.job__list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.job__card{cursor:pointer;text-align:left;font:600 14px/18px var(--font-body);color:#2b2b36;background:#fff;border:2px solid #cfc3a6;border-radius:14px;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.job__card img{object-fit:cover;border:2px solid #cfc3a6;border-radius:12px;width:56px;height:56px}.job__face{background:radial-gradient(circle at 50% 40%,#fff6df,#e6d6b4);border:2px solid #cfc3a6;border-radius:12px;width:56px;height:56px;display:block;position:relative;overflow:hidden}.job__card .job__face img,.job__face img{object-fit:initial;border:0;border-radius:0;width:170%;max-width:none;height:auto;position:absolute;top:2%;left:50%;transform:translate(-50%)}.job__card.is-active{background:#dbe9ff;border-color:#4f8fe0}.job__card.is-locked{opacity:.75}.job__card .caption{font-weight:400;display:block}.job__detail{grid-template-columns:172px 1fr;align-items:start;gap:16px;display:grid}.job__figure{gap:8px;margin:0;display:grid}.job__figure .job__full{object-fit:contain;background:radial-gradient(at 50% 42%,#fffaf0 0%,#f1e4c6 62%,#dccaa2 100%);border:3px solid #cfc3a6;border-radius:18px;width:172px;height:218px;box-shadow:inset 0 -18px 30px #785a281f}.job__figure figcaption{font:600 12px/16px var(--font-body);color:#5a4a32;align-items:center;gap:8px;display:flex}.job__figure .job__from{border-radius:10px;flex:none;width:34px;height:34px}.job__figure figcaption b{color:#8a5a00}@media (max-width:640px){.job__detail{grid-template-columns:1fr}.job__figure{justify-items:center}}.job__detail h3{font:700 22px/28px var(--font-display);margin:0 0 4px}.job__lines{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.job__lines span{font:600 12px/16px var(--font-body);color:#8a5a00;background:#fff8e8;border:2px solid #d9961e;border-radius:999px;padding:3px 10px}.job__skills{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.job__skills img{border:2px solid #cfc3a6;border-radius:8px;width:36px;height:36px}.job__req{font:600 13px/18px var(--font-body)}.job__req.ok{color:#2e9a5a}.job__req.no{color:#d23b3b}.gauge{background:color-mix(in srgb, var(--panel) 90%, transparent);border:2px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-bottom:6px;padding:4px 12px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.gauge__icon{font-size:14px}.gauge__bar{background:#1c2249;border:1.5px solid #3e4a78;border-radius:999px;width:180px;height:10px;overflow:hidden}.gauge__bar i{background:var(--gauge-color,#ffd36b);width:0;height:100%;transition:width .15s;display:block}.gauge.is-full{border-color:var(--gauge-color,#ffd36b);box-shadow:0 0 10px var(--gauge-color,#ffd36b)}.gauge.is-awake{border-color:#b48cff;box-shadow:0 0 14px #b48cff}.gauge__text{color:var(--ink);white-space:nowrap;font-size:12px}.hud-status{left:var(--space-4);font:600 12px/16px var(--font-body);color:#ffb3b8;position:absolute;top:228px}.win--life{width:min(960px,100vw - 32px)}.life__grid{grid-template-columns:300px 1fr;align-items:start}.life__info{gap:8px;display:grid}.life__info h3{font:700 22px/28px var(--font-display);margin:0}.life__xp{background:#e1d8bf;border:1.5px solid #cfc3a6;border-radius:999px;height:12px;overflow:hidden}.life__xp i{background:linear-gradient(#8fe08f,#3fb04f);height:100%;display:block}.life__perk{font:600 13px/18px var(--font-body);color:#6b6f8a;align-items:center;gap:8px;display:flex}.life__perk.on{color:#2e9a5a}.life__main{align-content:start;gap:10px;min-height:360px;display:grid}.life__row{background:#fff;border:2px solid #cfc3a6;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.life__row img{width:44px;height:44px}.life__row .caption{display:block}.plots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.plot{aspect-ratio:1;cursor:pointer;font:600 12px/14px var(--font-body);text-align:center;color:#2b2b36;background:#c9a86a;border:2px solid #cfc3a6;border-radius:12px;place-items:center;display:grid;position:relative}.plot.tilled{color:#fff;background:#7f6240}.plot.wet{color:#fff;background:#5a4630}.plot.locked{opacity:.4;cursor:not-allowed}.plot img{width:40px;height:40px}.plot .stage{font-size:10px;position:absolute;top:2px;left:4px}.plot .stars{color:#ffd36b;text-shadow:0 0 2px #000;font-size:10px;position:absolute;top:2px;right:4px}.minigame{z-index:50;background:#0a0d2259;place-items:center;display:grid;position:absolute;inset:0}.minigame__box{background:color-mix(in srgb, var(--panel) 94%, transparent);border:3px solid var(--line);box-shadow:var(--shadow-panel);border-radius:20px;justify-items:center;gap:6px;padding:12px 16px;display:grid}.minigame__box canvas{background:#121733;border-radius:14px}.minigame__box .title{color:var(--ink);font-size:22px}.remote-tag{pointer-events:none}#net-lost{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#121733b8;place-items:center;display:grid;position:fixed;inset:0}#net-lost[hidden]{display:none}.net-lost__box{text-align:center;border-radius:var(--radius-lg,16px);background:var(--surface-panel,#2b2547);color:var(--text-primary,#fff4e0);border:3px solid var(--sprite-outline,#2a1d2e);gap:6px;padding:18px 26px;display:grid;box-shadow:0 6px #00000059}.net-lost__box b{font-family:Mitr,sans-serif;font-size:18px}.login,.loading{--gold:#e9c27a;--gold-soft:#e9c27a52;--glass:#0a0d249e;--serif-th:"Noto Serif Thai", "Anuphan", serif;color:var(--ink);background:#070a1f;font-family:Anuphan,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.login{z-index:100}.loading{z-index:200;place-items:center;transition:opacity .45s;display:grid}.loading[hidden],.login[hidden]{display:none}.loading.is-out{opacity:0;pointer-events:none}.login__sky{width:100%;height:100%;display:block;position:absolute;inset:0}.login__vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#03040ea6 100%);position:absolute;inset:0}.login__layout{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);align-items:center;gap:clamp(24px,5vw,80px);height:100%;padding:0 clamp(16px,7vw,120px);display:grid;position:relative}.login__brand{text-align:center;justify-items:center;gap:10px;animation:.8s ease-out both rise-in;display:grid}.login__crest{filter:drop-shadow(0 0 14px #e9c27a73);width:64px;height:64px}.login__title{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#fff6dc 0%,#f1d08e 45%,#b9813a 100%);color:#0000;filter:drop-shadow(0 2px #140a0099)drop-shadow(0 0 22px #e9c27a40);-webkit-background-clip:text;background-clip:text;justify-items:center;margin:0;font:700 clamp(48px,7vw,96px)/.95 Cinzel,serif;display:grid}.login__title-mmo{letter-spacing:.9em;margin-top:.25em;margin-right:-.9em;font-size:.36em}.login__rule{color:var(--gold);align-items:center;gap:12px;width:min(340px,70%);font-size:12px;display:flex}.login__rule span{background:linear-gradient(90deg, transparent, var(--gold-soft), transparent);flex:1;height:1px}.login__tagline{font:500 clamp(15px, 1.4vw, 19px)/1.5 var(--serif-th);color:#d9d6ee;text-shadow:0 1px 8px #0009;margin:0}.login__panel{background:var(--glass);border:1px solid var(--gold-soft);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border-radius:14px;padding:30px 30px 22px;animation:.7s ease-out .1s both rise-in;position:relative;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0f}.login__panel:before,.login__panel:after{content:"";border:2px solid var(--gold);pointer-events:none;width:22px;height:22px;position:absolute}.login__panel:before{border-bottom:0;border-right:0;border-top-left-radius:14px;top:-1px;left:-1px}.login__panel:after{border-top:0;border-left:0;border-bottom-right-radius:14px;bottom:-1px;right:-1px}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login__form{gap:14px;display:grid}.login__tabs{border-bottom:1px solid #a9c4ff24;grid-template-columns:1fr 1fr;margin-bottom:4px;display:grid}.login__tab{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:10px 4px 12px;font:600 15px/1 Anuphan,sans-serif;transition:color .2s;position:relative}.login__tab:after{content:"";background:var(--gold);height:2px;transition:transform .25s;position:absolute;bottom:-1px;left:20%;right:20%;transform:scaleX(0)}.login__tab.is-active{color:#fff3d6}.login__tab.is-active:after{transform:scaleX(1)}.login__tab:hover{color:#fff3d6}.field{gap:6px;display:grid}.field__label{letter-spacing:.04em;color:#a8a6c8;font:600 12px/1 Anuphan,sans-serif}.field__input{box-sizing:border-box;color:#f5ecda;background:#0507168c;border:1px solid #a9c4ff2e;border-radius:10px;outline:none;width:100%;padding:12px 14px;font:400 15px/1.2 Anuphan,sans-serif;transition:border-color .2s,box-shadow .2s}.field__input::placeholder{color:#6f6d92}.field__input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e9c27a2e}.lbtn{isolation:isolate;letter-spacing:.02em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font:700 16px/1 Anuphan,sans-serif;transition:transform .15s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.lbtn--primary{color:#2a1406;background:linear-gradient(#ffd27a 0%,#f0a24a 55%,#d9761e 100%);border:1px solid #ffd99a;box-shadow:0 6px 18px #ff8c2847,inset 0 1px #ffffff80}.lbtn--primary:before{content:"";z-index:-1;opacity:0;background:linear-gradient(#ffe3a6 0%,#f7b862 55%,#e58a34 100%);transition:opacity .2s;position:absolute;inset:0}.lbtn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff8c2852,inset 0 1px #ffffff8c}.lbtn--primary:hover:before{opacity:1}.lbtn--primary:active{transform:translateY(1px)}.lbtn--primary[disabled]{cursor:wait;color:#2a140699;box-shadow:none;background:linear-gradient(#c9a874,#a87c4a);transform:none}.lbtn--primary[disabled]:before{opacity:0}.lbtn--ghost{color:#d9d6ee;background-color:#ffffff08;border:1px solid #a9c4ff33;font-size:14px;font-weight:600;transition:transform .15s,border-color .2s,color .2s,background-color .2s}.lbtn--ghost:hover{border-color:var(--gold-soft);color:#fff3d6;background-color:#e9c27a12}.lbtn--sm{flex:none;padding:10px 14px}.login__error{color:#ff9c8c;text-align:center;background:#ff5f6d14;border:1px solid #ff5f6d40;border-radius:8px;padding:8px 10px;font:600 13px/1.4 Anuphan,sans-serif}.login__status{text-align:center;color:#8f8db0;font-size:12px}.login__status.ok{color:#8fe0b2}.login__status.off{color:#ffb067}.login__foot{z-index:1;text-align:center;letter-spacing:.12em;color:#d9d6ee73;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.login.is-create .login__layout{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center;justify-items:center;gap:18px;padding-top:clamp(22px,5vh,48px)}.login.is-create .login__brand{gap:4px}.login.is-create .login__crest,.login.is-create .login__tagline{display:none}.login.is-create .login__title{font-size:clamp(34px,4vw,52px)}.login.is-create .login__panel{box-sizing:border-box;width:min(980px,100%)}.cc{grid-template-columns:300px 1fr;align-items:stretch;gap:26px;display:grid}.cc__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.cc-card--new{font:700 16px/1.2 var(--font-body);color:#4f8fe0;place-items:center;display:grid}.exitpop{z-index:60;background:#0a0c1e8c;place-items:center;display:grid;position:fixed;inset:0}.exitpop[hidden]{display:none}.exitpop__box{background:var(--panel,#fff8e6);border:2px solid var(--line,#cfc3a6);border-radius:16px;gap:12px;width:min(360px,100vw - 32px);padding:20px;display:grid}.exitpop__title{font:700 20px/1.2 var(--font-body);margin:0}.exitpop__text{font:500 14px/1.4 var(--font-body);color:#4a4e6a;margin:0}.exitpop__actions{gap:8px;display:grid}.exitpop__help{border-top:1px solid var(--line,#cfc3a6);gap:8px;margin-top:4px;padding-top:10px;display:grid}.cc__show{background:radial-gradient(at 50% 38%,#e9c27a29,#0000 62%),#05071666;border:1px solid #a9c4ff1f;border-radius:12px;align-content:start;justify-items:center;gap:8px;padding:16px 14px 18px;display:grid}.cc__stage{place-items:center;width:220px;height:210px;display:grid;position:relative}.cc__stage:after{content:"";background:radial-gradient(#e9c27a73,#e9c27a00 70%);border-radius:50%;width:150px;height:26px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.cc__preview{z-index:1;filter:drop-shadow(0 10px 12px #00000080);width:192px;height:192px;position:relative}.cc__job{font:700 22px/1.3 var(--serif-th);color:#f1d08e;text-align:center}.cc__desc{text-align:center;color:#c9c6e2;font-size:13px;line-height:1.55}.cc__stats{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.cc__stats span{color:#eadfc4;background:#e9c27a0f;border:1px solid #e9c27a47;border-radius:6px;padding:4px 9px;font:600 12px/1.2 Anuphan,sans-serif}.cc__right{align-content:start;gap:16px;display:grid}.cc__head{font:700 20px/1.3 var(--serif-th);color:#fff3d6;margin:0}.cc__cards{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.cc-card{color:var(--ink);cursor:pointer;background:linear-gradient(#2830628c,#0a0d24b3);border:1px solid #a9c4ff24;border-radius:10px;justify-items:center;gap:2px;padding:10px 6px 12px;font-family:Anuphan,sans-serif;transition:transform .18s,border-color .2s,box-shadow .2s;display:grid;position:relative}.cc-card img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000073)saturate(.85);width:84px;height:100px;transition:filter .2s}.cc-card b{font:700 14px/1.3 var(--serif-th);color:#e8e4fa}.cc-card .caption{color:#9a98bd;font-size:12px}.cc-card:hover{border-color:var(--gold-soft);transform:translateY(-3px)}.cc-card:hover img{filter:drop-shadow(0 4px 6px #00000073)}.cc-card.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 10px 26px #e9c27a2e, inset 0 0 24px #e9c27a1f}.cc-card.is-active img{filter:drop-shadow(0 4px 8px #e9c27a59)}.cc-card.is-active b{color:#f1d08e}.cc__namerow{gap:8px;display:flex}.login.is-select .login__layout,.login.is-select .login__foot{display:none}.cs{z-index:2;box-sizing:border-box;grid-template:"top top""stage panel"minmax(0,1fr)"bottom panel"/minmax(0,1fr) minmax(300px,380px);gap:0 clamp(16px,3vw,40px);padding:18px clamp(16px,3vw,40px) 22px;animation:.5s ease-out both rise-in;display:grid;position:absolute;inset:0}.cs[hidden]{display:none}.cs__top{border-bottom:1px solid #e9c27a29;grid-area:top;align-items:center;gap:18px;padding-bottom:10px;display:flex}.cs__brand{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#fff1c8,#e9c27a 60%,#b9813a);color:#0000;-webkit-background-clip:text;background-clip:text;font:700 26px/1 Cinzel,serif}.cs__brand span{letter-spacing:.5em;vertical-align:middle;margin-left:10px;font-size:.5em}.cs__server{color:#bfe9d0;background:#05071673;border:1px solid #8fe0b247;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font:600 12px/1 Anuphan,sans-serif;display:flex}.cs__dot{background:#8fe0b2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #8fe0b2}.cs__account{color:#a8a6c8;align-items:center;gap:10px;margin-left:auto;font:500 13px/1 Anuphan,sans-serif;display:flex}.cs__account b{color:#fff3d6;font-weight:700}.cs__stage{grid-area:stage;grid-template-rows:1fr auto;place-items:end center;min-height:0;display:grid;position:relative}.cs__glow{aspect-ratio:1.6;pointer-events:none;background:radial-gradient(at 50% 70%,#ffaa5042,#ff8c3c14 45%,#0000 70%);width:min(560px,80%);position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.cs__figure{align-self:end;justify-items:center;display:grid;position:relative}.cs__pedestal{aspect-ratio:4;background:radial-gradient(#141028e6 0 55%,#14102800 72%);border-radius:50%;width:74%;position:absolute;bottom:-3.5%;left:50%;transform:translate(-50%)}.cs__pedestal:before,.cs__pedestal span{content:"";border:1.5px solid #e9c27abf;border-radius:50%;position:absolute;inset:8% 6%;box-shadow:0 0 14px #e9c27a73,inset 0 0 18px #e9c27a40}.cs__pedestal span{border-style:dashed;border-color:#e9c27a80;animation:3.2s ease-in-out infinite cs-pulse;inset:24% 20%}@keyframes cs-pulse{50%{opacity:.45;box-shadow:0 0 22px #e9c27a99,inset 0 0 24px #e9c27a59}}.cs__preview{z-index:1;aspect-ratio:1;filter:drop-shadow(0 14px 18px #0000008c)drop-shadow(-10px 0 24px #ff96462e);width:clamp(240px,min(46vh,30vw),400px);height:auto;position:relative}.cs__hero{z-index:1;text-align:center;align-content:start;justify-items:center;gap:6px;padding-top:18px;display:grid;position:relative}.cs__tier{letter-spacing:.18em;color:#e9c27a;background:#05071680;border:1px solid #e9c27a66;border-radius:999px;padding:5px 12px;font:700 11px/1 Anuphan,sans-serif}.cs__tier[data-tier="2"]{color:#b9d4ff;border-color:#a9c4ff80}.cs__tier[data-tier="3"]{color:#e2c8ff;border-color:#be96ff99;box-shadow:0 0 14px #be96ff4d}.cs__name{font:700 clamp(30px, 3.4vw, 44px)/1.15 var(--serif-th);color:#fff3d6;text-shadow:0 2px 14px #000000b3,0 0 26px #e9c27a40;margin:0}.cs__job{font:600 17px/1.2 var(--serif-th);color:#f1d08e}.cs__meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.cs__meta span{color:#d9d6ee;background:#05071680;border:1px solid #a9c4ff29;border-radius:6px;padding:5px 10px;font:600 12px/1.2 Anuphan,sans-serif}.cs__panel{box-sizing:border-box;background:var(--glass);border:1px solid var(--gold-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;grid-area:panel;grid-template-rows:auto minmax(0,1fr) auto;align-self:center;gap:12px;max-height:calc(100% - 20px);padding:18px 16px 16px;display:grid;box-shadow:0 24px 60px #00000080}.cs__head{border-bottom:1px solid #e9c27a29;justify-content:space-between;align-items:baseline;padding:0 4px 8px;display:flex}.cs__head h3{font:700 19px/1.2 var(--serif-th);color:#fff3d6;margin:0}.cs__head span{color:#e9c27a;font:600 13px/1 Cinzel,serif}.cs__list{scrollbar-width:thin;align-content:start;gap:8px;padding:2px;display:grid;overflow-y:auto}.cs-row{color:inherit;text-align:left;cursor:pointer;background:linear-gradient(90deg,#2830626b,#0a0d248c);border:1px solid #a9c4ff1f;border-radius:10px;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:border-color .2s,background-color .2s,transform .15s;display:grid}.cs-row:hover{border-color:var(--gold-soft);transform:translate(-2px)}.cs-row.is-active{border-color:var(--gold);background:linear-gradient(90deg,#e9c27a33,#0a0d2499);box-shadow:0 0 0 1px #e9c27a59,0 8px 22px #e9c27a1f}.cs-row__face{background:radial-gradient(circle at 50% 40%,#ffd69640,#05071699);border:1px solid #e9c27a59;border-radius:10px;width:52px;height:52px;position:relative;overflow:hidden}.cs-row__face img{width:170%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.cs-row__info{gap:2px;min-width:0;display:grid}.cs-row__info b{font:700 16px/1.25 var(--serif-th);color:#f2eefc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cs-row.is-active .cs-row__info b{color:#f1d08e}.cs-row__info span{color:#c9c6e2;font:500 13px/1.3 Anuphan,sans-serif}.cs-row__info small{color:#8f8db0;text-overflow:ellipsis;white-space:nowrap;font:500 11px/1.3 Anuphan,sans-serif;overflow:hidden}.cs-row--empty{cursor:default;text-align:center;color:#6f6d92;background:0 0;border-style:dashed;padding:12px;font:500 12px/1 Anuphan,sans-serif;display:block}.cs-row--empty:hover{border-color:#a9c4ff1f;transform:none}.cs__new{width:100%}.cs__bottom{grid-area:bottom;justify-items:center;gap:8px;padding-top:8px;display:grid}.cs__play{letter-spacing:.06em;min-width:260px;padding:16px 28px;font-size:18px}.cs__hint{color:#8f8db0;font:500 12px/1 Anuphan,sans-serif}.cs__hint kbd{color:#d9d6ee;text-align:center;background:#05071699;border:1px solid #a9c4ff40;border-radius:4px;min-width:18px;margin:0 1px;padding:2px 5px;font:600 11px/1.2 Anuphan,sans-serif;display:inline-block}@media (max-width:900px){.cs{grid-template:"top""stage""bottom""panel"/1fr;gap:12px;padding:14px 16px 24px;overflow-y:auto}.cs__brand{font-size:20px}.cs__server,.cs__user-label{display:none}.cs{align-content:start}.cs__stage{grid-template-rows:auto auto;min-height:auto}.cs__preview{width:min(260px,66vw)}.cs__panel{align-self:start;max-height:none}.cs__play{width:100%;min-width:0}}.loading__card{z-index:1;box-sizing:border-box;background:var(--glass);border:1px solid var(--gold-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;gap:16px;width:min(500px,100vw - 32px);padding:28px 30px 24px;display:grid;position:relative;box-shadow:0 24px 60px #0000008c}.loading__title{font-size:46px}.loading__who{justify-content:center;align-items:center;gap:12px;min-height:56px;display:flex}.loading__who div{text-align:left;gap:2px;display:grid}.loading__who b{font:700 19px/1.2 var(--serif-th);color:#fff3d6}.loading__who .caption{color:#a8a6c8;font-size:13px}.loading__portrait{border:1px solid var(--gold);object-fit:cover;background:#05071699;border-radius:50%;width:54px;height:54px;box-shadow:0 0 16px #e9c27a4d}.loading__bar{background:#050716b3;border:1px solid #a9c4ff24;border-radius:999px;height:8px;overflow:hidden}.loading__fill{background:linear-gradient(90deg,#b9813a,#f1d08e 70%,#fff6dc);border-radius:999px;width:0;height:100%;box-shadow:0 0 12px #f1d08eb3}.loading__row{color:#b9b7d6;justify-content:space-between;gap:12px;font-size:13px;display:flex}.loading__pct{color:#f1d08e;font:600 14px/1 Cinzel,serif}.loading__tip{color:#d9d6ee;background:#05071666;border:1px solid #a9c4ff1a;border-radius:10px;align-items:baseline;gap:10px;min-height:40px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.loading__tip-tag{color:#f1d08e;font:700 12px/1.5 var(--serif-th);flex:none}@media (max-width:900px){.login__layout{grid-template-columns:1fr;align-content:center;justify-items:center;gap:18px;padding:24px 16px 40px;overflow-y:auto}.login__panel{box-sizing:border-box;width:100%;max-width:440px}.login__crest{width:44px;height:44px}.cc{grid-template-columns:1fr}.cc__cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cc-card img{width:56px;height:70px}}@media (prefers-reduced-motion:reduce){.login__brand,.login__panel{animation:none}.loading{transition:none}}.death{z-index:150;background:radial-gradient(#3c0a1459,#05050fd1);place-items:center;animation:.6s ease-out both death-in;display:grid;position:absolute;inset:0}.death[hidden]{display:none}@keyframes death-in{0%{opacity:0;-webkit-backdrop-filter:grayscale(0);backdrop-filter:grayscale(0)}to{opacity:1}}.death__box{text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0a1ac7;border:1px solid #ff8a7a59;border-radius:14px;justify-items:center;gap:8px;min-width:min(380px,100vw - 32px);padding:30px 36px 26px;display:grid;box-shadow:0 24px 60px #0009}.death__icon{color:#ff8a7a;text-shadow:0 0 14px #ff5f6db3;font-size:22px}.death__title{color:#ffd9d2;letter-spacing:.02em;margin:0;font:700 30px/1.25 Noto Serif Thai,Anuphan,serif}.death__by{color:#ffb3a8;min-height:1.2em;margin:0;font:600 15px/1.4 Anuphan,sans-serif}.death__penalty{color:#c9c6e2;background:#05071673;border:1px solid #a9c4ff2e;border-radius:8px;margin:0;padding:7px 12px;font:600 13px/1.4 Anuphan,sans-serif}.death__penalty[hidden]{display:none}.death__penalty.is-loss{color:#ffb3a8;border-color:#ff786e59}.death__penalty.is-saved{color:#f1d08e;border-color:#e9c27a73}.death__hint{color:#b9b3cf;max-width:320px;margin:0 0 10px;font:400 13px/1.5 Anuphan,sans-serif}.death__btn{isolation:isolate;cursor:pointer;color:#2a1406;background:linear-gradient(#ffd27a,#f0a24a 55%,#d9761e);border:1px solid #ffd99a;border-radius:10px;padding:13px 26px;font:700 16px/1 Anuphan,sans-serif;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 6px 18px #ff8c2847,inset 0 1px #ffffff80}.death__btn:before{content:"";z-index:-1;opacity:0;background:linear-gradient(#ffe3a6,#f7b862 55%,#e58a34);transition:opacity .2s;position:absolute;inset:0}.death__btn:hover{transform:translateY(-1px)}.death__btn:hover:before{opacity:1}.death__btn[disabled]{cursor:wait;opacity:.7}.win--friends{width:min(520px,100vw - 32px)}.badge{background:var(--hp);color:#fff;min-width:18px;height:18px;font:700 11px/1 var(--font-number);border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.badge[hidden]{display:none}.friend__add{gap:8px;display:flex}.friend__add .search{flex:1}.friend__list{gap:6px;max-height:52vh;display:grid;overflow:auto}.friend__row{background:#fffaf0;border:2px solid #e2d6b8;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.friend__row.is-off{opacity:.6}.friend__who{flex:1;gap:1px;min-width:0;display:grid}.friend__who b{font:700 14px/1.3 var(--font-body);color:#2b2b36}.friend__who .caption{color:#6b6f8a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend__acts{flex:none;gap:6px;display:flex}.friend__acts .cc-btn{padding:6px 10px;font-size:12px}.dot{background:#b6b4d2;border-radius:50%;flex:none;width:9px;height:9px}.dot.is-on{background:var(--success);box-shadow:0 0 6px var(--success)}.party{left:var(--space-4);z-index:6;background:color-mix(in srgb, var(--panel) 90%, transparent);border:2px solid var(--line);width:224px;box-shadow:var(--shadow-panel);color:var(--ink);font-family:var(--font-body);border-radius:14px;gap:6px;padding:8px;display:grid;position:absolute;top:232px}.party[hidden]{display:none}.party__head{align-items:center;gap:6px;font-size:13px;display:flex}.party__head b{font:700 13px/1 var(--font-display);color:var(--lantern);flex:1}.party__head .caption{color:var(--ink-muted);font-size:11px}.party__btn{border:1.5px solid var(--line);background:var(--panel-raised);color:var(--ink);font:600 11px/1 var(--font-body);cursor:pointer;border-radius:999px;padding:4px 9px;transition:border-color .15s,color .15s,background-color .15s}.party__btn:hover{border-color:var(--moon)}.party__btn.is-on{border-color:var(--success);color:var(--success);background:#7fe0a81a}.party__btn--quiet{color:var(--ink-muted)}.party__m{background:var(--panel-raised);border:1px solid #0000;border-radius:10px;gap:3px;padding:6px 8px;display:grid}.party__m.is-me{border-color:color-mix(in srgb, var(--moon) 45%, transparent)}.party__m.is-off{opacity:.5}.party__m.is-dead{filter:grayscale(.8)}.party__name{align-items:center;gap:5px;min-width:0;font-size:12px;display:flex}.party__name b{font:700 13px/1.2 var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.party__name .caption{color:var(--ink-muted);flex:none;font-size:11px}.party__crown{font-size:12px}.party__mops{gap:3px;margin-left:auto;display:none}.party__m:hover .party__mops{display:flex}.party__mops button{border:1px solid var(--line);background:var(--panel);width:22px;height:20px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0;font-size:11px}.party__mops button:hover{border-color:var(--danger)}.party__bar{background:#0507168c;border-radius:999px;height:6px;overflow:hidden}.party__bar i{border-radius:inherit;height:100%;transition:width .3s;display:block}.party__bar--hp i{background:var(--hp)}.party__bar--sp{height:4px}.party__bar--sp i{background:var(--mp)}.party__m .caption{color:var(--ink-muted);font-size:11px}.party__warn{color:var(--danger)!important}.invites{right:var(--space-4);z-index:60;gap:8px;width:min(300px,100vw - 32px);display:grid;position:absolute;top:250px}.invite{background:var(--panel);border:2px solid var(--lantern);box-shadow:var(--shadow-panel), 0 0 18px #ffd36b2e;color:var(--ink);font:400 13px/1.45 var(--font-body);border-radius:14px;gap:10px;padding:12px 12px 14px;animation:.25s ease-out both invite-in;display:flex;position:relative;overflow:hidden}@keyframes invite-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.invite__icon{font-size:22px;line-height:1}.invite__body{flex:1;gap:2px;display:grid}.invite__body b{font:700 14px/1.3 var(--font-body);color:var(--lantern)}.invite__body .caption{color:var(--ink-muted)}.invite__acts{gap:6px;margin-top:6px;display:flex}.invite__acts .cc-btn{padding:6px 12px;font-size:12px}.invite__timer{background:var(--lantern);transform-origin:0;width:100%;height:3px;animation:linear forwards invite-timer;position:absolute;bottom:0;left:0}@keyframes invite-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pmenu{z-index:120;background:var(--panel);border:2px solid var(--line);min-width:180px;box-shadow:var(--shadow-panel);color:var(--ink);font-family:var(--font-body);border-radius:12px;gap:4px;padding:8px;display:grid;position:fixed}.pmenu[hidden]{display:none}.pmenu__head{border-bottom:1px solid var(--line);margin-bottom:2px;padding:2px 6px 6px;display:grid}.pmenu__head b{font:700 14px/1.3 var(--font-body)}.pmenu__head .caption{color:var(--ink-muted);font-size:12px}.pmenu button{text-align:left;color:var(--ink);font:600 13px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.pmenu button:hover{background:var(--panel-raised);color:var(--lantern)}.pmenu__note{color:var(--ink-muted);padding:4px 10px;font-size:12px}@media (prefers-reduced-motion:reduce){.invite,.invite__timer{animation:none}}.settings{right:var(--space-4);z-index:45;box-sizing:border-box;background:var(--panel);border:2px solid var(--line);width:min(340px,100vw - 32px);box-shadow:var(--shadow-panel);color:var(--ink);font-family:var(--font-body);border-radius:16px;gap:12px;padding:12px 14px 14px;animation:.12s ease-out panel-in;display:grid;position:absolute;bottom:180px}.settings[hidden]{display:none}.settings__head{justify-content:space-between;align-items:center;display:flex}.settings__head b{font:700 16px/1 var(--font-display);color:var(--lantern)}.settings__group{gap:8px;display:grid}.settings__label{font:600 12px/1 var(--font-body);color:var(--ink-muted);letter-spacing:.04em}.settings__row{grid-template-columns:72px 1fr 36px;align-items:center;gap:10px;font-size:13px;display:grid}.settings__row input[type=range]{width:100%;accent-color:var(--ember)}.settings__row output{text-align:right;font:600 12px/1 var(--font-number);color:var(--lantern)}.settings__check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.settings__check input{accent-color:var(--ember);width:16px;height:16px}.settings__keys{color:var(--ink-muted);line-height:1.7}@media (max-width:1100px){.chat{width:min(360px,100vw - 32px);bottom:148px}}.win{z-index:70}.settings{z-index:72}.minigame{z-index:80}.toast{z-index:90}.invites{z-index:95}.win--craft{width:min(940px,100vw - 32px)}.craft__grid{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:14px}.craft__side{gap:8px;min-width:0;display:grid}.craft__list{gap:8px;max-height:min(460px,100vh - 260px);padding-right:4px;display:grid;overflow:auto}.craft__row{text-align:left;cursor:pointer;color:#2b2b36;font-family:var(--font-body);background:#fff;border:2px solid #e2d6b8;border-radius:12px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.craft__row:hover{border-color:#8ec5ff}.craft__row.is-sel{background:#eef5ff;border-color:#4f8fe0}.craft__row .cc-slot{background:#fff;width:52px;height:52px}.craft__row .cc-slot__icon{object-fit:contain;width:40px;height:40px}.craft__rowinfo{gap:2px;min-width:0;display:grid}.craft__rowinfo b{font:700 14px/1.3 var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.craft__rowinfo .caption{color:#6b6f8a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.craft__bar{background:#e9e1cc;border-radius:999px;height:5px;overflow:hidden}.craft__bar i{border-radius:inherit;background:linear-gradient(90deg,#f0a24a,#5ad19a);height:100%;display:block}.craft__ready{color:#1f7a4a;white-space:nowrap;background:#d9f6e6;border:1px solid #5ad19a;font-size:11px}.craft__detail{color:#2b2b36;background:#fffaf0;border:2px solid #e2d6b8;border-radius:16px;align-content:start;gap:10px;max-height:min(520px,100vh - 220px);padding:14px 16px;display:grid;overflow:auto}.craft__head{align-items:flex-start;gap:12px;display:flex}.craft__head h3{font:700 18px/1.3 var(--font-display);margin:0 0 2px}.craft__head .caption{color:#6b6f8a}.craft__big{background:#fff;flex:none;width:72px;height:72px}.craft__big .cc-slot__icon{object-fit:contain;width:58px;height:58px}.craft__special{color:#9a5a12;font:600 12px/1.4 var(--font-body);background:#fff1dc;border-radius:8px;margin:4px 0;padding:4px 8px}.craft__warn{color:#c0392b!important}.craft__mats{gap:6px;display:grid}.craft__mat{background:#fff;border:2px solid #e2d6b8;border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.craft__mat .cc-slot{background:#fff;width:44px;height:44px}.craft__mat .cc-slot__icon{object-fit:contain;width:34px;height:34px}.craft__matinfo{min-width:0;display:grid}.craft__matinfo b{font:600 13px/1.3 var(--font-body)}.craft__matinfo .caption{color:#6b6f8a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.craft__count{font:700 14px/1 var(--font-number)}.craft__mat.is-ok{border-color:#9be3bd}.craft__mat.is-ok .craft__count{color:#1f7a4a}.craft__mat.is-miss .craft__count{color:#c0392b}.craft__coin{font:600 13px/1.3 var(--font-body);background:#fff;border:2px solid #e2d6b8;border-radius:10px;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.craft__coin b{font:700 15px/1 var(--font-number);color:#b8731a}.craft__coin.is-miss b{color:#c0392b}.craft__coin .caption{color:#6b6f8a;margin-left:auto}.craft__lock{gap:4px;display:grid}.craft__lock select{font:600 13px/1.2 var(--font-body);color:#2b2b36;background:#fff;border:2px solid #cfc3a6;border-radius:10px;padding:8px 10px}.craft__go{justify-self:stretch;padding:12px;font-size:15px}.craft__go[disabled]{opacity:.55;cursor:not-allowed}.craft__result{color:#1f5a3a;font:600 13px/1.4 var(--font-body);background:#eaf7ef;border:2px solid #5ad19a;border-radius:12px;gap:3px;padding:10px 12px;animation:.2s ease-out panel-in;display:grid}.craft__result b{font-size:14px}@media (max-width:820px){.craft__grid{grid-template-columns:1fr}.craft__list{max-height:240px}}.party__bonus{font:600 11px/1.3 var(--font-body);color:var(--ink-muted);padding:2px 2px 0}.party__bonus.is-on{color:var(--success)}.skill__reset{justify-content:center;align-items:center;gap:10px;margin:-4px 0 4px;display:flex}.skill__reset .caption{color:#6b6f8a}.skill__reset .cc-btn{padding:5px 12px;font-size:12px}.win--gacha{width:min(560px,100vw - 32px)}.gacha{gap:var(--space-3);display:grid}.gacha__show{align-items:center;gap:var(--space-3);min-height:112px;padding:var(--space-3);border-radius:var(--radius-slot);background:radial-gradient(ellipse at 30% 30%, #f6c64f29, transparent 70%), var(--panel-raised);border:1px solid var(--line);grid-template-columns:auto 1fr;display:grid}.gacha__show.is-open{border-color:var(--lantern);animation:.22s ease-out panel-in;box-shadow:0 0 18px #f6c64f40}.gacha__capsule{background:linear-gradient(#f0446a 0 50%,#f4ecdc 50% 100%);border:3px solid #221a2c;border-radius:50%;width:64px;height:64px;box-shadow:inset -6px -6px #0000001f}.gacha__capsule.is-spin{animation:.35s ease-in-out infinite alternate gacha-wobble}@keyframes gacha-wobble{0%{transform:rotate(-14deg)translateY(2px)}to{transform:rotate(14deg)translateY(-2px)}}.gacha__prize{width:80px;height:80px}.gacha__prize .cc-slot__icon{width:64px;height:64px}.gacha__prizeinfo{gap:4px;display:grid}.gacha__btns{gap:var(--space-2);justify-content:center;display:flex}.gacha__poolhead{justify-content:space-between;align-items:baseline;display:flex}.gacha__pool{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(56px,1fr));max-height:220px;display:grid;overflow:auto}.gacha__cell{opacity:.45;position:relative}.gacha__cell.is-owned{opacity:1}.gacha__cell .cc-slot{width:56px;height:56px}.gacha__cell .cc-slot__icon{object-fit:contain;place-self:center;width:44px;height:44px}.gacha__check{color:#1f1a12;background:var(--lantern);border-radius:999px;padding:0 5px;font-size:12px;font-weight:700;position:absolute;bottom:2px;right:2px}.skd__runes{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-slot);color:#f5ecda;background:#0c0a1873;border:1px solid #7fb0ff47;gap:6px;display:grid}.skd__runes .label{color:#f6c64f}.skd__runes .caption{color:#f5ecdab8}.runeslots{flex-wrap:wrap;gap:6px;display:flex}.runeslot{color:#f5ecda;min-height:36px;font:inherit;cursor:pointer;background:#ffffff12;border:1px dashed #f5ecda73;border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 4px;font-size:13px;display:inline-flex}.runeslot img{width:28px;height:28px}.runeslot:hover:not([disabled]){background:#f6c64f1f;border-color:#f6c64f}.runeslot.is-full{background:#7fb0ff24;border-style:solid;border-color:#7fb0ff}.runeslot.is-empty{padding-left:12px}.runeslot.is-locked{cursor:default;color:#f5ecda99;border-style:solid;border-color:#f5ecda2e;padding-left:12px}.runeslot.is-picking{box-shadow:0 0 0 2px #f6c64f}.runepicker{gap:4px;max-height:190px;display:grid;overflow:auto}.runepick{text-align:left;color:#f5ecda;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #f5ecda33;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.runepick img{flex:none;width:28px;height:28px}.runepick b{color:#fff3d0}.runepick small{color:#f5ecdab3;font-size:12px;display:block}.runepick:hover{background:#f6c64f1a;border-color:#f6c64f}.runepick--off{color:#ffab9a;justify-content:center}.win--rune{width:min(520px,100vw - 32px)}button.pill--ch{cursor:pointer;font:inherit;border:0}button.pill--ch:hover{filter:brightness(1.15)}.wboss{color:#f3e6c4;max-width:320px;font:600 13px/18px var(--font-body);cursor:pointer;text-align:left;background:#121020c7;border:1px solid #e8be6e8c;border-radius:999px;align-self:flex-end;align-items:center;gap:8px;padding:5px 12px;display:flex}.wboss span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wboss b{color:#ffd36b;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.wboss.is-live{background:#3c0e18d9;border-color:#e04a5a;animation:1.6s ease-in-out infinite wboss-pulse}.wboss.is-live b{color:#ff8a8a}@keyframes wboss-pulse{50%{box-shadow:0 0 0 4px #e04a5a40}}.topright__meta{position:relative}.chpop{z-index:80;color:#f5ecda;background:#121024f0;border:1px solid #f6c64f59;border-radius:12px;gap:4px;min-width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000073}.chpop__title{color:#f6c64f;padding:0 4px 2px;font-size:12px}.chpop__row{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #f5ecda26;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:6px 10px;font-size:13px;display:grid}.chpop__row small{color:#f5ecda99;grid-column:1/-1;font-size:11px}.chpop__row:hover{border-color:#f6c64f}.chpop__row.is-cur{background:#7fe0a81f;border-color:#7fe0a8}.srvlist{gap:6px;display:grid}.srv{color:#f5ecda;font:inherit;text-align:left;cursor:pointer;background:#0a0a1873;border:1px solid #f6c64f40;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.srv.is-sel{background:#f6c64f14;border-color:#f6c64f;box-shadow:inset 0 0 0 1px #f6c64f59}.srv__dot{background:#7fe0a8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #7fe0a8}.srv.is-off .srv__dot{box-shadow:none;background:#8a86a8}.srv__name{letter-spacing:.02em;font-family:Cinzel,serif}.srv__meta{color:#f5ecdab3;font-size:12px}.cs__ch{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.cs__chbtn{color:#f5ecda;min-width:92px;font:inherit;cursor:pointer;background:#0a0a1880;border:1px solid #f6c64f4d;border-radius:999px;padding:6px 12px;font-size:13px}.cs__chbtn small{color:#f5ecdaa6;margin-left:4px}.cs__chbtn.is-sel{background:#f6c64f24;border-color:#f6c64f}.gauge__bar.is-pips{background:0 0;border:0;gap:3px;width:auto;min-width:0;height:auto;padding:2px;display:flex;overflow:visible}.gauge__bar.is-pips .pip{background:#1c2249;border:1.5px solid #3e4a78;border-radius:50%;width:14px;height:14px;position:relative;overflow:hidden}.gauge__bar.is-pips .pip.on{background:var(--gauge-color,#ffd36b);box-shadow:0 0 6px var(--gauge-color,#ffd36b);border-color:#fff8}.gauge__bar.is-pips .pip i{background:var(--gauge-color,#ffd36b);opacity:.55;position:absolute;top:0;bottom:0;left:0}