@font-face{font-family:SwordiaThai;src:url(/assets/thai.woff2) format("woff2");font-display:swap}:root{--ivory:#f0e5cf;--gold:#dfc18a;--edge:#b2a28599;--panel:#181b18dc;--ui-scale:1}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}input,textarea,[contenteditable=true],.title-legal-body{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:#203a2a;color:var(--ivory);font-family:SwordiaThai,Tahoma,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid #ffe6a4;outline-offset:3px}button:hover{filter:brightness(1.2)}canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 85px #13221970}.panel{background:linear-gradient(115deg,#292923da,#151917de);border:1px solid var(--edge);border-radius:8px;box-shadow:inset 0 0 0 3px #0d14164d,0 3px 8px #0007;text-shadow:1px 2px 2px #000}.logo{position:absolute;top:18px;left:24px;pointer-events:none;transform:scale(var(--ui-scale));transform-origin:top left;text-align:center;filter:drop-shadow(1px 4px 2px #17221c)}.logo>span{display:block;font:italic 900 69px Georgia,serif;letter-spacing:-7px;color:#fffef2;line-height:1.08;transform:rotate(-4deg)}.logo-i{color:#f0ede0;text-shadow:2px 2px #8e302a}.logo small{font-size:21px;font-weight:700;letter-spacing:1px;color:#fffced}.hero-hud{position:absolute;top:16px;left:17px;width:286px;transform:scale(var(--ui-scale));transform-origin:top left;filter:drop-shadow(0 2px 2px #0008)}.portrait{position:absolute;left:0;top:0;width:83px;height:86px;overflow:hidden;border:2px solid #cfc3a2;border-radius:49%;background:radial-gradient(#a69b71,#282a23);box-shadow:0 0 0 3px #24251ccc}.portrait img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%}.hero-info{margin-left:94px;padding:4px 0;text-shadow:1px 2px 2px #000;font-size:14px}.hero-info strong{font-weight:400;margin-left:6px}.hero-info small{font-size:10px;color:#ded4bc}.meter{height:19px;margin-top:4px;border:1px solid #211d17;border-radius:6px;position:relative;text-align:center;box-shadow:inset 0 1px #fff6}.meter span{position:relative;top:-2px;font:12px Arial;text-shadow:1px 1px 2px #000}.hp{background:linear-gradient(#e26d4f,#9f3024)}.mp{background:#16252c;overflow:hidden}#mp-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#4ebbea,#136fa8)}.top-menu button,#arena-toggle{position:relative}#arena-badge{position:absolute;top:-6px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#d9483b;color:#fff;font:700 9px/14px Arial;font-style:normal;box-shadow:0 0 0 2px #1d1a14;pointer-events:none}#stat-badge,#skill-badge{position:absolute;top:0;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d9483b;color:#fff;font:700 10px/16px Arial;font-style:normal;box-shadow:0 0 0 2px #1d1a14}.stat-grid{display:grid;grid-template-columns:auto 3.2em 2.6em 2.4em;gap:6px 10px;align-items:center;margin:6px 0 12px}.stat-grid strong{color:var(--gold);letter-spacing:1px}.stat-grid .value{text-align:right;font-size:16px}.stat-grid .cost{color:#aaa98e;font-size:11px}.stat-grid button{min-width:32px;min-height:32px;border:1px solid #c9ad72;border-radius:4px;background:#2c3a33;color:#f6e3b0;font:700 16px Arial}.stat-grid button:disabled{opacity:.35}.derived{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px;border-top:1px solid #a6957355;padding-top:10px}.derived span{display:flex;justify-content:space-between;gap:8px}.derived b{color:#f4d895;font-weight:400}.top-menu{position:absolute;top:13px;right:264px;display:flex;gap:13px;transform:scale(var(--ui-scale));transform-origin:top right}.top-menu button{background:none;border:0;padding:0;width:66px;filter:drop-shadow(0 3px 2px #000);text-shadow:1px 2px #000}.top-menu b{font-family:Georgia,serif;font-size:35px;line-height:46px;font-weight:400;display:block;color:#f3e5c8;filter:sepia(.3)}.top-menu span{font-size:14px;white-space:nowrap}.right-hud{position:absolute;right:14px;top:13px;width:232px;transform:scale(var(--ui-scale));transform-origin:top right}.map-heading{display:flex;gap:7px;padding:7px 8px;align-items:center;font-size:12px}.map-heading strong{font-weight:400;flex:1}.map-heading>span{font:11px Arial;color:#d9d3c3}.map-heading button{font-size:20px;background:none;border:0;line-height:16px;padding:0 3px}.map-image{aspect-ratio:1/1;margin:0 8px;background:#b9cf94 no-repeat;position:relative;overflow:hidden;border:1px solid #afa88688;border-radius:3px;box-shadow:inset 0 0 12px #2a3a2066}.map-shade{position:absolute;inset:0;background:#71964722}.compass{position:absolute;top:5px;left:7px;font:12px Georgia;color:#ffe2a4}.map-portal{position:absolute;left:78%;top:27%;color:#ffeb90;text-shadow:0 0 4px #111}#map-player{position:absolute;left:47%;top:55%;font-size:20px;color:#79e8ff;transform:translate(-50%,-50%);text-shadow:1px 1px #111,-1px -1px #111,0 0 6px #fff}#coordinates{display:flex;justify-content:space-around;gap:6px;padding:4px;font:11px SwordiaThai,Arial;color:#c9c3b0}#coordinates b{font:12px Arial;color:#f4eee0;font-variant-numeric:tabular-nums}#coord-cursor{color:#ffe2a4!important}.quests{margin-top:9px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #95816466;gap:2px}.tabs button{flex:1;border:0;border-radius:5px 5px 0 0;background:#2528258f;padding:6px 9px;font-size:13px;white-space:nowrap;text-shadow:1px 1px #000}.tabs button.active{color:#28251e;background:linear-gradient(#f0e6d0,#c1b59b);text-shadow:none}#quest-content,#side-content{padding:7px 10px 11px}.quests h3{font-size:13px;font-weight:400;color:#f0cd73;margin:2px 0 6px;white-space:nowrap}.quests h3 span{display:inline-grid;place-items:center;border-radius:50%;width:17px;height:17px;background:#eab534;color:#35281a;font:700 14px Georgia;margin-right:4px;text-shadow:none}.quests h3.blue{color:#8bd2e3}.quests h3.blue span{background:#2bb6e0}.quests p{font-size:11px;margin:4px 0 5px;padding-left:23px;line-height:1.6}.quests p strong{float:right;font-weight:400;color:#ffe4a4}.quest-divider{height:1px;background:#95816455;margin:8px -10px}.chat{position:absolute;bottom:43px;left:14px;width:352px;transform:scale(var(--ui-scale));transform-origin:bottom left;border-top:0;border-radius:5px}.chat .tabs{margin:0 -1px}.chat .tabs button:last-child{flex:0;min-width:35px}#log-lines{height:150px;padding:10px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9b967155 transparent}#log-lines p{margin:2px 0;font-size:12px;line-height:1.75}#log-lines .gold,.gold{color:#f2d77b}#log-lines .loot{color:#a6dfa6}.chat-bottom{display:flex;align-items:center;gap:10px;margin:0 6px 5px;padding:6px;border-top:1px solid #a6997355;font-size:12px}.chat-bottom small{flex:1;color:#aaa696;font-size:11px}.chat.collapsed #log-lines,.chat.collapsed .chat-bottom{display:none}.actions{position:absolute;right:22px;bottom:52px;width:382px;height:294px;transform:scale(var(--ui-scale));transform-origin:bottom right;pointer-events:none}.round{pointer-events:auto;position:absolute;display:grid;place-items:center;border:2px solid #b0a68e;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#4e5146d9,#1e2523eb 70%);box-shadow:0 0 0 3px #171e2088,inset 0 0 0 3px #b4a57a22,0 4px 8px #0008;width:73px;height:73px;filter:drop-shadow(0 2px 1px #0006)}.round small{position:absolute;bottom:3px;font-size:10px;text-shadow:1px 2px #000}.round svg{width:78%;fill:#eee4cc;stroke:#282a25;stroke-width:1}.round svg .hilt{fill:none;stroke:#eddfc1;stroke-width:7;stroke-linecap:round}.round svg .thin{fill:none;stroke:#fff;stroke-width:3}.target{right:3px;top:0;width:57px;height:57px}.target>span{font:46px Georgia}.target small{bottom:-20px;background:#222921b9;border-radius:3px;padding:2px 6px}.skill{background:radial-gradient(ellipse at 50% 40%,#5597ec,#123c88 46%,#171e45 68%,#b0a77e 72%,#202b31 79%)}.skill-one{right:67px;top:66px;width:80px;height:80px}.skill-one svg{fill:#c8f7ff;filter:drop-shadow(0 0 5px #58d4ff)}.skill-two{right:135px;bottom:56px;background:radial-gradient(#e3c3ff,#5845a1 40%,#14265a 62%,#a7acbd 65%,#242931 72%)}.skill-two>span{font:64px Georgia;color:#effbff;text-shadow:0 0 7px #a4e9ff}.bag{right:223px;bottom:5px;width:62px;height:62px;background:radial-gradient(#6c3830,#2e2924 68%)}.bag>span{font:37px Georgia;color:#e6d8b9}.cooldown:empty{display:none}.cooldown{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#081a35bb;font-size:22px}.experience #exp-label{white-space:nowrap;flex:none}.experience{position:absolute;bottom:0;left:0;right:0;display:flex;gap:12px;align-items:center;height:29px;padding:0 18px;background:linear-gradient(#1e2524e6,#0e1817fa);border-top:1px solid #94846a77;font:11px Arial;color:#f1efdb}.exp-track{flex:1;height:8px;background:#0e191d;border-radius:4px;box-shadow:inset 0 1px 2px #000}.exp-track>div{height:100%;width:0%;background:linear-gradient(#a7db59,#4c9a2d);border-radius:4px}.build-label{font:9px SwordiaThai;color:#c1bda8}.version-label{flex:none;font:700 10px Arial;letter-spacing:.5px;color:#d9b866;white-space:nowrap}.connection{color:#89d566}.connection span{font-size:10px;color:#cedeb5}.server-status{display:flex;gap:10px;align-items:center;white-space:nowrap;font:10px Arial;color:#cedeb5}.server-status span+span:before{content:"";display:inline-block;width:1px;height:9px;margin-right:10px;background:#94846a77;vertical-align:-1px}.server-status>span{display:inline-flex;align-items:center;gap:4px}.status-icon{flex:none;color:#d9b866}.status-ping .status-icon{color:inherit}.status-ping[data-tone=good]{color:#89d566}.status-ping[data-tone=warn]{color:#e8c35a}.status-ping[data-tone=bad]{color:#ff8a7a}.modal{text-align:center;padding:35px 55px;max-width:90vw}.modal small,dialog>small{letter-spacing:5px;color:var(--gold);font:12px Georgia}.modal h1{font-size:26px}.modal p{font-size:14px}.muted{color:#aaa98e;font-size:10px!important}.gold-button{border:1px solid #d5ba7b;background:linear-gradient(#cbb483,#9a7d4c);color:#26251d;border-radius:4px;padding:10px 28px;text-shadow:none}#pause-screen{position:absolute;inset:0;background:#102018aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:30}#pause-screen[hidden]{display:none}dialog{color:var(--ivory);min-width:330px;max-width:min(520px,90vw);padding:30px;z-index:40}dialog::backdrop{background:#0e171ba1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{color:var(--gold);margin:12px 0}dialog p{font-size:14px;line-height:1.9}#close-dialog{position:absolute;top:6px;right:10px;background:none;border:none;font-size:25px}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#20291be8;border:1px solid #bca57588;padding:8px 20px;border-radius:5px;color:#f4d895;font-size:13px;pointer-events:none;opacity:0;transition:opacity .15s}#toast.visible{opacity:1}.inventory-item{padding:13px;margin:8px 0;border:1px solid #a6957355;background:#0a121333;border-radius:5px}.inventory-item strong{float:right;color:#e3ce85}@media(max-width:1250px){:root{--ui-scale:.82}.top-menu{right:211px;gap:9px}.hero-hud{top:14px}.right-hud{right:10px}.chat{bottom:36px}}@media(max-width:950px){:root{--ui-scale:.68}.top-menu{top:8px;right:172px;gap:5px}.hero-hud{top:12px}.logo{top:14px;left:16px}.build-label{display:none}.right-hud{top:9px}.actions{bottom:42px;right:14px}.chat{left:10px}}@media(max-width:600px){:root{--ui-scale:.57}.logo{top:12px;left:12px}.hero-hud{top:12px;left:10px}.right-hud{top:10px;right:8px}.top-menu{right:10px;top:auto;bottom:220px;transform:scale(.57);transform-origin:bottom right;gap:7px}.top-menu button:nth-child(-n+5){display:none}.quests{margin-top:10px}.chat{width:280px;bottom:34px}.chat #log-lines{height:132px}.chat .chat-bottom{display:none}.actions{transform:scale(.64);bottom:41px;right:10px}.experience{padding:0 8px;gap:7px;font-size:9px}.connection span{display:none}.server-status{gap:6px;font-size:9px}.server-status span+span:before{margin-right:6px}.portrait{width:78px}.hero-info{margin-left:88px}.hero-hud{width:280px}#toast{top:43%;font-size:11px;width:230px;text-align:center}}@media(prefers-reduced-motion:reduce){#toast{transition:none}}#map-player{z-index:1}.hp{background:#391f1d;overflow:hidden}#hp-fill{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#e26d4f,#9f3024)}.round:disabled{opacity:.55}.round[aria-pressed=true]{border-color:#c4f6b5;box-shadow:0 0 14px #8ada7799}.skill-two>span{font-size:38px}#game{position:relative;z-index:0}.tower-warp-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 48%,#fff8d8,#f7cd72 22%,#79503c 54%,#19131c)}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.world-labels>div{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap}.world-labels>div[hidden]{display:none}.monster-label{translate:-50% -100%;font:14px SwordiaThai,Tahoma;color:#fff;text-shadow:0 0 3px #282419,0 0 3px #282419,0 1px 2px #000}.monster-label[data-threat=weak]{color:#8fe07a}.monster-label[data-threat=tough]{color:#ffd84a}.monster-label[data-threat=deadly]{color:#ff5a4a}.monster-label:is([data-rank=mini-boss],[data-rank=boss]){font-size:18px;font-weight:700;color:#ff4a3d;text-shadow:-1px -1px 0 #2a0806,1px -1px 0 #2a0806,-1px 1px 0 #2a0806,1px 1px 0 #2a0806,0 0 4px #000}.monster-label:is([data-rank=mini-boss],[data-rank=boss]):before{margin-right:4px;padding:0 4px;font:700 10px/14px Arial,sans-serif;vertical-align:2px;color:#fff;background:#b3140c;border:1px solid #3a0a06;border-radius:3px;text-shadow:none}.monster-label[data-rank=mini-boss]:before{content:"MINI BOSS"}.monster-label[data-rank=boss]:before{content:"BOSS"}.player-bars{translate:-50% 8px;display:grid;gap:1px;width:40px;padding:2px;background:#14100cd9;border:1px solid #e8d9a8e6;border-radius:2px}.player-bars i{display:block;height:3px;background:#2a1c18}.player-bars i.mp{height:2px}.player-bars i b{display:block;height:100%;background:#d9483b}.player-bars i.mp b{background:#3b9ad9}.login-panel{position:fixed;z-index:200;left:50%;top:50%;translate:-50% -50%;display:grid;gap:10px;width:min(340px,calc(100vw - 32px));padding:22px 24px;color:#f4e6c2;font:15px SwordiaThai,Tahoma;background:#2a1d14f2;border:2px solid #c9a45c;border-radius:10px;box-shadow:0 12px 40px #000a}.login-panel h2{margin:0;font-size:22px;color:#ffd98a}.login-panel p{margin:0}.login-panel input{padding:8px 10px;font:16px SwordiaThai,Tahoma;color:#2a1d14;background:#fbf3de;border:1px solid #8a6a36;border-radius:6px}.login-panel .login-error{min-height:1.2em;color:#ff8a7a;font-size:13px}.net-status{position:fixed;z-index:200;left:50%;top:16px;translate:-50% 0;padding:8px 16px;color:#fff;font:14px SwordiaThai,Tahoma;background:#8b1d14e6;border-radius:6px;display:flex;align-items:center;gap:12px}.net-status button{padding:3px 12px;color:#3a2410;font:inherit;background:#ffd98a;border:0;border-radius:4px;cursor:pointer}.announcement{position:fixed;z-index:150;left:50%;top:92px;translate:-50% 0;max-width:min(640px,calc(100vw - 32px));padding:10px 22px;color:#fff7dc;font:16px SwordiaThai,Tahoma;text-align:center;background:linear-gradient(90deg,#5a1d0cf0,#8b3a14f0,#5a1d0cf0);border:1px solid #f0c46a;border-radius:8px;box-shadow:0 6px 20px #0008;animation:announce-in .4s ease-out}@keyframes announce-in{0%{opacity:0;translate:-50% -12px}}#log-lines .announce{color:#ffcf70}#log-lines p[data-kind=bag-warning]{color:#ff7770;font-weight:700;text-shadow:0 0 6px #a31a1a88}.other-player{translate:-50% -100%;display:grid;justify-items:center;gap:2px;font:13px SwordiaThai,Tahoma;color:#e8f4ff;text-shadow:0 0 3px #10202c,0 0 3px #10202c,0 1px 2px #000;white-space:nowrap}.other-player i{display:block;width:36px;height:3px;padding:1px;background:#14100cd9;border:1px solid #e8d9a8b3;border-radius:2px}.other-player i b{display:block;height:100%;background:#d9483b}.title-tag{font-style:normal;font-weight:700;color:var(--gear-color,#e8f4ff)}.player-stall-sign small.player-stall-badge{display:block;margin-top:1px;color:#b9d8ff;font-size:11px;font-weight:700;letter-spacing:.02em}.player-stall-sign[data-offline=true]{border-color:#8fb4e6;background:linear-gradient(#2f4360,#1c2536)}.player-stall-sign{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;border:2px solid #f1c977;border-radius:7px;background:linear-gradient(#704923,#3d2818);box-shadow:0 3px 9px #000b;color:#ffe3a4;font-size:15px;font-weight:700;cursor:pointer;pointer-events:auto}.world-labels>.chat-bubble{translate:-50% calc(-100% - 30px);width:max-content;max-width:220px;padding:4px 9px 5px;color:#fff4dc;text-shadow:0 1px 2px #000;background:#1a110b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #dfc18a99;border-radius:9px;box-shadow:0 3px 8px #00000040;font:13px/1.35 SwordiaThai,Tahoma;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;transition:opacity .15s linear}.world-labels>.chat-bubble.self{translate:-50% calc(-100% - 12px)}.chat-bubble span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.chat-bubble:before,.chat-bubble:after{content:"";position:absolute;left:50%;translate:-50% 0;border-style:solid;border-color:transparent}.chat-bubble:before{top:100%;border-width:7px 6px 0;border-top-color:#dfc18a99}.chat-bubble:after{display:none}.duel-result-label{--duel-color:#4bd4ff;translate:-50% -100%;padding:5px 16px 6px;color:#e7faff;background:linear-gradient(90deg,#092231ed,#153f56ed,#092231ed);border:1px solid var(--duel-color);border-radius:20px;font:900 19px/1.1 Georgia,serif;letter-spacing:.18em;text-shadow:0 0 5px var(--duel-color),0 0 15px var(--duel-color),0 1px 2px #000;box-shadow:0 0 12px var(--duel-color),inset 0 0 10px #8de9ff33;animation:duel-result-in .28s ease-out both}.duel-result-label:before,.duel-result-label:after{content:"✦";position:absolute;top:50%;translate:0 -50%;font:16px Georgia,serif;color:var(--duel-color)}.duel-result-label:before{left:5px}.duel-result-label:after{right:5px}.duel-result-label.loser{--duel-color:#ff565d;color:#ffe9e7;background:linear-gradient(90deg,#330d13ed,#5b1820ed,#330d13ed);box-shadow:0 0 12px var(--duel-color),inset 0 0 10px #ff8c7a33}.duel-result-label.boss-rank-1{--duel-color:#f9de84;color:#fff4be;background:linear-gradient(90deg,#34200aed,#674719ed,#34200aed);font-size:15px}.duel-result-label.boss-rank-2{--duel-color:#dce9ff;color:#f2f6ff;background:linear-gradient(90deg,#192435ed,#354969ed,#192435ed);font-size:15px}.duel-result-label.boss-rank-3{--duel-color:#e9a66f;color:#ffdfc6;background:linear-gradient(90deg,#321b12ed,#603522ed,#321b12ed);font-size:15px}@keyframes duel-result-in{0%{opacity:0;scale:.65}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.duel-result-label{animation:none}}.warp-label{translate:-50% -100%;display:grid;justify-items:center;gap:2px;padding:4px 16px 6px;color:#fbe7b0;background:#1c120be6;border:1.5px solid #c9a45c;border-radius:6px;text-align:center}.warp-label b{position:absolute;top:-13px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c120b;border:1.5px solid #c9a45c;font:12px Arial}.warp-label strong{font:15px SwordiaThai,Tahoma}.warp-label small{font:10px SwordiaThai,Tahoma;color:#d9c49a;border-top:1px solid #c9a45c80;padding-top:2px}.popup{translate:-50% -100%;font:700 italic 26px Georgia,serif;color:#fff;-webkit-text-stroke:0;text-shadow:0 0 3px #2a2622,0 0 3px #2a2622,0 2px 2px #000}.popup.skill{--skill-ink:#f8f7f1;--skill-glow:#fff;font:700 italic 36px/1 Georgia,serif;letter-spacing:-.035em;color:var(--skill-ink);background:transparent;border:0;padding:0;box-shadow:none;-webkit-text-stroke:1px #211811;text-shadow:0 2px 0 #211811,0 0 8px var(--skill-glow),0 0 18px var(--skill-glow)}.popup.skill-fighter{--skill-ink:#ff6254;--skill-glow:#ff3c30}.popup.skill-hunter{--skill-ink:#75e37d;--skill-glow:#3fc75e}.popup.skill-taoist{--skill-ink:#ffe079;--skill-glow:#f1b92f}.popup.skill-assassin{--skill-ink:#17131d;--skill-glow:#c9b4e6;-webkit-text-stroke:1.5px #f0e7ff;text-shadow:0 2px 0 #f9f1ff,0 0 8px #fff,0 0 16px #b49bcc}.popup.skill:not(.critical):before{content:"✦";position:absolute;left:-.5em;top:-.3em;font: 14px Georgia,serif;color:var(--skill-ink);-webkit-text-stroke:0;text-shadow:0 0 8px var(--skill-glow);animation:skill-spark .55s ease-out both}@keyframes skill-spark{0%{opacity:0;scale:.35;rotate:-35deg}35%{opacity:1}to{opacity:0;scale:1.3;rotate:35deg}}.popup.skill.critical{font-size:43px;color:var(--skill-ink);text-shadow:0 2px 0 #211811,0 0 10px var(--skill-glow),0 0 22px var(--skill-glow);animation:skill-crit-glow .5s ease-in-out 2 alternate}.popup.skill-assassin.critical{text-shadow:0 2px 0 #f9f1ff,0 0 10px #fff,0 0 22px #b49bcc}.popup.skill.critical:before{background:conic-gradient(from 0deg,var(--skill-glow) 0 6deg,transparent 6deg 30deg,var(--skill-ink) 30deg 36deg,transparent 36deg 60deg,var(--skill-glow) 60deg 66deg,transparent 66deg 90deg,var(--skill-ink) 90deg 96deg,transparent 96deg 120deg,var(--skill-glow) 120deg 126deg,transparent 126deg 150deg,var(--skill-ink) 150deg 156deg,transparent 156deg 180deg,var(--skill-glow) 180deg 186deg,transparent 186deg 210deg,var(--skill-ink) 210deg 216deg,transparent 216deg 240deg,var(--skill-glow) 240deg 246deg,transparent 246deg 270deg,var(--skill-ink) 270deg 276deg,transparent 276deg 300deg,var(--skill-glow) 300deg 306deg,transparent 306deg 330deg,var(--skill-ink) 330deg 336deg,transparent 336deg)}.popup.skill.critical:after{color:var(--skill-ink);text-shadow:0 0 6px var(--skill-glow),0 1px 2px #000}@keyframes skill-crit-glow{to{text-shadow:0 2px 0 #211811,0 0 15px var(--skill-glow),0 0 28px var(--skill-glow)}}.popup.critical{font-size:46px;color:#ffd24a;isolation:isolate;text-shadow:0 0 3px #5a2c05,0 0 3px #5a2c05,0 2px 2px #000;animation:crit-glow .5s ease-in-out 2 alternate}.popup.critical:before{content:"";position:absolute;left:50%;top:55%;width:2.6em;height:2.6em;translate:-50% -50%;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,#fff3b0 0 6deg,transparent 6deg 30deg,#ffb030 30deg 36deg,transparent 36deg 60deg,#fff3b0 60deg 66deg,transparent 66deg 90deg,#ffb030 90deg 96deg,transparent 96deg 120deg,#fff3b0 120deg 126deg,transparent 126deg 150deg,#ffb030 150deg 156deg,transparent 156deg 180deg,#fff3b0 180deg 186deg,transparent 186deg 210deg,#ffb030 210deg 216deg,transparent 216deg 240deg,#fff3b0 240deg 246deg,transparent 246deg 270deg,#ffb030 270deg 276deg,transparent 276deg 300deg,#fff3b0 300deg 306deg,transparent 306deg 330deg,#ffb030 330deg 336deg,transparent 336deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 70%);mask:radial-gradient(circle,#000 18%,transparent 70%);animation:crit-burst .6s ease-out both}.popup.critical:after{content:"CRITICAL!";position:absolute;left:50%;bottom:100%;translate:-50% 2px;font:700 italic 12px Georgia,serif;letter-spacing:1px;color:#ff8a3d;text-shadow:0 0 3px #3b1405,0 1px 2px #000;white-space:nowrap}@keyframes crit-glow{to{text-shadow:0 0 3px #5a2c05,0 0 12px #ff9a2e,0 0 22px #ffcf4a,0 2px 2px #000}}@keyframes crit-burst{0%{opacity:0;scale:.2;rotate:0deg}25%{opacity:1}to{opacity:0;scale:1.5;rotate:70deg}}@media(prefers-reduced-motion:reduce){.popup.critical,.popup.critical:before,.popup.skill:not(.critical):before{animation:none}.popup.critical:before{opacity:.6}}.popup.hurt{font-size:30px;color:#ff4a3a;-webkit-text-stroke:1px #2a0604;text-shadow:0 0 3px #3b0d08,0 0 8px #ff2a1a,0 2px 2px #000}.popup.heal{font:700 26px/1 Georgia,serif;color:#7dff97;-webkit-text-stroke:1px #06260f;text-shadow:0 0 3px #06260f,0 0 9px #2fd35a,0 2px 2px #000}.popup.heal-sp{color:#7ccfff;-webkit-text-stroke-color:#05192b;text-shadow:0 0 3px #05192b,0 0 9px #2f9bff,0 2px 2px #000}.popup.dodge{font-size:17px;color:#bfe9ff;text-shadow:0 0 3px #0a2233,0 0 3px #0a2233,0 1px 2px #000}[data-graphics=low] .popup.critical,[data-graphics=low] .popup.skill.critical{animation:none}[data-graphics=low] .popup.critical:before,[data-graphics=low] .popup.skill:before{display:none}@media(max-width:760px){.popup{font-size:21px}.popup.skill{font-size:27px}.popup.critical,.popup.skill.critical{font-size:34px}.popup.hurt{font-size:24px}.popup.heal{font-size:21px}.popup.miss{font-size:13px}.popup.dodge{font-size:14px}}.popup.miss{font-size:15px;color:#ff4638;text-shadow:0 0 2px #3b0806,0 0 2px #3b0806,0 1px 2px #000}.popup.lucky{color:#b8f28c}.compass{color:#5d4a2a!important;text-shadow:0 0 2px #fff8}.map-portal{transform:translate(-50%,-50%);color:#c98a1c!important;text-shadow:0 0 3px #fff,0 0 2px #fff!important;font-size:13px}#map-player{font-size:14px!important;color:#e24a3a!important;text-shadow:0 0 3px #fff,0 0 2px #fff!important}.camera-presets{display:grid;grid-template-columns:20px repeat(3,1fr);align-items:center;gap:4px;margin:0 8px 8px}.quality-presets{margin-top:-4px}.preset-icon{display:grid;place-items:center;height:22px;color:#f0d592;filter:drop-shadow(0 1px 1px #000a)}.camera-presets button{padding:4px 0;font-size:12px;color:#e9dfc6;background:linear-gradient(#2e2a22,#1c1a15);border:1px solid #8a7a5a88;border-radius:4px}.camera-presets button[aria-pressed=true]{color:#2a2116;background:linear-gradient(#f0d592,#c9a45c);border-color:#f0d592}.right-hud .panel{background:linear-gradient(115deg,#29292399,#1519179e);box-shadow:inset 0 0 0 3px #0d141633,0 3px 8px #0004}.right-hud .tabs button:not(.active){background:#17372e99}.camera-presets button{background:linear-gradient(#2e2a22b3,#1c1a15b3)}.portrait{width:82px!important;height:82px!important;border-radius:50%!important}.hero-hud .portrait{--class-edge:#cfc3a2;--class-glow:#0000;overflow:visible;border-color:var(--class-edge);box-shadow:0 0 0 3px #24251ccc,0 0 12px var(--class-glow);transition:border-color .18s,box-shadow .18s}.hero-hud .portrait[data-class=fighter]{--class-edge:#e0604a;--class-glow:#e0604a88}.hero-hud .portrait[data-class=hunter]{--class-edge:#6fce7c;--class-glow:#6fce7c88}.hero-hud .portrait[data-class=taoist]{--class-edge:#f3d27a;--class-glow:#f3d27a88}.hero-hud .portrait[data-class=assassin]{--class-edge:#d0364f;--class-glow:#d0364f88}.hero-hud .portrait>.portrait-class{position:absolute;z-index:2;left:50%;bottom:-22px;translate:-50% 0;display:grid;place-items:center;width:34px;height:34px;padding:2px;border:2px solid var(--class-edge);border-radius:50%;background:radial-gradient(#3a3028,#15130f);box-shadow:0 0 0 2px #1b1510,0 3px 6px #000a}.hero-hud .portrait .portrait-class img{position:static;width:100%;height:100%;border-radius:0;object-fit:contain;image-rendering:auto}.top-menu{gap:7px!important}.top-menu button{width:60px;display:grid;justify-items:center}.top-menu img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 3px #000a);transition:transform .15s}.top-menu button:hover img{transform:translateY(-2px) scale(1.06)}.top-menu button span{margin-top:-2px}.top-menu button:nth-child(-n+5){display:grid!important}.top-menu button[data-panel=bag].bag-full{position:relative}.top-menu button[data-panel=bag].bag-full img{filter:drop-shadow(0 0 7px #ff3d38) drop-shadow(0 3px 3px #000a);animation:bag-full-glow 1.8s ease-in-out infinite}.top-menu button[data-panel=bag].bag-full:after{content:"!";position:absolute;top:0;right:0;display:grid;place-items:center;width:19px;height:19px;border:1px solid #ffd0a2;border-radius:50%;background:linear-gradient(#e44738,#8b1717);color:#fff5e8;font:700 14px/1 Arial;box-shadow:0 0 9px #f33b32}@keyframes bag-full-glow{50%{filter:drop-shadow(0 0 14px #ff4944) drop-shadow(0 3px 3px #000a)}}@media(prefers-reduced-motion:reduce){.top-menu button[data-panel=bag].bag-full img{animation:none}}#loading{position:fixed;inset:0;z-index:100;background:#1c2b23 url(/assets/ui/loading/background-v3.jpg) center/cover no-repeat;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}#loading:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#0a0f0cd9);pointer-events:none}.loading-bottom{position:absolute;left:50%;bottom:7vh;z-index:1;width:min(560px,86vw);translate:-50% 0;text-align:center;color:#f3e7cc}.loading-bar{position:relative;height:16px;padding:3px;border:1px solid #d9b675;border-radius:3px;background:#140d08cc;box-shadow:0 0 0 2px #2a1c10,0 0 18px #e2bd6e44;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.loading-fill{display:block;height:100%;width:0;background:linear-gradient(#ff8a7a,#e0302a 45%,#9e1418);box-shadow:0 0 10px #ff5a4a}.loading-title{margin:12px 0 2px;font:500 14px Georgia,serif;letter-spacing:8px;text-shadow:0 1px 3px #000}.loading-percent{margin-left:6px;letter-spacing:1px;color:#ffd76a}.loading-status{margin:0;font:13px SwordiaThai,Tahoma;color:#e3d2ab;text-shadow:0 1px 3px #000}#loading.failed .loading-status{color:#ff9a8a}.portrait img{image-rendering:pixelated}.npc-label{translate:-50% 2px;font:13px SwordiaThai,Tahoma;color:#9fe3ff;text-shadow:0 0 3px #282419,0 0 3px #282419,0 1px 2px #000}.round.art{border:0;border-radius:0;background:none;box-shadow:none;filter:none;padding:0;transition:transform .08s}.round.art img{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 4px 4px #000a)}.round.art:hover{filter:brightness(1.12)}.round.art:active{transform:scale(.93)}.round.art small{bottom:-4px;left:50%;translate:-50% 0;padding:1px 7px;border-radius:9px;background:#1b1410d9;border:1px solid #b08a4f;color:#f3dfb2;font:11px Arial;text-shadow:none}.auto{width:160px;height:160px;right:0;bottom:12px}.attack{width:112px;height:112px;right:170px;bottom:34px}.auto[aria-pressed=false] img{filter:saturate(.35) brightness(.72) drop-shadow(0 4px 4px #000a)}.auto[aria-pressed=true] img{animation:auto-glow 1.6s ease-in-out infinite}@keyframes auto-glow{0%,to{filter:drop-shadow(0 0 4px #ffcf6a) drop-shadow(0 4px 4px #000a)}50%{filter:drop-shadow(0 0 14px #ffd98a) drop-shadow(0 4px 4px #000a)}}@media(prefers-reduced-motion:reduce){.auto[aria-pressed=true] img{animation:none;filter:drop-shadow(0 0 10px #ffd98a)}}.auto{isolation:isolate}.auto:before,.auto:after{content:"";position:absolute;left:50%;top:42%;width:92%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s}.auto:before{background:conic-gradient(from 0deg,#ffd76a00,#ffd76acc 18%,#ffd76a00 34%,#fff2b0cc 52%,#ffd76a00,#ffb84dcc 84%,#ffd76a00);filter:blur(5px);width:120%;-webkit-mask:radial-gradient(closest-side,transparent 66%,#000 74%,#000 90%,transparent 100%);mask:radial-gradient(closest-side,transparent 66%,#000 74%,#000 90%,transparent 100%)}.auto:after{border:2px solid #ffd98a;box-shadow:0 0 12px #ffcf6a}.auto[aria-pressed=true]:before{opacity:1;animation:auto-spin 2.4s linear infinite}.auto[aria-pressed=true]:after{animation:auto-pulse 1.6s ease-out infinite}@keyframes auto-spin{to{rotate:360deg}}@keyframes auto-pulse{0%{opacity:.8;scale:.72}to{opacity:0;scale:1.18}}@media(prefers-reduced-motion:reduce){.auto[aria-pressed=true]:before{animation:none}.auto[aria-pressed=true]:after{animation:none;opacity:.6;scale:1}}.dialogue{position:fixed;left:50%;top:128px;translate:-50% 0;z-index:30;display:flex;gap:16px;align-items:center;width:min(520px,calc(100vw - 32px));padding:14px 18px 14px 14px;border-radius:12px;border:2px solid #b89a68;color:#3a2512;background:radial-gradient(ellipse at 50% 30%,#fbf4e3,#efe2c4 60%,#d9c49a);box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88,0 8px 22px #000a;animation:dialogue-in .18s ease-out}.dialogue[hidden]{display:none}.dialogue-portrait{flex:none;width:88px;height:88px;border-radius:50%;object-fit:cover;image-rendering:pixelated;background:#3a2a1c;border:3px solid #c9a35a;box-shadow:0 0 0 2px #5d3f18,0 3px 6px #0006}.dialogue-body{flex:1;min-width:0}.dialogue-name{display:inline-block;margin-bottom:6px;padding:2px 12px;border-radius:6px;background:linear-gradient(#5d3f18,#3b2712);color:#ffe2a4;font:600 15px SwordiaThai,Tahoma}.dialogue-text{margin:0;min-height:2.8em;font:19px/1.5 SwordiaThai,Tahoma}.dialogue-hint{display:block;margin-top:4px;text-align:right;color:#8a6b44;font-size:11px}.dialogue[data-typing=true] .dialogue-hint{visibility:hidden}@keyframes dialogue-in{0%{opacity:0;translate:-50% -12px}}@media(prefers-reduced-motion:reduce){.dialogue{animation:none}}@media(max-width:1250px){.dialogue{top:112px;width:min(480px,calc(100vw - 32px))}}@media(max-width:600px){.dialogue{top:304px;gap:10px}.dialogue-portrait{width:64px;height:64px}.dialogue-text{font-size:16px}}.dialogue-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:8px}.dialogue-actions:empty{display:none}.dialogue-action{min-height:34px;padding:4px 16px;border:2px solid #7a5a2a;border-radius:8px;background:linear-gradient(#f3e3bb,#dcc28a);color:#3a2512;font:600 15px SwordiaThai,Tahoma;cursor:pointer;box-shadow:0 2px #7a5a2a}.dialogue-action:hover,.dialogue-action:focus-visible{background:linear-gradient(#fff2c9,#efd598);outline:2px solid #fff3bd}.dialogue-action.primary{border-color:#7a3d12;background:linear-gradient(#ffd977,#e6a838);box-shadow:0 2px #7a3d12}.dialogue[data-actions=true] .dialogue-hint{display:none}.dialogue-quest{display:block;margin-bottom:2px;color:#8a4b12;font:600 12px SwordiaThai,Tahoma}.npc-mark{translate:-50% -100%;min-width:22px;height:26px;padding:0 5px;border:2px solid #7a3d12;border-radius:13px;background:linear-gradient(#ffe38a,#f0b030);color:#5b2a06;font:700 18px/22px Georgia,serif;text-align:center;box-shadow:0 2px #4a2208,0 0 8px #ffd35a;animation:npc-mark-bob 1.1s ease-in-out infinite;pointer-events:none}.npc-mark[data-mark=…]{border-color:#4d4d4d;background:linear-gradient(#d8d8d8,#a3a3a3);color:#3a3a3a;box-shadow:0 2px #333;animation:none}@keyframes npc-mark-bob{50%{margin-top:-5px}}@media(prefers-reduced-motion:reduce){.npc-mark{animation:none}}.map-npc.quest{border-color:#fff3a6;background:radial-gradient(#ffcf4d,#b7791b);color:#3b1f04;font:700 12px/1 Georgia,serif;box-shadow:0 0 0 1px #5c3708,0 0 7px #ffd35a}.map-npc.quest[data-mark=…]{background:radial-gradient(#d0d0d0,#8a8a8a);border-color:#eee;box-shadow:0 0 0 1px #333}.map-npc{position:absolute;z-index:2;translate:-50% -50%;display:grid;place-items:center;width:16px;height:16px;border:1px solid #fff0b4;border-radius:50%;background:radial-gradient(#8d652b,#3b2819);color:#fff1bf;font:12px/1 Georgia,serif;text-shadow:0 1px #201209;box-shadow:0 0 0 1px #3e2915,0 0 5px #ffdf87}.map-npc.shrine{border-color:#d6f6ed;background:radial-gradient(#297d79,#174343);color:#e2fff6;box-shadow:0 0 0 1px #173f3f,0 0 5px #8cebd9}.map-boss{position:absolute;z-index:3;width:18px;height:18px;translate:-50% -50%;display:grid;place-items:center;border-radius:50%;font:700 12px/1 Arial;color:#fff;background:radial-gradient(#e0392b,#8e1310);border:1.5px solid #ffd98a;box-shadow:0 0 0 1px #3b0806,0 0 8px #ff4a3a;animation:boss-breathe 1.4s ease-in-out infinite}.map-boss.boss{width:22px;height:22px;font-size:14px;background:radial-gradient(#ff3b2b,#7a0b08);border-color:#ffe28a}.map-boss:before,.map-boss:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #ff5a44;opacity:0;pointer-events:none}.map-boss:before{animation:boss-ping 1.6s ease-out infinite}.map-boss.ping:after{animation:boss-ping 1.2s ease-out .4s 4}.map-boss.ping:before{animation-duration:1.2s;border-color:#ffd98a}@keyframes boss-breathe{50%{box-shadow:0 0 0 1px #3b0806,0 0 14px 3px #ff4a3a}}@keyframes boss-ping{0%{opacity:.95;scale:1}to{opacity:0;scale:2.8}}@media(prefers-reduced-motion:reduce){.map-boss,.map-boss:before,.map-boss:after{animation:none}}#map-image{cursor:pointer;touch-action:manipulation}#map-image:focus-visible{outline:2px solid #ffe2a4;outline-offset:2px}.monster-label[data-rank=mini-boss]{color:#c77dff;text-shadow:-1px -1px 0 #1d0830,1px -1px 0 #1d0830,-1px 1px 0 #1d0830,1px 1px 0 #1d0830,0 0 4px #000}.monster-label[data-rank=mini-boss]:before{background:#7a2bb8;border-color:#26083d}.map-boss.mini-boss{background:radial-gradient(#b05cf0,#5a1690);border-color:#e6c8ff;box-shadow:0 0 0 1px #1d0830,0 0 8px #b05cf0;animation-name:miniboss-breathe}.map-boss.mini-boss:before,.map-boss.mini-boss:after{border-color:#c77dff}.map-boss.mini-boss.ping:before{border-color:#e6c8ff}@keyframes miniboss-breathe{50%{box-shadow:0 0 0 1px #1d0830,0 0 14px 3px #b05cf0}}.popup.regen{font:700 15px Arial,sans-serif;font-style:normal;text-shadow:0 0 2px #06140b,0 0 2px #06140b,0 1px 2px #000}.popup.regen-hp{color:#6cf07a}.popup.regen-sp{color:#5ec8ff;text-shadow:0 0 2px #04121c,0 0 2px #04121c,0 1px 2px #000}#loot-feed{position:fixed;left:50%;top:104px;translate:-50% 0;z-index:25;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.loot-banner{display:flex;align-items:center;gap:10px;min-width:220px;padding:5px 16px 5px 6px;border-radius:24px;color:#f6ecd2;font:14px SwordiaThai,Tahoma;background:linear-gradient(90deg,#1a120ad0,#3a2a15e6 30% 70%,#1a120ad0);border:1px solid #c9a35a;box-shadow:0 3px 10px #0008,inset 0 0 0 1px #0006;animation:loot-in .28s ease-out}.loot-banner img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:radial-gradient(circle at 50% 40%,#5a4330,#2a1d13 70%);box-shadow:0 0 0 2px #c9a35a88}.loot-banner span{flex:1;text-shadow:0 1px 2px #000}.loot-banner b{color:#ffd76a;font:700 15px Arial,sans-serif;text-shadow:0 1px 2px #000}.loot-banner.bump b{animation:loot-bump .25s ease-out}.loot-banner.leaving{animation:loot-out .4s ease-in forwards}@keyframes loot-in{0%{opacity:0;translate:0 -10px;scale:.96}}@keyframes loot-out{to{opacity:0;translate:0 -8px}}@keyframes loot-bump{50%{scale:1.35}}@media(max-width:1250px){#loot-feed{top:92px}}@media(max-width:600px){#loot-feed{top:300px}.loot-banner{min-width:0;font-size:12px}}@media(prefers-reduced-motion:reduce){.loot-banner,.loot-banner.bump b,.loot-banner.leaving{animation:none}}.warp-label.locked{color:#c9c2b4;background:#1c1a17cc;border-color:#77706480;filter:grayscale(1)}.warp-label.locked b{border-color:#776f64}.warp-label.locked small{color:#b8b0a2;border-top-color:#77706480}.map-boss,.map-boss.boss,.map-boss.mini-boss{width:26px;height:26px;background:none;border:0;box-shadow:none;animation:boss-float 1.6s ease-in-out infinite}.map-boss.boss{width:30px;height:30px}.map-boss img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 2px #000c)}.map-boss small{position:absolute;left:50%;top:100%;translate:-50% 0;margin-top:1px;white-space:nowrap;font:700 10px SwordiaThai,Tahoma;color:#fff;text-shadow:-1px -1px 0 #2a0806,1px -1px 0 #2a0806,-1px 1px 0 #2a0806,1px 1px 0 #2a0806}.map-boss.mini-boss small{color:#e6c8ff;text-shadow:-1px -1px 0 #1d0830,1px -1px 0 #1d0830,-1px 1px 0 #1d0830,1px 1px 0 #1d0830}.map-boss.boss small{color:#ffd0c8}.map-boss:before,.map-boss:after{inset:0}@keyframes boss-float{50%{translate:-50% calc(-50% - 1.5px)}}@media(prefers-reduced-motion:reduce){.map-boss{animation:none}}.monster-label:is([data-rank=mini-boss],[data-rank=boss]):before{content:"";display:inline-block;width:30px;height:30px;margin-right:4px;padding:0;vertical-align:middle;border:0;background:url(/assets/ui/boss/mini-boss.png) center/contain no-repeat;filter:drop-shadow(0 1px 2px #000)}.monster-label[data-rank=boss]:before{width:36px;height:36px;background-image:url(/assets/ui/boss/boss.png)}.monster-label:is([data-rank=mini-boss],[data-rank=boss]){display:inline-flex;align-items:center}.monster-label:is([data-rank=mini-boss],[data-rank=boss]){z-index:2}.buffs{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;width:max-content;max-width:min(300px,calc(100vw - 110px))}.buff{flex:none}.buffs:empty{display:none}.buff{position:relative;width:30px;height:30px;border-radius:50%;pointer-events:auto;cursor:var(--cursor-hover);filter:drop-shadow(0 1px 2px #000b);animation:buff-glow 2.4s ease-in-out infinite}.buff img{width:100%;height:100%;display:block}.buff-tip{position:absolute;left:0;top:calc(100% + 6px);z-index:5;display:none;min-width:190px;padding:7px 10px;border-radius:7px;background:#16110bf0;border:1px solid #c9a35a;box-shadow:0 4px 12px #000a;text-shadow:none;white-space:normal}.buff-tip strong{display:block;color:#ffd76a;font:700 13px Arial,SwordiaThai,sans-serif}.buff-tip small{display:block;margin-top:2px;color:#e8dcc0;font:12px/1.5 SwordiaThai,Tahoma;white-space:pre-line}.buff:hover .buff-tip,.buff:focus-visible .buff-tip{display:block}@keyframes buff-glow{50%{filter:drop-shadow(0 0 5px #ffd76a) drop-shadow(0 1px 2px #000b)}}@media(prefers-reduced-motion:reduce){.buff{animation:none}}.hero-hud{z-index:6}.buff{width:34px;height:34px}.buff-tip{left:calc(100% + 8px);top:50%;translate:0 -50%}.sit{width:76px;height:76px;right:294px;bottom:22px}.sit[aria-pressed=false] img{filter:saturate(.5) brightness(.8) drop-shadow(0 4px 4px #000a)}.sit[aria-pressed=true] img{animation:sit-glow 2s ease-in-out infinite}@keyframes sit-glow{50%{filter:drop-shadow(0 0 12px #ffffff) drop-shadow(0 4px 4px #000a)}}@media(prefers-reduced-motion:reduce){.sit[aria-pressed=true] img{animation:none;filter:drop-shadow(0 0 10px #fff)}}.buff:hover,.buff:focus-visible{z-index:20}.loot-banner.rare{border-color:#c77dff;background:linear-gradient(90deg,#1c0a2ad0,#4a1f73ee 30% 70%,#1c0a2ad0);box-shadow:0 0 14px #b05cffaa,0 3px 10px #0008,inset 0 0 0 1px #0006;animation:loot-in .28s ease-out,rare-glow 1.4s ease-in-out .3s infinite}.loot-banner.rare img{box-shadow:0 0 0 2px #c77dff,0 0 10px #b05cff;background:radial-gradient(circle at 50% 40%,#6a3a9a,#2a1340 70%)}.loot-banner.rare b{color:#e6c8ff}@keyframes rare-glow{50%{box-shadow:0 0 22px #c77dff,0 3px 10px #0008,inset 0 0 0 1px #0006}}@media(prefers-reduced-motion:reduce){.loot-banner.rare{animation:none}}.exp-track>div{background:linear-gradient(#fff08a,#f0c22e 55%,#b88a12)!important;box-shadow:0 0 6px #ffd84a88}.power{width:64px;height:64px;right:300px;bottom:116px}.power small{border-color:#b08a4f;background:#171d2ae8;color:#e9e0c4;font-size:9px}.power-confirm{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:#05070dcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.power-confirm[hidden],.power-screen[hidden]{display:none}.power-card{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:22px 24px;border-radius:14px;border:1px solid #c9a35a;background:linear-gradient(#1f1a14,#120f0b);color:#f1e6ca;box-shadow:0 10px 30px #000c;text-align:center}.power-card h2{margin:0 0 10px;color:#ffd76a;font-size:22px}.power-card h3{margin:14px 0 6px;color:#d9b675;font-size:15px}.power-warn{padding:10px 12px;border-radius:8px;background:#3b1a10;border:1px solid #c0572f;color:#ffcfa8;line-height:1.6}.power-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.power-secondary{padding:10px 22px;border-radius:4px;border:1px solid #7a6446;background:#2a221a;color:#e8dcc0;font:inherit}.power-stats{display:grid;grid-template-columns:auto auto;gap:6px 18px;justify-content:center;margin:10px 0;font-size:15px}.power-stats dt{color:#b9a88a;text-align:right}.power-stats dd{margin:0;color:#fff4d6;font:700 16px Arial,SwordiaThai,sans-serif;text-align:left;font-variant-numeric:tabular-nums}.power-items{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.power-item{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:18px;background:#2a1d13;border:1px solid #7a5a32;font-size:13px}.power-item img{width:28px;height:28px;object-fit:contain}.power-item b{color:#ffd76a;font:700 12px Arial}.power-item.rare{border-color:#c77dff;background:#2a1340;box-shadow:0 0 8px #b05cff88}.power-note{color:#b9a88a;font-size:13px;margin:8px 0}.power-card .gold-button{margin-top:10px}.power-screen{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#000;color:#cfc6b0;text-align:center}.power-screen h2{margin:0;color:#9f97c9;font-size:20px;letter-spacing:1px}.power-moon{font:64px/1 Georgia,serif;color:#6e6a8f;animation:power-moon 6s ease-in-out infinite}.power-screen .power-stats dd{color:#e6dcc4}.power-screen .gold-button{margin-top:12px;opacity:.85}@keyframes power-moon{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.power-moon{animation:none}}body.power-saving #game canvas{visibility:hidden}.power-logo{width:min(420px,80vw);height:auto;margin-bottom:6px;filter:drop-shadow(0 0 18px #ff2a1a55);animation:power-moon 6s ease-in-out infinite}.quick-bar{position:absolute;left:calc(50% + 14px);bottom:36px;z-index:5;display:flex;gap:12px;translate:-50% 0;transform:scale(var(--ui-scale));transform-origin:bottom center}.quick-bar[hidden]{display:none}.virtual-joystick{display:none;position:absolute;left:12px;bottom:40px;z-index:7;width:112px;height:112px;padding:0;border:2px solid #d2b675ae;border-radius:50%;background:radial-gradient(circle,#92794b55 0 30%,#242922b8 70%);box-shadow:inset 0 0 0 5px #1b211c88,0 3px 12px #0009;touch-action:none;user-select:none;-webkit-user-select:none}.virtual-joystick-thumb{display:block;position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border:2px solid #f2d690;border-radius:50%;background:radial-gradient(circle at 40% 32%,#ad9155,#473523 72%);box-shadow:inset 0 1px 5px #fff6,0 2px 8px #000b;pointer-events:none}.quick-group{position:relative;display:flex;gap:5px;padding:9px 8px 15px;border-radius:10px}.quick-slot{position:relative;width:52px}.quick-use{position:relative;display:block;width:52px;height:52px;padding:5px;overflow:hidden;border-radius:7px;border:1px solid #0d0805;background:radial-gradient(circle at 50% 40%,#4a3526,#2a1d13 70%);box-shadow:inset 0 0 0 1px #b08a4f99,inset 0 2px 5px #0009}.quick-use:active{transform:scale(.94)}.quick-use img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0008)}.quick-use img[hidden]{display:none}.skill-slot,.quick-option[data-class]{--quick-skill-light:#2c4a57;--quick-skill-dark:#14222b;--quick-skill-edge:#7fb2c2}.skill-slot[data-class=fighter],.quick-option[data-class=fighter]{--quick-skill-light:#743829;--quick-skill-dark:#32140f;--quick-skill-edge:#e0604a}.skill-slot[data-class=hunter],.quick-option[data-class=hunter]{--quick-skill-light:#345d38;--quick-skill-dark:#142b19;--quick-skill-edge:#6fce7c}.skill-slot[data-class=taoist],.quick-option[data-class=taoist]{--quick-skill-light:#6f582c;--quick-skill-dark:#30240e;--quick-skill-edge:#f3d27a}.skill-slot[data-class=assassin],.quick-option[data-class=assassin]{--quick-skill-light:#672235;--quick-skill-dark:#290d19;--quick-skill-edge:#d0364f}.skill-slot .quick-use{background:radial-gradient(circle at 50% 40%,var(--quick-skill-light),var(--quick-skill-dark) 70%);box-shadow:inset 0 0 0 1px var(--quick-skill-edge),inset 0 2px 5px #0009}.quick-key{position:absolute;left:3px;top:1px;font:700 11px Arial;color:#ffe6a4;text-shadow:0 0 2px #000,0 1px 2px #000}.quick-count{position:absolute;right:3px;bottom:1px;font:700 12px Arial;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000}.skill-slot .quick-count{font-size:9px;color:#9fdcff}.quick-cool{position:absolute;left:0;right:0;bottom:0;height:0;background:#050807b8;pointer-events:none}.quick-time{position:absolute;inset:0;display:grid;place-items:center;font:700 18px Arial;color:#fff4d6;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none}.quick-slot[data-state=empty] .quick-use img,.quick-slot[data-state=locked] .quick-use img{filter:grayscale(1) brightness(.6)}.quick-slot[data-state=no-sp] .quick-use img{filter:saturate(.4) brightness(.7) drop-shadow(0 0 3px #4ebbea)}.quick-slot[data-state=no-sp] .quick-count{color:#ff9a8a}.quick-slot[data-state=blank] .quick-use{background:#0a121366;box-shadow:inset 0 0 0 1px #a6957355}.talisman-slot .quick-use{box-shadow:inset 0 0 0 1px #d7ac5b,inset 0 2px 5px #0009}.talisman-slot .quick-use:disabled{cursor:not-allowed}.quick-auto{position:absolute;left:50%;bottom:-12px;translate:-50% 0;min-width:24px;height:16px;padding:0 6px;border-radius:8px;border:1px solid #7a6446;background:#1b1410e6;color:#b9a88a;font:700 10px/14px Arial;text-shadow:none}.quick-auto[aria-pressed=true]{border-color:#ffd98a;background:linear-gradient(#f2d77b,#b88a12);color:#26251d;box-shadow:0 0 8px #ffcf6a}.quick-slot:has(.quick-auto[aria-pressed=true]) .quick-use{box-shadow:inset 0 0 0 2px #ffd98a,0 0 8px #ffcf6a88}.quick-pick{position:absolute;right:-5px;top:-7px;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid var(--quick-skill-edge);background:var(--quick-skill-dark);color:#fceccf;font:10px/16px Arial}.quick-picker{position:absolute;bottom:calc(100% + 8px);left:clamp(0px,calc(8px + var(--slot, 0) * 57px - 70px),calc(100% - 200px));width:200px;max-height:260px;overflow-y:auto;display:grid;gap:4px;padding:8px}.quick-picker[hidden]{display:none}.quick-picker strong{font-size:12px;font-weight:400;color:var(--gold);padding:0 2px 2px}.quick-option{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:5px;border:1px solid #a6957344;background:#0a121366;text-align:left;font-size:12px}.quick-option[data-class]{border-color:color-mix(in srgb,var(--quick-skill-edge) 60%,transparent);background:linear-gradient(120deg,var(--quick-skill-light),var(--quick-skill-dark))}.quick-option img{width:24px;height:24px;object-fit:contain}.quick-option span{flex:1}.quick-option small{font:10px Arial;color:#9fdcff}.quick-option.current{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-deep),0 0 7px var(--quick-skill-edge)}.quick-option:disabled{opacity:.45}.quick-option.reset{justify-content:center;color:#d8d2c0}@media(min-width:601px)and (max-width:1200px){.quick-bar{transform:scale(calc(var(--ui-scale) * .94))}}@media(max-width:600px){.virtual-joystick{display:block}.hero-hud{top:8px;left:8px;width:210px;transform:none}.hero-hud .portrait{width:56px;height:58px}.hero-hud .portrait>.portrait-class{width:27px;height:27px;bottom:-14px}.hero-info{margin-left:64px;padding:0;font-size:12px}.hero-info small{font-size:10px}.meter{height:18px}.meter span{font-size:11px}.buff{width:28px;height:28px}.right-hud{top:8px;right:7px;width:132px;transform:none}.right-hud .quests,.right-hud #coordinates,.right-hud .camera-presets{display:none}.map-heading{min-height:36px;padding:2px 4px;font-size:11px}.map-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-heading>span{display:none}.map-heading button{flex:0 0 32px;min-height:32px}.map-image{margin:0 4px 4px}.top-menu{inset:auto 6px 250px;width:auto;max-width:none;display:flex;gap:2px!important;padding:3px;overflow-x:auto;scrollbar-width:none;transform:none;touch-action:pan-x;background:#171b18c9;border:1px solid #a3906c99;border-radius:8px;z-index:8}.top-menu::-webkit-scrollbar{display:none}.top-menu button{flex:0 0 46px;width:46px;min-height:53px}.top-menu img{width:36px;height:36px}.top-menu button span{font-size:10px;line-height:12px}.top-menu button[data-panel=bag].bag-full:after{right:0}.quick-bar{left:7px;right:7px;bottom:170px;width:auto;justify-content:space-between;gap:3px;translate:none;transform:none;transform-origin:bottom left}.quick-group{gap:2px;padding:6px 3px 18px}.quick-slot,.quick-use{width:clamp(40px,calc((100vw - 66px)/7),44px)}.quick-use{height:44px;padding:3px}.quick-auto{min-width:30px;height:22px;bottom:-15px;font-size:11px;line-height:19px}.quick-pick{width:24px;height:24px;right:-5px;top:-7px;font-size:13px;line-height:21px}.quick-key{font-size:11px}.quick-picker{left:0;max-height:min(260px,40vh)}.chat{left:8px;top:150px;bottom:auto;width:174px;transform:none}.chat .tabs{overflow-x:auto;scrollbar-width:none}.chat .tabs button{flex:0 0 auto;min-width:36px;padding:4px 5px;font-size:11px}.chat #log-lines{height:78px;padding:5px 7px}.chat #log-lines p{font-size:11px;line-height:1.35}.chat .chat-bottom:not(:has(.player-chat-form)){display:none}.chat .chat-bottom:has(.player-chat-form){display:block;margin:0;padding:3px}.experience{height:29px;font-size:10px}#toast{font-size:13px}}@media(max-width:360px){.right-hud{top:95px}}@media(max-width:360px){.virtual-joystick{width:64px;height:64px;left:0;bottom:38px}.virtual-joystick-thumb{width:34px;height:34px;left:calc(50% - 17px);top:calc(50% - 17px)}}@media(max-width:600px)and (max-height:700px){.chat{top:150px;bottom:auto}.chat #log-lines{height:66px}}@media(min-width:601px)and (max-width:1250px){.top-menu button{width:54px}.top-menu img{width:54px;height:54px}}.login-panel{max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.login-panel button{font:15px SwordiaThai,Tahoma;cursor:pointer;min-height:40px}.login-panel button:disabled{opacity:.5;cursor:default}.login-panel button:focus-visible,.login-panel input:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.login-panel .login-note{font-size:12.5px;color:#cbb98f;line-height:1.5}.login-panel .login-email{color:#ffd98a;word-break:break-all;font-size:14px}.login-panel .login-google{display:flex;justify-content:center;min-height:44px}.login-panel .login-secondary,.account-button{padding:8px 14px;color:#f4e6c2;background:#3b2a1c;border:1px solid #8a6a36;border-radius:6px}.login-panel .login-danger{padding:8px 12px;color:#fff;background:#8d2217;border:1px solid #c0503f;border-radius:6px}.login-select{grid-template-columns:minmax(0,1fr);width:min(560px,calc(100vw - 32px));background:linear-gradient(#2b1a14fa,#1a0f0cfc);border-color:#b98a3e;box-shadow:0 0 0 1px #3a1c10,inset 0 0 0 3px #4a1d15,inset 0 0 0 4px #c9a45c66,0 12px 40px #000a}.login-select h2{text-align:center;letter-spacing:1px;text-shadow:0 2px 0 #4a1d15,0 0 14px #e8a23a55}.google-badge{display:inline-flex;align-items:center;gap:8px;justify-self:center;max-width:100%;box-sizing:border-box;margin:0;padding:4px 12px 4px 5px;border-radius:999px;background:#120b09;border:1px solid #8a6a36;color:#f4e6c2;font-size:13px;box-shadow:inset 0 1px 3px #000c}.google-badge .google-logo{flex:none;padding:3px;box-sizing:content-box;border-radius:50%;background:#fff}.google-badge-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:0;padding:0;list-style:none}.character-row{position:relative;display:flex;min-width:0}.character-row .character-play,.character-row .character-slot{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:10px 8px 12px;text-align:center;color:#f4e6c2;border-radius:8px;transition:translate .12s,box-shadow .12s,filter .12s,border-color .12s}.character-row .character-play{background:radial-gradient(ellipse at 50% 38%,#6a2a1e 0,#3a1912 55%,#1f100c);border:1px solid #c9a45c;box-shadow:inset 0 0 0 2px #1a0d09,inset 0 0 0 3px #c9a45c55,0 3px #4a2c12,0 6px 10px #0008}.character-row .character-play:hover:not(:disabled){translate:0 -2px;border-color:#ffe08a;box-shadow:inset 0 0 0 2px #1a0d09,inset 0 0 0 3px #ffd98a99,0 5px #4a2c12,0 0 16px #ffcf6a66}.character-row .character-play:active:not(:disabled){translate:0 2px;box-shadow:inset 0 0 0 2px #1a0d09,inset 0 0 0 3px #c9a45c55,0 1px #4a2c12}.character-figure{display:block;width:100%;height:110px;overflow:hidden}.character-figure img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000a);pointer-events:none}.character-info{display:grid;gap:1px;max-width:100%}.character-info strong{color:#ffd98a;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-meta{font-size:12.5px;color:#cbb98f}.character-row.banned .character-play{filter:grayscale(.85) brightness(.75)}.character-row.banned .character-meta{color:#ff8a7a}.character-row .character-delete{position:absolute;top:5px;right:5px;width:30px;min-height:30px;padding:0;display:grid;place-items:center;color:#cbb98f;background:#120b09b3;border:1px solid #5a3a26;border-radius:50%;opacity:.75}.character-row .character-delete:hover:not(:disabled),.character-row .character-delete:focus-visible{opacity:1;color:#fff;background:#8d2217;border-color:#c0503f}.character-row.empty .character-slot{min-height:150px;justify-content:center;background:#150c0a99;border:2px dashed #8a6a3688;box-shadow:none}.character-row.empty .character-slot:hover:not(:disabled){border-color:#ffd98a;color:#ffd98a}.character-plus{font-size:34px;line-height:1;color:#c9a45c}.character-row.confirming{grid-column:1/-1;display:grid;gap:6px;padding:10px;background:#3a1912;border:1px solid #c0503f;border-radius:8px}.character-confirm{display:flex;gap:6px;flex-wrap:wrap}.character-confirm input{flex:1;min-width:120px}.character-create{display:flex;gap:6px;flex-wrap:wrap}.character-create input{flex:1;min-width:130px}.character-create .login-note{flex-basis:100%}.gender-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-basis:100%}.login-panel .gender-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;color:#f4e6c2;background:#150c0a99;border:2px solid #5a3a26;border-radius:8px;transition:border-color .12s,box-shadow .12s,filter .12s;filter:grayscale(.7) brightness(.6)}.login-panel .gender-option img{display:block;height:104px;width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000a);pointer-events:none}.login-panel .gender-option:not([aria-checked=true]):hover:not(:disabled){border-color:#c9a45c;filter:grayscale(.2) brightness(.85)}.login-panel .gender-option[aria-checked=true]{border-color:#ffd98a;background:radial-gradient(ellipse at 50% 40%,#6a2a1e 0,#3a1912 60%,#1f100c);box-shadow:0 0 12px #ffcf6a55;filter:none}.gender-label{font-size:14px}.gender-option[aria-checked=true] .gender-label{color:#ffd98a}@media(max-height:520px){.login-panel .gender-option img{height:64px}}.character-empty{color:#cbb98f;font-size:13px;text-align:center}@media(max-width:520px){.login-select{padding:18px 14px}.character-list{grid-template-columns:1fr;gap:8px}.character-row .character-play{flex-direction:row;justify-content:flex-start;text-align:left;padding:8px 44px 8px 8px}.character-figure{width:64px;height:72px;flex:none}.character-info{min-width:0}.character-row.empty .character-slot{min-height:56px;flex-direction:row;justify-content:center}.character-plus{font-size:26px}}@media(max-height:520px){.character-figure{height:80px}.character-row.empty .character-slot{min-height:110px}}.account-group p{margin:0 0 8px;font-size:13px}.account-group .account-ok{color:#2c7a2c;font-weight:700}.account-group .account-email{word-break:break-all}.account-button{cursor:pointer}.account-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){.top-menu{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:calc(250px + env(safe-area-inset-bottom,0px))}.top-menu button[data-panel=settings]{position:sticky;right:0;z-index:1;background:#171b18;box-shadow:-8px 0 8px -2px #171b18,-1px 0 #a3906c66}}@media(max-width:600px)and (min-height:701px){.top-menu{display:grid;grid-template-columns:repeat(6,1fr);overflow:visible;touch-action:manipulation}.top-menu button{flex:none;width:auto;min-height:53px}.top-menu button[data-panel=settings]{position:relative;background:none;box-shadow:none}}@media(min-width:601px)and (max-width:950px){.top-menu{gap:0!important}.top-menu button{width:60px}}@media(min-width:601px)and (max-height:500px){.right-hud #coordinates,.right-hud .camera-presets{display:none}.right-hud .quests{margin-top:5px}.right-hud .quests .tabs,.right-hud .quests .quest-divider,.right-hud .quests #quest-content p,.right-hud .quests #quest-content h3.blue,.right-hud .quests #side-content{display:none}.right-hud .quests #quest-content[hidden]{display:block}.right-hud .quests #quest-content{padding:5px 8px}.right-hud .quests #quest-content h3{margin:0;overflow:hidden;text-overflow:ellipsis}}@media(min-width:601px)and (max-width:760px)and (max-height:500px){.top-menu{right:176px;gap:2px;flex-wrap:wrap;justify-content:flex-end;width:290px}.top-menu button{width:44px}.top-menu img{width:44px;height:44px}.top-menu button span{font-size:10px}.actions{transform:scale(.5)}.chat{width:280px}.quick-bar{left:212px;translate:none;transform:scale(.55);transform-origin:bottom left}}.top-menu[data-collapsed=true] button[data-more]{display:none!important}.top-menu button[data-more]{animation:menu-pop .22s ease both}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.9)}to{opacity:1;transform:none}}.top-menu .menu-toggle{cursor:pointer}.top-menu .menu-toggle img{transition:transform .25s ease}.top-menu[data-collapsed=false] .menu-toggle img{transform:rotate(45deg)}.top-menu .menu-toggle:hover img{transform:translateY(-2px) scale(1.06)}.top-menu[data-collapsed=false] .menu-toggle:hover img{transform:rotate(45deg) scale(1.06)}.top-menu .menu-toggle:focus-visible,.top-menu button:focus-visible{outline:2px solid #7fe0c4;outline-offset:2px;border-radius:8px}.top-menu .menu-toggle.has-alert:after{content:"!";position:absolute;top:0;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#d9483b;color:#fff;font:700 10px/16px Arial;box-shadow:0 0 0 2px #1d1a14}#realm-badge{position:absolute;top:0;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d9483b;color:#fff;font:700 10px/16px Arial;font-style:normal;box-shadow:0 0 0 2px #1d1a14}@media(prefers-reduced-motion:reduce){.top-menu button[data-more]{animation:none}.top-menu .menu-toggle img{transition:none}}@media(max-width:600px){.top-menu[data-collapsed=false]{flex-wrap:wrap;overflow:visible}.top-menu button[data-panel=settings]{position:relative;right:auto;background:none;box-shadow:none}}@media(max-width:600px)and (min-height:701px){.top-menu[data-collapsed=false]{display:grid}.top-menu[data-collapsed=true]{grid-template-columns:repeat(5,1fr)}.top-menu[data-collapsed=true]:has([data-panel=mail]){grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.top-menu[data-collapsed=true]{overflow:visible}}@media(min-width:601px)and (max-width:950px){.top-menu[data-collapsed=false]{flex-wrap:wrap;justify-content:flex-end;width:min(420px,52vw)}}@media(min-width:951px){.top-menu[data-collapsed=false]{flex-wrap:wrap;justify-content:flex-end;width:530px}}.map-party{position:absolute;z-index:1;font-size:11px;line-height:1;color:#2fd6b3;transform:translate(-50%,-50%);text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff}.journal-party{color:#2fd6b3;font-size:16px;text-shadow:0 0 2px #fff,0 0 2px #fff,0 1px 2px #000}.day-clock{position:absolute;left:5px;bottom:5px;display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 5px;border-radius:9px;background:#14182acc;color:#ffe2a4;font:11px SwordiaThai,Arial;line-height:16px;pointer-events:none;box-shadow:0 0 0 1px #fff2}.day-clock[data-phase=dawn]{color:#ffc4a8}.day-clock[data-phase=dusk]{color:#ffb070}.day-clock[data-phase=night]{color:#b9c8ff}.day-clock[hidden]{display:none}.right-hud{z-index:4}.chat{z-index:3}.view-toggle{display:none}@media(max-width:600px){.hero-info{margin-left:74px}.chat .tabs button,.map-heading{min-height:40px}.map-heading button{flex:0 0 40px;min-height:40px}.quick-pick:after,.quick-auto:after{content:"";position:absolute;inset:-8px}}@media(max-width:600px),(min-width:601px)and (max-height:500px){.map-heading button{position:relative;font-size:18px}.map-heading .view-toggle{display:block;flex:0 0 auto}.right-hud .minimap{position:relative}.right-hud .camera-presets{display:none}.right-hud.view-open{z-index:9}.right-hud.view-open .camera-presets{display:grid;position:absolute;right:0;top:calc(100% + 4px);z-index:7;box-sizing:border-box;width:max(100%,224px);margin:0;padding:6px;gap:5px;grid-template-columns:24px repeat(3,1fr);background:#171b18f5;border:1px solid #a3906c99;border-radius:8px;box-shadow:0 4px 12px #000a}.right-hud.view-open .quality-presets{top:calc(100% + 64px)}.right-hud.view-open .camera-presets button{min-height:44px;font-size:13px}}@media(min-width:601px)and (max-height:500px){.map-heading button:after{content:"";position:absolute;inset:calc(-12px / var(--ui-scale)) calc(-4px / var(--ui-scale))}.right-hud.view-open .camera-presets{width:100%}.right-hud.view-open .camera-presets button{min-height:calc(44px / var(--ui-scale))}.right-hud.view-open .quality-presets{top:calc(100% + 4px + 44px / var(--ui-scale) + 12px)}.chat .tabs button{min-height:calc(40px / var(--ui-scale))}.chat .tabs{overflow:visible}}@media(min-width:601px)and (max-width:820px)and (min-height:501px){.quick-bar{left:calc(50% - 7px);transform:scale(calc(var(--ui-scale) * .8))}}.quick-fold{display:none}@media(max-width:600px){.hero-hud .portrait{width:60px!important;height:60px!important}.hero-hud .portrait>.portrait-class{width:26px;height:26px;bottom:-12px}.hero-info{margin-left:70px}.quick-bar{pointer-events:none}.quick-group{pointer-events:auto}.quick-fold{display:block;flex:none;align-self:center;min-width:28px;height:44px;padding:0 6px;border-radius:7px;border:1px solid #a3906c99;background:#1b1410e6;color:#f2d77b;font:13px SwordiaThai,Arial;line-height:1}.quick-group:not(.folded) .quick-fold{position:absolute;left:-5px;top:-11px;z-index:2;min-width:0;width:24px;height:24px;padding:0;border-radius:50%;color:#fceccf;font:13px/22px Arial}.quick-group:not(.folded) .quick-fold:after{content:"";position:absolute;inset:-8px}.quick-group.folded{padding:4px}.quick-group.folded>:not(.quick-fold){display:none}.quick-group.folded .quick-fold{min-width:56px}.chat .tabs #chat-toggle{position:sticky;right:0;z-index:1;background:#171b18;box-shadow:-6px 0 6px -2px #171b18}.chat.collapsed{width:auto}.chat.collapsed .tabs button:not(#chat-toggle),.chat.collapsed .chat-bottom,.chat.collapsed .chat-bottom:has(.player-chat-form){display:none}.chat.collapsed #chat-toggle{min-width:48px;font-size:0}.chat.collapsed #chat-toggle:before{content:"💬";font-size:18px}}:root{--cursor-normal: url(/assets/ui/cursors/normal.png) 0 0, auto;--cursor-hover: url(/assets/ui/cursors/hover.png) 1 1, pointer;--cursor-click: url(/assets/ui/cursors/click.png) 2 0, pointer;--cursor-attack: url(/assets/ui/cursors/attack.png) 2 4, crosshair;--cursor-talk: url(/assets/ui/cursors/talk.png) 16 16, pointer;--cursor-grab: url(/assets/ui/cursors/grab.png) 16 16, grab;--cursor-not-allowed: url(/assets/ui/cursors/not-allowed.png) 16 16, not-allowed;--cursor-wait: url(/assets/ui/cursors/wait.png) 16 16, wait}html,body,*{cursor:var(--cursor-normal)}button,a,summary,label,select,[role=button],input[type=range]{cursor:var(--cursor-hover)}button:active,a:active,[role=button]:active{cursor:var(--cursor-click)}button:disabled,button[aria-disabled=true]{cursor:var(--cursor-not-allowed)}input[type=text],input[type=search],textarea{cursor:text}.status-window[data-layout=fit] .status-header{cursor:var(--cursor-grab)}.status-window[data-layout=fit] .status-header button{cursor:var(--cursor-hover)}#game canvas:active{cursor:var(--cursor-click)}#game[data-hover=monster] canvas{cursor:var(--cursor-attack)}#game[data-hover=npc] canvas{cursor:var(--cursor-talk)}#loading,#loading *{cursor:var(--cursor-wait)}#loading.at-title,#loading.at-title *{cursor:var(--cursor-normal)}#loading.at-title :is(button,a,.title-splash),#loading.at-title :is(button,a,.title-splash) *{cursor:var(--cursor-hover)}#loading.at-title :is(button,a,.title-splash):active{cursor:var(--cursor-click)}.dialogue,.dialogue *{cursor:var(--cursor-hover)}.first-tip{position:fixed;z-index:180;width:min(300px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;padding:12px 14px 10px;color:#f4e6c2;font:14px/1.6 SwordiaThai,Tahoma,sans-serif;background:#2a1d14f2;border:2px solid #e2bb68;border-radius:10px;box-shadow:0 10px 28px #000b,0 0 18px #ffcf6a44;animation:first-tip-in .25s ease-out}.first-tip:before{content:"";position:absolute;top:-9px;left:calc(var(--arrow,50%) - 8px);border:8px solid transparent;border-top:0;border-bottom-color:#e2bb68}.first-tip.above:before{top:auto;bottom:-9px;border:8px solid transparent;border-bottom:0;border-top-color:#e2bb68}.first-tip.centred{left:50%;top:22%;translate:-50% 0}.first-tip.centred:before{display:none}.first-tip strong{display:block;margin-bottom:4px;color:#ffd98a;font-size:15px}.first-tip p{margin:0 0 10px}.first-tip-actions{display:flex;gap:8px;justify-content:flex-end}.first-tip-actions button{min-height:32px;padding:4px 12px;color:#f4e6c2;font:inherit;background:linear-gradient(#3a2e22,#211913);border:1px solid #8a7a5a;border-radius:6px;cursor:pointer}.first-tip-actions .first-tip-go{color:#2a1706;font-weight:700;background:linear-gradient(#ffe7a6,#c99a48);border-color:#fff0bf}.first-tip-target{position:relative;z-index:1;border-radius:8px;animation:first-tip-pulse 1.2s ease-in-out infinite}@keyframes first-tip-pulse{0%,to{box-shadow:0 0 0 2px #ffd98a,0 0 8px #ffcf6a}50%{box-shadow:0 0 0 4px #ffd98a,0 0 22px #ffcf6a}}@keyframes first-tip-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}.first-tip.centred{animation:none}@media(prefers-reduced-motion:reduce){.first-tip,.first-tip-target{animation:none}.first-tip-target{box-shadow:0 0 0 3px #ffd98a}}.status-window{--ink: #2e2418;--ink-soft: #715c42;--accent: #a8382a;--gold: #e2bd6e;--gold-deep: #9c7433;--gold-hi: #fbe7b0;--wood: #3a2518;--wood-dark: #1f140d;--paper: #f2e7cf;--paper-edge: #dcc79f;--rule: #b39e7a66;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23e2bd6e' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 58V20C6 11 12 6 20 6h38'/%3E%3Cpath d='M14 50c0-8 5-12 11-12 5 0 8 4 8 8s-3 6-6 6-5-2-5-5'/%3E%3Cpath d='M28 22c0-6 4-10 10-10s9 4 9 8-3 6-6 6-5-2-5-4'/%3E%3C/g%3E%3Cg fill='%23e2bd6e'%3E%3Ccircle cx='6' cy='6' r='4'/%3E%3Ccircle cx='22' cy='46' r='2.4'/%3E%3Ccircle cx='38' cy='20' r='2.4'/%3E%3C/g%3E%3C/svg%3E");--cloud-mirror: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='matrix(-1 0 0 1 64 0)'%3E%3Cg fill='none' stroke='%23e2bd6e' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 58V20C6 11 12 6 20 6h38'/%3E%3Cpath d='M14 50c0-8 5-12 11-12 5 0 8 4 8 8s-3 6-6 6-5-2-5-5'/%3E%3Cpath d='M28 22c0-6 4-10 10-10s9 4 9 8-3 6-6 6-5-2-5-4'/%3E%3C/g%3E%3Cg fill='%23e2bd6e'%3E%3Ccircle cx='6' cy='6' r='4'/%3E%3Ccircle cx='22' cy='46' r='2.4'/%3E%3Ccircle cx='38' cy='20' r='2.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");margin:0;padding:26px;max-width:none;max-height:none;box-sizing:border-box;color:var(--ink);font-family:SwordiaThai,Tahoma,sans-serif;font-size:15px;display:none;flex-direction:column;gap:12px;border:3px solid #1a100a;border-radius:14px;background:var(--grain),repeating-linear-gradient(92deg,#ffffff06 0 2px,transparent 2px 9px,#00000010 9px 11px,transparent 11px 23px),linear-gradient(160deg,#4a2f1e,var(--wood) 45%,var(--wood-dark));box-shadow:0 0 0 2px var(--gold-deep),0 0 0 4px #1a100a,inset 0 0 0 1px #ffffff14,inset 0 2px 18px #00000080,0 24px 60px #000c}.status-window:before,.status-window:after{content:"";position:absolute;inset:3px;pointer-events:none;z-index:2;background:var(--cloud) top left / 40px no-repeat,var(--cloud-mirror) top right / 40px no-repeat;filter:drop-shadow(0 1px 0 #3b2412) drop-shadow(0 0 4px #e2bd6e55)}.status-window:after{transform:scale(-1)}.status-window[open]{display:flex}.status-window{z-index:50}.status-window .status-header{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.status-window .status-header:active{cursor:grabbing}.status-window .status-header button{cursor:pointer}.status-window[data-layout=fit]{position:fixed;inset:var(--y, 50%) auto auto var(--x, 50%);width:var(--w, 1040px);height:auto;overflow:hidden;transform:translate(-50%,-50%) scale(var(--fit, 1));transform-origin:center}.status-window[data-layout=stack]{position:fixed;inset:8px;width:auto;height:fit-content;max-height:calc(100% - 16px);margin:auto;max-width:480px;overflow-y:auto;overscroll-behavior:contain;padding:18px 14px}.status-window[data-layout=stack][data-dragged=true]{inset:var(--y) auto auto var(--x);width:min(480px,calc(100vw - 16px));margin:0;transform:translate(-50%,-50%)}.status-header{position:relative;flex:none;display:flex;align-items:baseline;gap:16px;padding:12px 70px 12px 34px;border-radius:8px;color:var(--gold-hi);background:linear-gradient(#2a1a10,#140c07);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #fff2,0 2px #0005;text-shadow:0 2px 0 #000,0 0 12px #e2bd6e55}.status-header:before{content:"◆";position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--gold);font-size:12px;text-shadow:none}.status-header h2{margin:0;font-size:26px;letter-spacing:1px;white-space:nowrap}.status-header small{color:var(--gold);font:11px Georgia,serif;letter-spacing:5px;white-space:nowrap;opacity:.85}.status-close{position:absolute;right:10px;top:50%;translate:0 -50%;width:40px;height:40px;padding:0;border-radius:50%;color:#fff4dc;font:700 22px/1 Arial;text-shadow:0 1px 0 #3d0c07;background:radial-gradient(circle at 38% 32%,#e0644f,#a2281c 55%,#5e120b);border:2px solid var(--gold);box-shadow:0 0 0 2px #1a0e08,inset 0 1px #fff5,0 3px 6px #0008}.status-close:hover{filter:brightness(1.12)}.status-window button:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.status-body{flex:1;min-height:0;display:grid;grid-template-columns:330px 1fr;gap:14px}.status-left,.status-right{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.status-figure,.status-loadout,.status-profile,.status-group{position:relative;padding:14px 16px;border-radius:8px;border:1px solid #b89a68;background:radial-gradient(circle at 7px 7px,var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 7px) 7px,var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at 7px calc(100% - 7px),var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),var(--gold) 0 2.5px,transparent 3px),var(--grain),radial-gradient(ellipse at 50% 40%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88,inset 0 0 22px #a3804a33,0 2px #0006}.status-figure{flex:none;min-height:0;padding:34px 16px 10px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,#fff9e9 0,#f5e6c9 43%,#dfc59c),var(--grain)}.status-figure:before{content:"✦  EQUIPMENT  ✦";position:absolute;z-index:2;top:14px;left:50%;translate:-50% 0;color:#73502a;font:700 10px/1.2 Georgia,serif;letter-spacing:3px;white-space:nowrap}.status-figure:after{content:"";position:absolute;z-index:0;width:min(72%,240px);aspect-ratio:1;top:50%;left:50%;translate:-50% -45%;border:1px solid #b48a4c66;border-radius:50%;background:radial-gradient(circle,#fff5da88 0 42%,#d4b87c22 43% 58%,transparent 59%),conic-gradient(from 45deg,transparent 0 12%,#b48a4c30 12% 13%,transparent 13% 25%,#b48a4c30 25% 26%,transparent 26% 100%);box-shadow:0 0 0 12px #bb97501a,0 0 0 13px #ae844628,inset 0 0 30px #fff8e0;pointer-events:none}.status-figure .doll-slots{align-self:start;height:260px;grid-template-rows:repeat(5,44px);gap:10px}.status-figure .doll-figure{align-self:start;--figure-h: 330px}.paper-doll{--slot: 50px;display:grid;grid-template-columns:var(--slot) minmax(0,1fr) var(--slot);align-items:center;gap:8px}.paper-doll .doll-figure{position:relative;z-index:1;display:block;min-width:0;width:100%;height:var(--figure-h, 400px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 6px #0003)}.doll-slots{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:8px}.doll-slots li{position:relative;display:grid;place-items:center;width:var(--slot);aspect-ratio:1;box-sizing:border-box;font-size:22px;border-radius:7px;background:linear-gradient(#3b2a1e,#22170f);border:1px solid #0d0805;box-shadow:inset 0 0 0 1px #7a5a32,inset 0 3px 8px #000a,0 1px #fff5}.doll-placeholder{color:transparent;text-shadow:0 0 0 #ffffff38;line-height:1;-webkit-user-select:none;user-select:none}.doll-slots li.locked{opacity:.5}.doll-slots li.equipped{box-shadow:inset 0 0 0 1px var(--gold),inset 0 3px 8px #000a,0 0 10px #e2bd6e88}.doll-slots li.equipped img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 2px #0009);pointer-events:none}.doll-slots li button[data-unequip]{position:absolute;top:2px;right:2px;width:16px;height:16px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #1a0e08;color:#fff4dc;font:700 12px/1 Arial;text-shadow:0 1px 0 #3d0c07;background:radial-gradient(circle at 38% 32%,#e0644f,#a2281c 60%,#5e120b);box-shadow:0 1px 2px #0008;opacity:.75;cursor:var(--cursor-hover, pointer)}.doll-slots li:hover button[data-unequip],.doll-slots li button[data-unequip]:focus-visible{opacity:1}.doll-slots li button[data-unequip]:hover{filter:brightness(1.15)}.status-card{flex:none;padding:9px 16px 11px;text-align:center;border-radius:8px;color:var(--gold-hi);background:linear-gradient(#2a1a10,#140c07);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #fff2;text-shadow:0 2px 0 #000}.status-card strong{display:block;font-size:20px;letter-spacing:1px}.status-card p{margin:2px 0 0}.status-card b{color:#ffd76a;font-size:17px}.status-card span{color:#d9c49a}.status-loadout{flex:1;min-height:170px;display:flex;flex-direction:column;gap:8px;padding:9px 11px}.status-loadout-group{min-height:0}.status-loadout-group h3{margin:0 0 5px;padding-bottom:3px;border-bottom:1px solid #b89a6888;color:#6b4927;font-size:12px}.status-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:90px;overflow-y:auto}.status-skill,.status-equipped-card{display:flex;align-items:center;gap:5px;min-width:0;min-height:36px;padding:3px;border:1px solid #c5a779;border-radius:5px;background:linear-gradient(#fff9eb,#e9d6b1)}.status-skill img,.status-equipped-card img{flex:none;width:32px;height:32px;object-fit:contain;border-radius:4px}.status-skill img{background:#35251b}.status-skill span,.status-equipped-card span{display:flex;flex-direction:column;min-width:0}.status-skill strong,.status-equipped-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.status-skill small,.status-equipped-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:10px}.status-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:90px;overflow-y:auto}.status-equipped-card img{object-fit:cover}.status-loadout-empty{grid-column:1 / -1;margin:2px 0;color:var(--ink-soft);font-size:11px}.equipped-spirit-slot{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 7px;border:1px solid #b99559;border-radius:6px;background:linear-gradient(#fff9e9,#e7d0a5);color:#38271a;text-align:left;cursor:pointer}.equipped-spirit-slot img{flex:none;width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.equipped-spirit-slot span{display:grid;min-width:0}.equipped-spirit-slot strong,.equipped-spirit-slot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipped-spirit-slot strong{font-size:12px}.equipped-spirit-slot small{color:#765c3e;font-size:10px}.bag-doll>.equipped-spirit-slot{margin-top:8px}.status-profile{display:grid;gap:12px}.status-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:0}.status-facts div{display:grid;grid-template-columns:4em 1fr;gap:8px;border-bottom:1px dashed var(--rule);padding:3px 0}.status-facts dt{color:var(--ink-soft);font-weight:700}.status-facts dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bars{display:grid;gap:7px}.status-bar{display:grid;grid-template-columns:2.6em 1fr;align-items:center;gap:10px}.status-bar>b{font-size:14px;letter-spacing:1px}.status-bar .track{position:relative;height:20px;border-radius:10px;overflow:hidden;background:linear-gradient(#120c08,#2b211a);border:1px solid #0c0806;box-shadow:0 0 0 2px var(--gold-deep),0 0 0 3px #1a100a,inset 0 2px 5px #000c}.status-bar .track i{position:absolute;inset:0 auto 0 0;border-radius:10px;box-shadow:inset 0 1px #fff6,inset 0 -3px 5px #0004}.status-bar .track i:after{content:"";position:absolute;inset:2px 6px auto;height:5px;border-radius:3px;background:#ffffff40}.status-bar.bar-exp i{background:linear-gradient(#fff08a,#f0c22e 55%,#b88a12)}.status-bar.bar-hp i{background:linear-gradient(#f07b68,#c0392b 60%,#85211a)}.status-bar.bar-mp i{background:linear-gradient(#7fd0f5,#2385c9 60%,#155b8f)}.status-bar .track span{position:relative;display:block;text-align:center;color:#fff;font:700 12px/20px Arial;text-shadow:0 1px 2px #000,0 0 3px #000}.status-group h3{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 8px;padding:0 0 6px 18px;position:relative;font-size:16px;letter-spacing:.5px;border-bottom:1px solid #a8885a;box-shadow:0 1px #fff8}.status-group h3:before{content:"◆";position:absolute;left:0;color:var(--gold-deep);font-size:11px;top:4px}.status-points{font-size:13px;font-weight:400;color:var(--ink-soft)}.status-points b{display:inline-block;min-width:1.6em;margin-left:6px;padding:0 6px;border-radius:10px;text-align:center;color:#fff;font-size:16px;background:linear-gradient(#c84a36,#8d2217);box-shadow:inset 0 1px #fff5}.status-stats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:2px 26px}.stat-row{display:grid;grid-template-columns:32px 3em 1fr 34px 34px;align-items:center;column-gap:6px;padding:4px 0;border-bottom:1px dashed var(--rule)}.stat-row>b{letter-spacing:1px}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--gold-hi);background:radial-gradient(circle at 40% 35%,#4c3322,#1f140d);box-shadow:0 0 0 1px var(--gold-deep),inset 0 1px #fff2}.stat-icon svg{width:17px;height:17px}.stat-row .stat-value{text-align:right;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.stat-row small{grid-column:2 / 4;grid-row:2;text-align:right;color:var(--ink-soft);font-size:11px;white-space:nowrap}.stat-row button{grid-column:4;grid-row:1 / 3;width:34px;height:34px;padding:0;border-radius:7px;color:#3a2512;font:700 20px/1 Arial;text-shadow:0 1px 0 #fff6;background:linear-gradient(#fbe3a4,#d9aa56 55%,#a8772f);border:1px solid #5d3f18;box-shadow:inset 0 1px #fff9,inset 0 -2px #0003,0 2px #3b2712}.stat-row button:hover:not(:disabled){filter:brightness(1.08)}.stat-row button:active:not(:disabled){translate:0 1px;box-shadow:inset 0 1px #fff9,0 1px #3b2712}.stat-row button:disabled{filter:grayscale(1) brightness(1.05);opacity:.4}.stat-row button.stat-minus{grid-column:4}.stat-row button.stat-plus{grid-column:5}.status-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:12px}.status-actions span{margin-right:auto;color:var(--ink-soft);font-size:13px}.status-actions button{min-width:76px;padding:6px 12px;border:1px solid #795020;border-radius:6px;color:#3a2512;background:linear-gradient(#fbe3a4,#d9aa56);font-weight:700}.status-actions button.status-save{color:#fff5d9;background:linear-gradient(#ba6c30,#78401d)}.status-actions button:disabled{opacity:.45}.status-derived{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:0}.status-derived-row{--stat-accent: #a56a25;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:33px;padding:2px 7px 2px 3px;border:1px solid #c9ad7c;border-radius:7px;background:linear-gradient(125deg,#fffaf0,#f1dfbd);box-shadow:inset 0 1px #fff,0 1px 2px #6b44201e}.status-derived-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:6px;color:#fff4d8;background:linear-gradient(145deg,color-mix(in srgb,var(--stat-accent) 75%,#fff),var(--stat-accent));box-shadow:inset 0 1px #fff5,0 1px 2px #24130655}.status-derived-icon svg{width:17px;height:17px}.status-derived-row dt{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;color:#59432c;font-size:12px;font-weight:600}.status-derived-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.status-derived-row dd{margin:0;text-align:right;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.derived-critical{--stat-accent: #ac3d38}.derived-defense{--stat-accent: #477888}.derived-perfectDodge{--stat-accent: #8064a2}.derived-accuracy{--stat-accent: #397c9b}.derived-attackSpeed{--stat-accent: #b37428}.derived-evasion{--stat-accent: #508258}.derived-moveSpeed{--stat-accent: #4c8f87}.status-window[data-layout=stack]:before,.status-window[data-layout=stack]:after{background-size:28px,28px}.status-window[data-layout=stack] .status-body{display:flex;flex-direction:column}.status-window[data-layout=stack] .status-header{padding:10px 56px 10px 30px}.status-window[data-layout=stack] .status-header h2{font-size:21px}.status-window[data-layout=stack] .status-header small{display:none}.status-window[data-layout=stack] .paper-doll{--slot: 44px;--figure-h: 240px}.status-window[data-layout=stack] .status-figure{min-height:320px;padding:36px 16px 14px}.status-window[data-layout=stack] .status-figure .doll-slots{height:236px;grid-template-rows:repeat(5,44px);gap:4px}.status-window[data-layout=stack] .status-figure .doll-figure{--figure-h: 240px}.status-window[data-layout=stack] .status-loadout{flex:none;min-height:0}.status-window[data-layout=stack] .doll-slots li{font-size:18px}@media(max-width:480px){.status-window[data-layout=stack] .status-facts{grid-template-columns:1fr}.status-window[data-layout=stack] .status-stats{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}.status-window[data-layout=stack] .status-derived{grid-template-columns:1fr}}.status-window[data-layout=stack] .status-left,.status-window[data-layout=stack] .status-right,.status-window[data-layout=stack] .status-figure{flex:none;min-height:auto}.status-window[data-layout=stack]:after{display:none}.inventory-body{display:grid;grid-template-columns:250px minmax(0,1fr) 220px;grid-template-areas:"doll grid detail" "autosell autosell autosell" "footer footer footer";gap:12px}.bag-doll{grid-area:doll;--slot: 48px;--figure-h: 260px;gap:6px;padding:12px 10px;border-radius:8px;border:1px solid #b89a68;background:var(--grain),radial-gradient(ellipse at 50% 40%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.bag-doll .doll-slots{gap:6px}.bag-doll li.equipped[draggable=true]{cursor:grab}.inventory-body.dragging .bag-doll li:not(.drop-ok){opacity:.45}.bag-doll li.drop-ok{box-shadow:inset 0 0 0 2px #7fe07a,0 0 10px #7fe07aaa}.bag-doll li.drop-over{box-shadow:inset 0 0 0 3px #b6ff9a,0 0 16px #b6ff9a;transform:scale(1.08)}.bag-grid.drop-ok{box-shadow:inset 0 0 0 2px #7fe07a,inset 0 2px 10px #000a}.bag-grid.drop-over{box-shadow:inset 0 0 0 3px #b6ff9a,inset 0 2px 10px #000a,0 0 14px #b6ff9a88}button.bag-slot[draggable=true]{cursor:grab}.bag-grid{grid-area:grid;align-content:start;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:12px;border-radius:8px;background:linear-gradient(#2a1c12,#1d140d);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 2px 10px #000a}.bag-tabs{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.bag-tabs button{padding:5px 8px;border:1px solid #846539;border-radius:5px;color:#d9c49a;background:#25170d;font:12px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.bag-tabs button[aria-selected=true]{color:#fff0be;border-color:#e2bd6e;background:#6b4820}.bag-tabs button:focus-visible,.bag-sell-checked:focus-visible{outline:2px solid #ffe084;outline-offset:2px}.bag-filter-empty{grid-column:1 / -1;color:#d9c49a;text-align:center;padding:30px 0}.bag-slot{position:relative;aspect-ratio:1;padding:4px;border-radius:6px;border:1px solid #0d0805;background:radial-gradient(circle at 50% 40%,#4a3526,#2a1d13 70%);box-shadow:inset 0 0 0 1px #7a5a3299,inset 0 2px 5px #0009}.bag-slot.empty{opacity:.55}.bag-slot.locked{opacity:.3;background:repeating-linear-gradient(135deg,#2a1d13 0 6px,#22170f 6px 12px)}.bag-lock-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;position:relative}.bag-lock-label{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:3px 12px;border-radius:12px;white-space:nowrap;font-size:13px;color:#d8c29a;background:#120b07cc;border:1px solid var(--gold-deep);pointer-events:none}button.bag-slot:hover{filter:brightness(1.15)}.bag-slot.selected{box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #e2bd6e88}.bag-slot img{display:block;width:100%;height:100%;min-width:0;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}.bag-slot b{position:absolute;right:4px;bottom:2px;font:700 13px Arial;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000}.bag-detail{grid-area:detail;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;min-height:92px;padding:12px 16px;border-radius:8px;border:1px solid #b89a68;background:var(--grain),radial-gradient(ellipse at 50% 40%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.bag-detail img{width:96px;height:96px;object-fit:contain;flex:none}.bag-detail strong{display:block;font-size:18px}.bag-detail small{color:var(--ink-soft)}.bag-detail p{margin:4px 0 0;line-height:1.6}.bag-empty{color:var(--ink-soft)}.bag-detail .bag-equip{min-width:116px;min-height:38px;margin-top:2px;padding:5px 18px;border:1px solid #6b451d;border-radius:6px;cursor:pointer;color:#fff0c5;font-weight:700;text-shadow:0 1px 2px #180c05;background:linear-gradient(#77512a,#3c2514 55%,#24150d);box-shadow:inset 0 0 0 1px #d7ac5b,inset 0 1px #fff2bd55,0 2px 4px #2a160c66;transition:transform .12s,box-shadow .12s}.bag-detail .bag-equip:before{content:"✦";margin-right:7px;color:#f7d47e;font-size:12px}.bag-detail .bag-equip:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffe0a0,0 0 10px #d6a55d88,0 3px 5px #2a160c66}.bag-detail .bag-equip:active:not(:disabled){transform:translateY(1px)}.bag-detail .bag-equip:disabled{opacity:.55;cursor:not-allowed}.bag-detail .open-chest{width:100%;min-height:38px;margin-top:2px;padding:5px 18px;border:1px solid #6b451d;border-radius:6px;cursor:pointer;color:#fff0c5;font:700 14px SwordiaThai,Tahoma,sans-serif;text-shadow:0 1px 2px #180c05;background:linear-gradient(#8d6433,#573315 55%,#2f1b0e);box-shadow:inset 0 0 0 1px #e1bb70,inset 0 1px #fff2bd66,0 2px 4px #2a160c66;transition:transform .12s,box-shadow .12s}.bag-detail .open-chest:before{content:"✦";margin-right:7px;color:#ffe096;font-size:12px}.bag-detail .open-chest:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffe0a0,0 0 10px #d6a55d88,0 3px 5px #2a160c66}.bag-detail .open-chest:active{transform:translateY(1px)}.bag-detail .open-chest-all{background:linear-gradient(#a87c39,#74451a 55%,#38200d)}.bag-detail .bag-discard{width:100%;min-height:38px;margin-top:2px;padding:5px 18px;border:1px solid #73412c;border-radius:6px;cursor:pointer;background:linear-gradient(#824d3a,#512c22 55%,#301b18);color:#fff0df;font:700 14px SwordiaThai,Tahoma,sans-serif;text-shadow:0 1px 2px #180c05;box-shadow:inset 0 0 0 1px #c88e66,inset 0 1px #fff2bd33,0 2px 4px #2a160c66;transition:transform .12s,box-shadow .12s}.bag-detail .bag-discard:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #e3b48e,0 0 10px #b8694d88,0 3px 5px #2a160c66}.bag-detail .bag-discard:active{transform:translateY(1px)}.bag-discard-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%;margin-top:5px;font-size:12px;color:#8a3028}.bag-discard-confirm span{flex-basis:100%}.bag-discard-confirm button{flex:1;min-width:70px;min-height:34px;padding:5px;border:1px solid #8c6041;border-radius:5px;background:linear-gradient(#705032,#3c291a);color:#fff0d2;font:700 12px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.bag-discard-confirm .bag-discard-yes{border-color:#8e4537;background:linear-gradient(#a34737,#6e2a26);color:#fff0df}.bag-auto-sell{grid-area:autosell;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 14px;border:1px solid #9c7433;border-radius:7px;background:#2a1d13;color:#f2dfbd}.bag-auto-sell label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.bag-auto-sell input{accent-color:#c59043}.bag-auto-sell-rarities{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px}.bag-auto-sell small{flex-basis:100%;color:#dbc7a6;line-height:1.4}.bag-sell-checked{min-height:34px;padding:5px 14px;border:1px solid #b99656;border-radius:5px;background:linear-gradient(#73552d,#3a2614);color:#fff0c5;font:700 13px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.bag-sell-checked:disabled{opacity:.5;cursor:default}.bag-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;color:var(--gold-hi);text-shadow:0 1px 0 #000}.bag-actions{display:flex;align-items:center;justify-content:center;gap:10px}.bag-fusion{min-width:150px;min-height:38px;padding:5px 18px;border:1px solid #6b451d;border-radius:6px;background:linear-gradient(#77512a,#3c2514 55%,#24150d);color:#fff0c5;font:700 14px SwordiaThai,Tahoma,sans-serif;text-shadow:0 1px 2px #180c05;box-shadow:inset 0 0 0 1px #d7ac5b,inset 0 1px #fff2bd55,0 2px 4px #2a160c66;cursor:pointer;transition:transform .12s,box-shadow .12s}.bag-fusion:before{content:"✦";margin-right:7px;color:#f7d47e;font-size:12px}.bag-stall:before{content:"🏪";color:inherit}.bag-fusion:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffe0a0,0 0 10px #d6a55d88,0 3px 5px #2a160c66}.bag-fusion:active{transform:translateY(1px)}.bag-fusion:focus-visible,.open-chest:focus-visible,.bag-discard:focus-visible,.bag-discard-confirm button:focus-visible{outline:2px solid #b24b35;outline-offset:2px}.bag-purse{display:flex;align-items:center;gap:8px}.bag-purse img{width:34px;height:34px;object-fit:contain}.bag-purse b{color:#ffd76a;font-size:18px}.bag-count{color:#d9c49a}.bag-count.overfull{color:#ffb18f;font-weight:700}.bag-pages{display:flex;align-items:center;gap:10px;color:#d9c49a}.bag-pages button{min-width:30px;min-height:28px;border:1px solid #a8864a;border-radius:5px;background:#392414;color:#f8dda0;cursor:pointer}.bag-pages button:disabled{opacity:.4;cursor:default}.bag-expand{display:grid;place-items:center;font:300 34px/1 Georgia,serif;color:#d9b675;border-style:dashed;border-color:#9c7433;background:#2a1d13aa;opacity:.8}.bag-expand:hover{opacity:1}.inventory[data-layout=stack] .inventory-body{grid-template-columns:1fr;grid-template-areas:"doll" "grid" "detail" "autosell" "footer"}.inventory[data-layout=stack] .bag-doll{--slot: 44px;--figure-h: 220px}.inventory[data-layout=stack] .bag-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inventory[data-layout=stack] .bag-detail{flex-direction:row;text-align:left}.inventory[data-layout=stack] .bag-detail img{width:68px;height:68px}.inventory[data-layout=stack] .bag-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.inventory[data-layout=stack] .bag-purse{grid-area:1 / 1;min-width:0;font-size:12px}.inventory[data-layout=stack] .bag-purse img{width:28px;height:28px}.inventory[data-layout=stack] .bag-purse b{font-size:16px}.inventory[data-layout=stack] .bag-count{grid-area:1 / 2}.inventory[data-layout=stack] .bag-actions{grid-area:2 / 1 / 3 / -1;width:100%}.inventory[data-layout=stack] .bag-actions .bag-fusion{min-width:0;flex:1}.inventory[data-layout=stack] .bag-pages{grid-area:3 / 1 / 4 / -1;justify-content:center}.settings-body{display:grid;gap:12px}.settings-check-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 2px;color:#3a2512;font-size:14px;font-weight:600}.settings-check-row input{width:18px;height:18px;accent-color:#b83937;cursor:pointer}.volume-row{display:grid;grid-template-columns:6.8em minmax(0,1fr) 3.6em auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--rule)}.volume-row label{font-weight:700}.volume-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;min-width:0;margin:0;height:10px;border-radius:5px;background:linear-gradient(90deg,#d9aa56 var(--fill, 50%),#3b2a1e var(--fill, 50%));box-shadow:inset 0 1px 3px #0008,0 0 0 1px #9c7433}.volume-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid #5d3f18;background:radial-gradient(circle at 40% 35%,#fff3c4,#d9aa56 60%,#a8772f);box-shadow:0 2px 3px #0006}.volume-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid #5d3f18;background:#d9aa56}.volume-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.volume-mute{min-width:5.2em;padding:6px 8px;border-radius:6px;color:#3a2512;font-weight:700;background:linear-gradient(#fbe3a4,#d9aa56 55%,#a8772f);border:1px solid #5d3f18;box-shadow:inset 0 1px #fff9,0 2px #3b2712}.volume-row.muted .volume-mute{color:#f3e7cc;background:linear-gradient(#8a3a2e,#5e1f16);border-color:#3b0d08}.volume-row.muted input[type=range]{filter:grayscale(1);opacity:.5}.settings[data-layout=stack] .volume-row{grid-template-columns:1fr auto}.settings[data-layout=stack] .volume-row input[type=range]{grid-column:1 / -1;grid-row:2}.graphics-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0 4px}.graphics-option{padding:8px 6px;border-radius:6px;color:#3a2512;font-weight:700;font-size:15px;cursor:pointer;background:linear-gradient(#f6ead0,#e2cfa5);border:1px solid #8d6a36;box-shadow:inset 0 1px #fff9,0 2px #3b271255}.graphics-option:hover{background:linear-gradient(#fbf1dc,#ead9b2)}.graphics-option[aria-checked=true]{color:#fff3c4;background:linear-gradient(#b83937,#7c1f1c);border-color:#3b0d08;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #d9aa56,0 2px #3b2712}.graphics-hint{margin:2px 0 0;color:#6b4a26;font-size:13px}.card-book-body{display:grid;grid-template-columns:1fr;grid-template-areas:"slots" "totals" "list" "foot";gap:12px}.card-slots{grid-area:slots;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,104px);justify-content:center;gap:10px;padding:12px;border-radius:10px;background:var(--grain),radial-gradient(ellipse at 50% 40%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.card-slot{position:relative;aspect-ratio:2 / 3;padding:0;border-radius:10px;border:2px dashed #b89a68;background:#efe2c4;color:#6b4f2a;display:grid;place-items:center;overflow:hidden;font:13px SwordiaThai,Tahoma}.card-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-slot.filled{border-style:solid;border-color:#9c7433;box-shadow:0 3px 8px #0005}.card-slot-label{position:relative;z-index:1;padding:2px 8px;border-radius:6px;background:#fff8e8d9}.card-slot.filled .card-slot-label{align-self:end;margin-bottom:8px;background:#2a1c10d9;color:#ffe2a4}.card-slot-option{position:relative;z-index:1;align-self:end;margin:0 4px 6px;padding:2px 4px;border-radius:4px;background:#173626e8;color:#c6f4b8;font-size:11px;line-height:1.2;text-align:center}.card-slot.locked{background:repeating-linear-gradient(135deg,#d8c9a7 0 8px,#cdbd98 8px 16px);color:#7a6446;filter:grayscale(.4)}.card-slot:not(:disabled):hover{border-color:#d9aa56;box-shadow:0 0 0 3px #e2bd6e88}.card-slot.chosen{border:3px solid #c0392b;box-shadow:0 0 0 3px #ff8a7a88,0 0 14px #ff5a4a66}.card-totals{grid-area:totals;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border:1px solid #9c7433;border-radius:10px;background:linear-gradient(#2f2113,#21170e);box-shadow:inset 0 0 0 1px #ffffff12}.card-totals h3{margin:0 6px 0 0;color:var(--gold-hi);font-size:15px}.card-total{padding:4px 10px;border-radius:12px;border:1px solid #5d9b61;background:#173626;color:#c6f4b8;font:700 13px SwordiaThai,Tahoma}.card-totals-empty{margin:0;color:#d9c49a;font-size:12px}.card-list{grid-area:list;display:flex;flex-direction:column;gap:8px;min-width:0}.card-list h3{margin:0;color:var(--gold-hi);font-size:16px}.card-empty,.card-hint{margin:0;color:#d9c49a;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.card-item{display:grid;grid-template-rows:auto auto;justify-items:center;gap:2px;padding:6px 4px 5px;border-radius:8px;border:1px solid #7a5a32;background:radial-gradient(circle at 50% 35%,#4a3526,#2a1d13 75%);color:#f3e7cc;font:11px/1.2 SwordiaThai,Tahoma;position:relative}.card-item img{width:46px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 3px #000a)}.card-item b{position:absolute;right:5px;top:3px;color:#ffd76a;font:700 11px Arial}.card-item.chosen{border-color:#ffd76a;box-shadow:0 0 0 2px #ffd76a,0 0 12px #e2bd6e88}.card-item.in-book{opacity:.6;cursor:not-allowed;border-color:#658268}.card-item-status{color:#b9e1b8;font-size:11px}.card-foot{grid-area:foot;display:flex;align-items:center;gap:10px;min-height:44px}.card-warn{flex:1;margin:0;color:#ffcf9a;font-size:13px}.card-cancel{padding:8px 16px;border-radius:8px;border:1px solid #7a5a32;background:#2a1d13;color:#f3e7cc;font:inherit}.card-book[data-layout=stack] .card-slots{gap:5px;padding:8px 6px}.card-book[data-layout=stack] .card-foot{flex-wrap:wrap}.card-slot.filled[data-rarity]{border-color:var(--gear-color);box-shadow:0 0 0 2px var(--gear-color),0 3px 12px #0008}.card-slot-rarity{position:absolute;z-index:2;top:5px;right:5px;padding:2px 5px;border-radius:4px;background:var(--gear-bg);color:var(--gear-color);border:1px solid var(--gear-color);font-size:11px}.card-slot[data-rarity] .card-slot-option{border:1px solid var(--gear-color);color:var(--gear-color)}.card-list-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.card-fusion-toggle{padding:6px 12px;border:1px solid #d6a453;border-radius:7px;color:#ffdfa0;background:#3d2514;font:13px SwordiaThai,Tahoma}.card-grid{max-height:min(230px,32vh);overflow-y:auto;overscroll-behavior:contain;padding:3px;align-content:start;scrollbar-color:#b38a4c #25190f}.card-item{min-width:0}.card-item span{overflow-wrap:anywhere}.card-foot{flex-wrap:wrap}.card-fusion-detail{flex:1 1 320px;min-width:0;display:grid;gap:6px}.card-fusion-chips{display:flex;flex-wrap:wrap;gap:5px}.card-fusion-chips .card-cancel{padding:4px 7px;font-size:11px}.card-fusion-message{margin:0;color:#ffe09b;font-size:13px}.card-foot .gold-button:disabled{opacity:.5;cursor:not-allowed}.card-book[data-layout=stack] .card-grid{max-height:230px;grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.card-book[data-layout=stack] .card-slot-rarity{font-size:9px;padding:1px 3px;top:3px;right:3px}.card-book[data-layout=stack] .card-slot-label{font-size:10px;padding:1px 4px}.card-book[data-layout=stack] .card-slot-option{font-size:8.5px;margin:0 2px 3px;padding:1px 2px}.card-slot{font-size:12px}.card-slot.filled{padding:0;border-width:3px;border-radius:9px}.card-slot.filled img{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:5px;box-shadow:0 0 0 1px #0007}.card-slot.filled[data-rarity]{border-color:var(--gear-color);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--gear-color) 55%,var(--gear-bg)),var(--gear-bg) 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gear-color) 60%,transparent),0 0 9px color-mix(in srgb,var(--gear-color) 40%,transparent),0 3px 8px #0007}.card-slot.filled[data-rarity=legendary],.card-slot.filled[data-rarity=mythic]{border-color:var(--gear-rim);box-shadow:inset 0 0 0 1px var(--gear-rim),0 0 14px var(--gear-glow),0 3px 8px #0007;animation:card-top-glow 2.6s ease-in-out infinite}@keyframes card-top-glow{50%{box-shadow:inset 0 0 0 1px var(--gear-rim),0 0 22px var(--gear-glow),0 3px 8px #0007}}@media(prefers-reduced-motion:reduce){.card-slot.filled[data-rarity]{animation:none}}.card-slot.filled[data-rarity]:not(:disabled):hover{box-shadow:0 0 0 3px #e2bd6e88,0 0 12px var(--gear-color)}.card-slot.filled.chosen[data-rarity]{border-color:#c0392b;box-shadow:0 0 0 3px #ff8a7a88,0 0 14px #ff5a4a66;animation:none}.card-slot-rarity{top:7px;right:7px;font-size:10px;padding:1px 4px;font-weight:700}.card-slot.filled .card-slot-label{margin-bottom:4px;padding:1px 6px;max-width:calc(100% - 10px);font-size:11px;line-height:1.25}.card-slot-option{font-size:10px;margin:0 6px 8px}.card-slot.filled .card-slot-label+.card-slot-option{position:absolute;left:0;right:0;bottom:0;margin:0 7px 7px}.card-slot.filled .card-slot-label{position:absolute;left:0;right:0;bottom:26px;margin:0 auto;width:max-content}.card-item[data-rarity]{border-color:var(--gear-color);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gear-color) 40%,var(--gear-bg)),var(--gear-bg) 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gear-color) 50%,transparent)}.journal-body{display:grid;gap:12px}.quest-book .journal-body{max-height:min(540px,calc(100vh - 180px));overflow-y:auto;align-content:start}.journal-card{padding:12px 16px;border-radius:10px;color:#3a2512;background:var(--grain),radial-gradient(ellipse at 50% 40%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.journal-card h3{margin:0 0 6px;font-size:16px;color:#6b3f12}.journal-card p{margin:4px 0;line-height:1.6}.level-quest-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}.level-quest-card h3{grid-column:1 / -1}.level-quest-card p{font-size:12px;overflow-wrap:anywhere}.status-window[data-layout=stack] .level-quest-card{grid-template-columns:1fr}.journal-row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dashed #c9ae7f88}.journal-row:last-of-type{border-bottom:0}.journal-row span{color:#7a5a32}.class-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.class-choice{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:7px 10px;border:1px solid #956c37;border-radius:8px;cursor:pointer;background:radial-gradient(circle at 24px 50%,#62422a,#2e1d12 78%);color:#f4dfb6;text-align:left;font-weight:700;text-shadow:0 1px 2px #100905;box-shadow:inset 0 0 0 1px #dfbb7855,inset 0 1px #fff3d122,0 2px 4px #3a251244;transition:transform .12s,box-shadow .12s}.class-choice img{width:46px;height:46px;flex:none;object-fit:contain;filter:drop-shadow(0 2px 2px #0009)}.class-choice span{min-width:0;line-height:1.3}.class-choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffe2a2,0 0 12px #d9a95788,0 4px 6px #3a251266}.class-choice:active:not(:disabled){transform:translateY(1px)}.class-choice:disabled{cursor:not-allowed;border-color:#89724f;color:#c8b99f;background:linear-gradient(#433426,#2a2119)}.class-choice:disabled img{filter:grayscale(.35) brightness(.8) drop-shadow(0 1px 2px #0009)}@media(max-width:380px){.class-choice-grid{grid-template-columns:1fr}}.journal-state{font-weight:700;color:#8a6b44}.journal-state.done{color:#3f7d2a}.journal-soon{color:#8a6b44;font-style:italic}.journal-progress{height:10px;border-radius:5px;background:#d9c49a;overflow:hidden;box-shadow:inset 0 1px 2px #0004}.journal-progress i{display:block;height:100%;background:linear-gradient(#f4d67a,#c9982f)}.journal-map-title{margin:0;color:var(--gold-hi)}.journal-map{position:relative;aspect-ratio:1;width:100%;border-radius:8px;background:#b9cf94 center / 100% 100% no-repeat;box-shadow:inset 0 0 0 1px #9c7433,0 3px 8px #0006;cursor:crosshair;touch-action:manipulation}.journal-map>*{position:absolute;translate:-50% -50%}.journal-map-hint{margin:0;color:var(--gold-hi);text-align:center;font-size:13px}.journal-me{color:#ff4a3d;font-size:22px;text-shadow:0 0 3px #fff,0 1px 2px #000}.journal-map-tabs{display:flex;gap:6px;justify-content:center}.journal-map-tab,.journal-map-back{font-weight:700;font-size:13px;font-family:inherit;padding:7px 14px;border-radius:6px;border:1px solid #9c7433;background:linear-gradient(#5a4327,#3b2b19);color:#f4e2b6;cursor:pointer}.journal-map-tab[aria-selected=true]{background:linear-gradient(#f4d67a,#c9982f);color:#3b2508}.journal-map-back{align-self:center}.journal-map.remote{cursor:default}.journal-world{position:relative;aspect-ratio:3 / 2;width:100%;border-radius:8px;overflow:hidden;background:#d9c49a url(/assets/ui/map/world-map.webp) center / 100% 100% no-repeat;box-shadow:inset 0 0 0 1px #9c7433,0 3px 8px #0006}.journal-world-node{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:24%;padding:3px 7px;border-radius:6px;border:1px solid #7a5a2a;background:#2b1e10d9;color:#f7e9c4;font-family:inherit;text-align:center;cursor:pointer;line-height:1.15}.journal-world-node b{font-size:clamp(9px,2.4vw,13px)}.journal-world-node small{font-size:clamp(8px,2vw,11px);color:#ffd772}.journal-world-node.safe small{color:#9be28c}.journal-world-node.special small{color:#c9a8ff}.journal-world-node.here{border-color:#ff4a3d;box-shadow:0 0 0 2px #ff4a3d66}.journal-world-node:hover,.journal-world-node:focus-visible{background:#4a3218}.journal-world-me{position:absolute;top:-12px;right:-6px;font-style:normal;color:#ff4a3d;font-size:15px;text-shadow:0 0 3px #fff}.journal-world-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.journal-world-legend button{width:100%;display:flex;justify-content:space-between;gap:6px;padding:4px 8px;border-radius:5px;border:1px solid #b8985a;background:#f0e2bd;color:#3b2508;font-size:12px;font-family:inherit;cursor:pointer}.journal-world-legend li.here button{border-color:#ff4a3d}.journal-world-legend small{color:#8a5b12;font-weight:700;white-space:nowrap}.journal-zone{border:2px dashed #ff4a3dcc;border-radius:50%;background:#ff4a3d1f;pointer-events:none}.journal-ping{width:0;height:0;pointer-events:none;z-index:6}.journal-ping .dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#ff3b2f;border:2px solid #fff;box-shadow:0 0 6px #000a}.journal-ping .ring{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:3px solid #ff3b2f;opacity:0;animation:journal-ping 1.6s ease-out infinite}.journal-ping .ring.delay{animation-delay:.8s}.journal-ping em{position:absolute;left:50%;top:12px;translate:-50% 0;white-space:nowrap;font-weight:700;font-size:11px;line-height:1.2;font-family:inherit;font-style:normal;color:#fff;background:#7a1610e6;padding:2px 6px;border-radius:4px}@keyframes journal-ping{0%{transform:scale(.3);opacity:.95}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.journal-ping .ring{animation:none;opacity:.6}}.skill-source-link{font:inherit;padding:0;border:0;background:none;color:#ffc36b;text-decoration:underline;cursor:pointer;text-align:left}.skill-source-link.block{display:block;margin-top:6px;padding:6px 10px;border:1px solid #a17b43;border-radius:6px;background:#3a2612;text-decoration:none}.journal-boss{width:30px;height:30px;filter:drop-shadow(0 1px 2px #000)}.journal-warp{padding:2px 8px;border-radius:6px;background:#2a1c10d9;color:#ffe2a4;font:11px SwordiaThai,Tahoma;white-space:nowrap}.journal-warp.locked{background:#3a3a3ad0;color:#cfcfcf}.status-window.power-window{display:flex;position:relative;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;padding:18px;gap:10px;text-align:center}.power-window .status-header{padding:10px 60px 10px 30px}.power-window .status-header h2{font-size:22px}.power-body{display:grid;gap:12px;justify-items:center;padding:14px 16px 16px;border-radius:10px;border:1px solid #b89a68;background:var(--grain),radial-gradient(ellipse at 50% 30%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.power-hero{width:min(300px,70%);height:auto;margin:-4px 0 -6px;filter:drop-shadow(0 4px 6px #0005)}.power-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;width:100%}.power-col{display:grid;gap:6px;align-content:start;padding:10px 12px;border-radius:10px;border:1px solid #b89a68;background:#fff8e8;text-align:left}.power-col strong{font-size:14px;color:var(--ink-soft);text-align:center}.power-pct{font:700 30px/1 Georgia,serif;text-align:center;color:#3f7d2a;text-shadow:0 1px 0 #fff}.power-col.saving{background:#fdeee4;border-color:#d0845c;box-shadow:inset 0 0 0 1px #f5c2a2}.power-col.saving .power-pct{color:#b8402a}.power-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.power-row img{width:22px;height:22px;object-fit:contain}.power-exp{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(#fff08a,#d9a21e);color:#4a3208;font:700 8px Arial;font-style:normal;box-shadow:0 0 0 1px #9c7433}.power-vs{align-self:center;font:700 22px Arial;color:var(--gold-deep)}.power-how{margin:0;padding:0;list-style:none;display:grid;gap:6px;width:100%;text-align:left;font-size:13px;color:var(--ink)}.power-how li{position:relative;padding-left:20px;line-height:1.5}.power-how li:before{content:"◆";position:absolute;left:2px;top:1px;color:var(--gold-deep);font-size:10px}.power-window .power-actions{display:flex;gap:10px;justify-content:center;width:100%;margin-top:2px}.power-primary,.power-secondary{min-height:44px;padding:0 22px;border-radius:8px;font:700 15px SwordiaThai,Tahoma;cursor:var(--cursor-hover)}.power-primary{color:#3a2512;border:1px solid #5d3f18;background:linear-gradient(#fbe3a4,#d9aa56 55%,#a8772f);box-shadow:inset 0 1px #fff9,0 2px #3b2712}.power-window .power-secondary{color:#f3e7cc;border:1px solid #1a100a;background:linear-gradient(#5a3b26,#2e1d12);box-shadow:inset 0 1px #fff2,0 2px #140c07}.power-primary:hover,.power-window .power-secondary:hover{filter:brightness(1.08)}.power-window .power-sheet{margin:0;font-size:14px}.power-window .power-sheet dt{color:var(--ink-soft)}.power-window .power-sheet dd{color:var(--ink)}.power-sub{margin:4px 0 0;color:#6b3f12;font-size:15px}.power-window .power-item{background:#fff8e8;border-color:#b89a68;color:var(--ink)}.power-window .power-item b{color:#9c6a12}.power-window .power-item.rare{background:#f1e3ff;border-color:#9b3dff;box-shadow:0 0 8px #b05cff66}.power-window .power-note{color:var(--ink-soft)}@media(max-width:520px){.power-window .status-header small{display:none}.power-window .status-header h2{font-size:19px}.power-compare{gap:4px}.power-col{padding:8px}.power-pct{font-size:24px}.power-row{font-size:12px;gap:5px}}@media(max-width:330px){.power-compare{grid-template-columns:1fr}.power-vs{rotate:90deg;justify-self:center}}.status-reset{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;min-width:0}.status-reset small,.status-reset .status-reset-text{margin:0 auto 0 0;color:var(--ink-soft);font-size:12px;overflow-wrap:anywhere;min-width:0;flex:1 1 140px}.status-reset button{min-width:76px;max-width:100%;padding:6px 12px;border:1px solid #795020;border-radius:6px;color:#3a2512;background:linear-gradient(#fbe3a4,#d9aa56);font-weight:700}.status-reset button.status-reset-yes{color:#fff5d9;background:linear-gradient(#b23a30,#7a2019)}.status-reset button:disabled{opacity:.45}.status-reset-buttons{display:flex;gap:8px;flex-wrap:wrap}.card-book[data-layout=stack] .card-slot.filled .card-slot-label{display:none}.status-window.inspecting .equipped-spirit-slot{cursor:default}.status-window.inspecting .doll-slots li.equipped{cursor:help}.social-panel .social-header,.social-trade-panel>header,.power-window>.status-header,.tower-panel>small{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.social-panel .social-header:active,.social-trade-panel>header:active,.power-window>.status-header:active,.tower-panel>small:active{cursor:grabbing}.social-panel .social-header button,.social-trade-panel>header button{cursor:pointer}.status-window .status-tabs{flex:none;display:flex;gap:6px;padding:0 4px}.status-tab{min-height:40px;padding:6px 18px;border-radius:8px 8px 0 0;cursor:pointer;font:700 16px/1 SwordiaThai,Tahoma,sans-serif;color:#e9d8ad;background:linear-gradient(#3f2a1b,#24160d);border:1px solid #0c0704;border-bottom:0;box-shadow:inset 0 0 0 1px #9c743366}.status-tab[aria-selected=true]{color:#2e2418;background:linear-gradient(#f7ecd3,#e8d9b6);box-shadow:inset 0 0 0 1px var(--gold-deep),0 2px #f2e7cf}.status-tab:hover{filter:brightness(1.1)}.window-body.titles-body{flex:none;display:flex;flex-direction:column;height:831px;overflow:hidden}.titles-panel{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head head" "filters search" "list list";gap:10px 12px;padding:12px;border-radius:8px;border:1px solid #b89a68;background:var(--grain),radial-gradient(ellipse at 50% 30%,#fbf4e3,var(--paper) 60%,var(--paper-edge));box-shadow:inset 0 0 0 3px #f7eed9,inset 0 0 0 4px #c9ae7f88}.titles-head{grid-area:head;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center}.titles-head .titles-worn{grid-column:1}.titles-head .titles-count{grid-column:2;text-align:right;white-space:nowrap}.titles-worn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;background:#2b2016;color:#e8dcc0;border:1px solid #0c0704;box-shadow:inset 0 0 0 1px #9c743366}.titles-worn-copy{display:grid;gap:2px;min-width:0}.titles-worn-copy small{color:#baa989;font-size:12px}.titles-worn-copy .titles-buff{color:#ffe9b0}.titles-none{font-size:13px;color:#baa989}.titles-worn .title-name{font-size:20px;line-height:1.2;overflow-wrap:anywhere}.titles-off,.title-equip{flex:none;min-width:74px;min-height:40px;padding:6px 12px;border-radius:8px;cursor:pointer;color:#fff4dc;font:700 14px/1 SwordiaThai,Tahoma,sans-serif;border:2px solid var(--gold-deep);background:linear-gradient(#b8492b,#7a2a16);text-shadow:0 1px 0 #3d0c07}.title-equip[data-title-action=equip]{background:linear-gradient(#5b8c3e,#33531f);text-shadow:0 1px 0 #142008}.title-equip:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(1)}.titles-off:hover,.title-equip:not(:disabled):hover{filter:brightness(1.12)}.titles-count{margin:0;font-size:13px;color:var(--ink-soft)}.titles-filters{grid-area:filters;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px}.titles-chip{min-height:32px;padding:3px 11px;border-radius:16px;cursor:pointer;font:13px/1 SwordiaThai,Tahoma,sans-serif;color:var(--ink);background:#efe1c1;border:1px solid #b39e7a}.titles-chip[aria-pressed=true]{color:#fff4dc;background:linear-gradient(#7a5a2c,#4a3218);border-color:#2a1a0a}.titles-search{grid-area:search;align-self:start;min-height:38px;padding:4px 10px;border-radius:8px;border:1px solid #b39e7a;background:#fbf4e3;color:var(--ink);font:14px SwordiaThai,Tahoma,sans-serif;width:100%;box-sizing:border-box}.titles-list{grid-area:list;min-height:0;margin:0;padding:2px 4px 2px 2px;list-style:none;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:8px;align-content:start;grid-auto-rows:max-content}.titles-empty{grid-column:1 / -1;padding:20px;text-align:center;color:var(--ink-soft)}.title-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:9px 12px 9px 15px;border-radius:8px;color:#e4d8bf;overflow:hidden;background:linear-gradient(100deg,color-mix(in srgb,var(--gear-color) 14%,#2b2620),#2b2620 60%);border:1px solid #453b30}.title-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gear-color);opacity:.9}.title-row:not([data-rarity]){--gear-color: #9a9186}.title-row[data-rarity]{border-color:color-mix(in srgb,var(--gear-color) 45%,#453b30)}.title-row[data-state=worn]{box-shadow:0 0 0 2px var(--gear-color),0 0 10px color-mix(in srgb,var(--gear-color) 45%,transparent)}.title-row[data-state=locked]{opacity:.82}.title-row>*{grid-column:1;min-width:0}.title-row .title-equip{grid-column:2;grid-row:1 / span 4;align-self:center}.title-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 8px}.title-name{color:var(--gear-color);font-size:16px;line-height:1.25;overflow-wrap:anywhere}.title-row[data-state=locked] .title-name{color:#b3a998}.title-tier{font-size:12px;color:#baa989}.title-pips{display:inline-flex;flex:none;gap:3px}.title-pips i{width:8px;height:8px;border-radius:2px;border:1px solid var(--gear-color);background:transparent;opacity:.55}.title-pips i[data-on=true]{background:var(--gear-color);opacity:1}.title-cond{margin:0;font-size:13px;color:#d8cbb0}.title-bar{position:relative;height:15px;margin:2px 0;border-radius:8px;overflow:hidden;background:#14100c;border:1px solid #0c0704}.title-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#e2bd6e,#9c7433)}.title-row[data-rarity] .title-bar i{background:linear-gradient(color-mix(in srgb,var(--gear-color) 90%,#fff),color-mix(in srgb,var(--gear-color) 55%,#000))}.title-bar span{position:relative;display:block;text-align:center;font:11px/15px SwordiaThai,Tahoma,sans-serif;color:#fff;text-shadow:0 1px 2px #000}.title-buff{margin:0;font-size:13px;color:#ffe9b0}.title-buff small{color:#baa989;font-size:12px}.title-locked-buff{color:#a79d8e}.title-row[data-done=true] .title-bar{opacity:.75}.status-title{margin-left:6px;font-weight:700;color:var(--gear-color, #b6862a)}[data-rarity=common].status-title{color:#6c7a86}dd[data-rarity]{font-weight:700;color:color-mix(in srgb,var(--gear-color) 65%,#2e2418)}.status-window[data-layout=stack] .status-tabs{padding:0}.status-window[data-layout=stack] .status-tab{flex:1;padding:6px 8px}.status-window[data-layout=stack] .window-body.titles-body{height:min(640px,calc(100vh - 190px));min-height:320px}.status-window[data-layout=stack] .titles-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"head" "filters" "search" "list"}.status-window[data-layout=stack] .titles-head{grid-template-columns:minmax(0,1fr)}.status-window[data-layout=stack] .titles-head .titles-count{grid-column:1;text-align:left;white-space:normal}@media(max-width:480px){.titles-panel{padding:9px}.title-row{grid-template-columns:1fr}.title-row .title-equip{grid-column:1;grid-row:auto;width:100%}.titles-worn{flex-direction:column;align-items:stretch}.titles-off{width:100%}}.skill-manual-mark{position:absolute;left:1px;top:0;font-style:normal;font-size:13px;line-height:1;filter:drop-shadow(0 1px 1px #000)}.skill-book .skill-tile[data-state=manual]{border-style:dotted;border-color:#e8c25d}.skill-tile[data-state=manual] img{filter:grayscale(1) brightness(.8) contrast(.9)}.skill-card[data-manual] .skill-name{color:#f2d77b}.skill-card[data-state=manual] .skill-name{color:#b59d74}.skill-detail[data-state=manual] .skill-detail-icon img{filter:grayscale(1) brightness(.6)}.skill-status[data-state=manual]{color:#ffe08a;border-left-color:#e8c25d}.skill-read-manual,.bag-detail .read-manual{min-height:44px;padding:0 14px;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;color:#2a1608;background:linear-gradient(#f5d772,#c08a2e 58%,#8a5a1a);border:2px solid #ffe8a3;box-shadow:0 0 0 1px #1a0e08,0 0 12px #f2d77b66}.skill-read-manual:hover,.bag-detail .read-manual:hover:not(:disabled){filter:brightness(1.12)}.skill-read-manual:focus-visible,.bag-detail .read-manual:focus-visible{outline:3px solid #ffe8a3;outline-offset:2px}.bag-detail .read-manual:disabled{cursor:default;color:#7d7263;background:linear-gradient(#4b4238,#2d271f);border-color:#6d6252;box-shadow:none}.bag-detail>.read-manual,.bag-detail>.manual-info{grid-column:1 / -1}.bag-detail .read-manual{width:100%;white-space:nowrap}.manual-info{margin:0;padding:6px 8px;border-radius:6px;font-size:13px;line-height:1.5;background:#0007;color:#d8c8a8;border-left:3px solid #e8c25d}.manual-info b{color:#ffe08a}.manual-info[data-ok=no]{border-left-color:#b24b35;color:#f0b8a8}.fusion-window{--forge-gold: #e8bd67;--forge-copper: #b96938;--forge-ink: #21140d}.fusion-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-areas:"intro intro" "slots choices" "info choices" "footer footer";gap:12px}.fusion-intro{grid-area:intro;display:flex;align-items:center;gap:14px;padding:8px 14px;border:1px solid #8f642e;border-radius:8px;background:linear-gradient(100deg,#1b120d,#392016);color:#f5e6c3}.fusion-emblem{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 3px #000) drop-shadow(0 0 7px #e7a64588)}.fusion-intro strong{display:block;color:#ffe4a1;font-size:20px}.fusion-intro .fusion-warning{color:#ff9a8a;font-weight:700}.fusion-intro p{margin:2px 0 0;color:#d5c4a5;font-size:13px}.fusion-slots{grid-area:slots;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:20px 16px;border:1px solid #9e742f;border-radius:8px;background:radial-gradient(circle,#654229,#3c2519 48%,#21150e);box-shadow:inset 0 0 28px #0009,0 2px 6px #0006}.fusion-slot{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:116px;min-width:0;padding:6px;border:2px solid var(--gear-color, #947348);border-radius:8px;background:radial-gradient(circle at 50% 35%,var(--gear-bg, #543927),#21160f 78%);color:#e4d0a8;box-shadow:inset 0 0 0 1px #ffffff17,0 5px 12px #0007;text-align:center}.fusion-slot img{width:62px;height:62px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #000)}.fusion-slot span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gear-color, #c5ac83);font-size:11px}.fusion-slot-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px dashed #c3a37280;color:#bda675;font:26px Georgia,serif}.fusion-info{grid-area:info;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;border-radius:8px;border:1px solid #ad8e5b;background:var(--grain),linear-gradient(135deg,#fff4db,#ddc49b);color:var(--forge-ink)}.fusion-min{font-weight:700;font-size:16px}.fusion-info small{grid-column:1;color:#69503b;font-size:12px}.fusion-rates-button{grid-area:1 / 2 / 3 / 3;padding:5px 9px;border:1px solid #925f29;border-radius:5px;background:#482817;color:#f7dc9c;font:12px SwordiaThai,Tahoma,sans-serif}.fusion-rates{grid-column:1 / -1;width:100%;margin-top:5px;border-collapse:collapse;overflow:hidden;border-radius:4px;background:#381e14;color:#f2dfb8;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.fusion-rates th,.fusion-rates td{padding:2px 5px;border-bottom:1px solid #b9945840}.fusion-rates th{color:#ffe4a5;background:#23140d;font-weight:400}.fusion-rates tr[data-active=true]{color:#2b1a10;background:#f6d78c;font-weight:700}.fusion-choices{grid-area:choices;display:flex;flex-direction:column;min-height:0;padding:10px;border:1px solid #a7834d;border-radius:8px;background:#1b130ef2;color:#f0d9ab}.fusion-choices h3{margin:0 0 9px;font-size:16px;font-weight:400}.fusion-gear-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;max-height:275px;min-height:100px;overflow-y:auto;scrollbar-color:#a17b43 #24160f}.fusion-gear{display:grid;justify-items:center;min-width:0;padding:5px 4px;border:1px solid var(--gear-color, #8c6e4a);border-radius:5px;background:radial-gradient(circle at 50% 35%,var(--gear-bg, #423020),#20140e 85%);color:var(--gear-color, #e4d2b4);font:11px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.fusion-gear img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.fusion-gear span{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.fusion-gear[aria-pressed=true]{outline:2px solid #ffe29d;outline-offset:-3px;box-shadow:0 0 13px #f2ba58aa}.fusion-gear:disabled{opacity:.45;cursor:default}.fusion-empty{grid-column:1 / -1;margin:20px 5px;color:#bca882;text-align:center}.fusion-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:8px 14px;border:1px solid #8d612d;border-radius:8px;background:linear-gradient(#352116,#1d120d)}.fusion-feedback{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:#dbc598;font-size:13px}.fusion-feedback strong{font-size:22px;color:#f1dba3}.fusion-feedback img{width:40px;height:40px;image-rendering:pixelated}.fusion-feedback span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fusion-result-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:2px solid var(--gear-color, #8a6a3a);border-radius:6px;background:radial-gradient(circle at 45% 30%,color-mix(in srgb,var(--gear-color, #8a6a3a) 30%,var(--gear-bg, #2d2014)),var(--gear-bg, #2d2014) 77%);box-shadow:0 0 10px color-mix(in srgb,var(--gear-color, #000) 55%,transparent)}.fusion-feedback .fusion-result-name{color:var(--gear-color, #dbc598);font-size:15px;font-weight:700;text-shadow:0 1px 2px #000}.fusion-feedback .gear-rarity-label{flex:none;padding:2px 8px;border:1px solid var(--gear-color);border-radius:12px;background:var(--gear-bg);color:var(--gear-color);font-size:12px}.fusion-feedback[data-perfect=true] .fusion-result-icon{box-shadow:0 0 0 2px #ffd24d,0 0 14px #f5c447cc}.fusion-feedback[data-error=true],.fusion-feedback[data-outcome=failure] strong{color:#f17d6f}.fusion-feedback[data-outcome=success] strong{color:#91e6b0}.fusion-feedback[data-outcome=perfect] strong{color:#ffe580;text-shadow:0 0 12px #f4ae37}.fusion-feedback[data-outcome=failure]{animation:forge-fail .45s ease-out}.fusion-feedback[data-outcome=success]{animation:forge-success .65s ease-out}.fusion-feedback[data-outcome=perfect]{animation:forge-perfect 1s ease-out}.fusion-mix{flex:none;padding:10px 18px;border:2px solid #f7d68e;border-radius:6px;background:linear-gradient(#ae6938,#643318);color:#fff1d0;font:700 17px SwordiaThai,Tahoma,sans-serif;box-shadow:inset 0 1px #ffe2a155,0 4px 7px #0008;cursor:pointer}.fusion-mix:disabled{opacity:.5;cursor:default}@keyframes forge-fail{0%,70%{transform:translate(0);opacity:1}20%,50%{transform:translate(-7px)}35%,60%{transform:translate(7px)}}@keyframes forge-success{0%{transform:scale(.9);opacity:0;filter:brightness(2)}to{transform:scale(1);opacity:1;filter:brightness(1)}}@keyframes forge-perfect{0%{transform:scale(.7);opacity:0;filter:brightness(3)}55%{transform:scale(1.08);opacity:1;filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:719px){.fusion-window[data-layout=stack] .fusion-body{grid-template-columns:1fr;grid-template-areas:"intro" "slots" "info" "choices" "footer"}.fusion-window[data-layout=stack] .fusion-slots{padding:10px 5px;gap:4px}.fusion-window[data-layout=stack] .fusion-slot{height:88px}.fusion-window[data-layout=stack] .fusion-slot img{width:45px;height:45px}.fusion-window[data-layout=stack] .fusion-gear-list{max-height:165px}.fusion-window[data-layout=stack] .fusion-footer{flex-wrap:wrap}.fusion-window[data-layout=stack] .fusion-mix{width:100%}}@media(prefers-reduced-motion:reduce){.fusion-feedback[data-outcome]{animation:none}}.chat .player-chat-form{display:flex;gap:6px;width:100%}.chat .player-chat-form input,.chat .player-chat-form select{min-width:0;padding:6px 8px;border:1px solid #887356;border-radius:4px;outline:none;background:#171c18;color:#f5e6c7;font:12px SwordiaThai,sans-serif}.chat .player-chat-form input{flex:1}.chat .player-chat-form select{width:76px;cursor:pointer}.chat .player-chat-form input:focus{border-color:#e9c071;box-shadow:0 0 0 2px #d6a95255}.chat .player-chat-form button{padding:4px 10px;border:1px solid #bf9b60;border-radius:4px;background:linear-gradient(#6b4630,#3b281d);color:#ffe8ba;cursor:pointer}@media(max-width:600px){.chat .player-chat-form{gap:2px}.chat .player-chat-form select{width:42px;padding:3px;font-size:11px}.chat .player-chat-form input{padding:3px;font-size:11px}.chat .player-chat-form button{padding:2px 4px;font-size:11px}}.chat #log-lines p[data-kind=chat-map]{color:#e9e5d3}.chat #log-lines p[data-kind=chat-world]{color:#bde8f0}.chat .tabs button[data-log-tab^=chat-]{padding-inline:6px}.minimap{position:relative}.channel-button{cursor:pointer;text-decoration:underline dotted #d9d3c366;text-underline-offset:3px}.channel-button:hover,.channel-button:focus-visible{color:#ffe2a4}.channel-picker{position:absolute;z-index:40;top:34px;right:6px;min-width:176px;max-width:calc(100% - 12px);display:grid;gap:3px;padding:7px;font:12px SwordiaThai,Tahoma;color:#f0e6d0;background:linear-gradient(#2b1a10f5,#140b06f5);border:1px solid #d8b56a;border-radius:8px;box-shadow:0 0 0 2px #140b06,0 6px 16px #000a}.channel-picker[hidden]{display:none}.channel-picker>strong{font-weight:400;color:#f0cd73;padding:0 2px 3px}.channel-picker>small{color:#b9ae94;font-size:11px;padding:3px 2px 0}.channel-row{display:flex;gap:8px;align-items:baseline;text-align:left;padding:5px 8px;border-radius:5px;color:inherit;background:#ffffff12;border:1px solid transparent}.channel-row b{font:12px Arial;font-variant-numeric:tabular-nums;color:#ffe4a4}.channel-row:hover:not(:disabled),.channel-row:focus-visible{background:#ffffff26;border-color:#d8b56a}.channel-row.current{border-color:#79e8ff88}.channel-row.full{color:#a99f89}.channel-row:disabled{cursor:default}.offline-farm .power-window{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden;flex-direction:column;animation:offline-rise .32s ease-out both}.offline-farm .power-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 12px 14px}.offline-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;gap:12px;align-content:start;padding:2px 4px;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent;overscroll-behavior:contain}.offline-farm .offline-claim{align-self:center;min-width:60%}.offline-farm .offline-claim:focus-visible,.offline-farm .status-close:focus-visible{outline:3px solid #fff2b8;outline-offset:2px}.offline-scroll p,.offline-scroll h3,.offline-scroll dl{margin:0}.offline-head{display:grid;gap:3px;padding:4px 0 10px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.offline-eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold-deep)}.offline-away{font-size:15px;color:var(--ink-soft)}.offline-away b{font:700 22px/1.2 Georgia,SwordiaThai,serif;color:var(--ink)}.offline-credit{font-size:14px;color:var(--ink)}.offline-credit b{color:#3f7d2a;font-size:17px}.offline-cap{justify-self:center;margin-top:4px;padding:3px 12px;border-radius:12px;background:#fdeee4;border:1px solid #d0845c;color:#8a3a1e;font-size:12.5px;line-height:1.5}.offline-big{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offline-stat{display:grid;justify-items:center;gap:2px;padding:10px 6px;border-radius:10px;border:1px solid #b89a68;background:#fff8e8;box-shadow:inset 0 0 0 2px #f7eed9;min-width:0}.offline-stat img{width:28px;height:28px;object-fit:contain}.offline-stat .power-exp{width:28px;height:28px;font-size:10px}.offline-stat-label{font-size:12.5px;color:var(--ink-soft)}.offline-stat strong{font:700 26px/1.15 Arial,SwordiaThai,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}.offline-stat.exp strong{color:#8a5d0b}.offline-stat.gold strong{color:#9c6a12}.offline-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:8px 12px;border-radius:8px;background:#ecdcb7aa;font-size:14px}.offline-facts dt{text-align:left;color:var(--ink-soft)}.offline-facts dd{margin:0;text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.offline-facts dd.levelup{color:#1f6a2a}.offline-facts dd em{font-style:normal;padding:1px 8px;margin-right:4px;border-radius:10px;background:linear-gradient(#fff08a,#d9a21e);color:#4a3208;font-size:12px}.offline-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:15px;color:#6b3f12}.offline-sub small{color:var(--ink-soft);font-size:12.5px;font-weight:400}.offline-empty{padding:14px 8px;text-align:center;color:var(--ink-soft);border:1px dashed var(--rule);border-radius:8px}.offline-drops{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 8px;border-radius:8px;background:linear-gradient(#2a1c12,#1d140d);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 2px 10px #000a}.offline-drop{display:grid;gap:4px;justify-items:center;min-width:0}.offline-drop .bag-slot{position:relative;width:100%;max-width:64px}.offline-count{position:absolute;right:2px;bottom:1px;font:700 12px/1 Arial,sans-serif;color:#fff0be;text-shadow:0 1px 2px #000,0 0 3px #000}.offline-drop-name{font-size:11.5px;line-height:1.3;text-align:center;color:#eadbb8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offline-drop[data-rarity] .offline-drop-name{color:var(--gear-color)}.offline-drop.rare:not([data-rarity]) .bag-slot{border-color:#b05cff;box-shadow:inset 0 0 0 1px #b05cff,0 0 8px #b05cff88}.offline-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.offline-none{padding:12px 6px;font-size:15px;line-height:1.6;text-align:center;color:var(--ink);overflow-wrap:anywhere}.offline-note{font-size:12.5px;line-height:1.5;text-align:center;color:var(--ink-soft);overflow-wrap:anywhere}.offline-note.offline-warn{color:#8a3a1e}.offline-quota{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--rule)}.offline-left{font-size:13px;text-align:center;color:var(--ink);overflow-wrap:anywhere}.offline-meter{height:8px;border-radius:4px;background:#1d140d;box-shadow:inset 0 1px 2px #000,0 0 0 1px #b89a68;overflow:hidden}.offline-meter span{display:block;height:100%;background:linear-gradient(#fbe3a4,#b88433);border-radius:4px}@keyframes offline-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.offline-farm .power-window{animation:none}}@media(max-width:480px){.offline-farm .power-window{width:calc(100vw - 16px);padding:12px}.offline-stat strong{font-size:22px}.offline-drops{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}}.wb-chip{position:fixed;z-index:44;left:50%;top:100px;translate:-50% 0;max-width:min(420px,calc(100vw - 24px));padding:4px 14px;font:13px SwordiaThai,Tahoma;color:#f0e6d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(#2b1a10ee,#140b06ee);border:1px solid #d8b56a;border-radius:14px;box-shadow:0 0 0 2px #140b06,0 3px 10px #0008}.wb-chip[hidden]{display:none}.wb-chip:hover,.wb-chip:focus-visible{color:#ffe2a4}.wb-chip[data-phase=warning]{border-color:#ffd05a;color:#ffe9a8;animation:wb-blink 1.2s ease-in-out infinite}.wb-chip[data-phase=active]{border-color:#ff6a4d;color:#ffd6cc;background:linear-gradient(#4a1410ee,#200806ee)}@keyframes wb-blink{50%{box-shadow:0 0 0 2px #140b06,0 0 14px 3px #ffbf4a}}.wb-panel{position:fixed;z-index:45;left:50%;top:134px;translate:-50% 0;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 140px);overflow-y:auto;display:grid;gap:6px;padding:10px 12px 12px;font:13px SwordiaThai,Tahoma;color:#f0e6d0;background:linear-gradient(#2b1a10f7,#140b06f7);border:1px solid #d8b56a;border-radius:10px;box-shadow:0 0 0 2px #140b06,0 8px 22px #000b}.wb-panel[hidden]{display:none}.wb-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wb-head h2{margin:0;font:17px SwordiaThai,Tahoma;color:#f0cd73}.wb-close{width:24px;height:24px;line-height:20px;font-size:18px;color:#f0e6d0;background:#ffffff14;border:1px solid #d8b56a88;border-radius:4px}.wb-close:hover,.wb-close:focus-visible{background:#ffffff2c}.wb-boss{display:grid;gap:1px}.wb-boss strong{font:16px SwordiaThai,Tahoma;color:#ffb59c}.wb-boss small,.wb-note,.wb-hint{color:#b9ae94;font-size:11px}.wb-timer{margin:0;font:14px Arial;font-variant-numeric:tabular-nums;color:#ffe2a4}.wb-hp{position:relative;height:18px;background:#0d0806;border:1px solid #d8b56a99;border-radius:4px;overflow:hidden}.wb-hp i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#f0563f,#a3231a);transition:width .5s linear}.wb-hp span{position:absolute;inset:0;display:grid;place-items:center;font:11px Arial;color:#fff;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.wb-you{margin:0;display:grid;gap:2px}.wb-you em{font-style:normal;font-size:11px}.wb-you em.ok{color:#8be07a}.wb-you em.wait{color:#f3c96a}.wb-panel h3,.wb-result-box h3{margin:4px 0 0;font:13px SwordiaThai,Tahoma;color:#f0cd73}.wb-top,.wb-next{margin:0;padding:0;list-style:none;display:grid;gap:2px}.wb-top li{display:flex;justify-content:space-between;gap:8px;padding:2px 6px;background:#ffffff0d;border-radius:3px;counter-increment:wb}.wb-top{counter-reset:wb}.wb-top li:before{content:counter(wb);width:16px;color:#f0cd73;font:12px Arial}.wb-top li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-top li b{font:12px Arial;font-variant-numeric:tabular-nums;color:#ffe4a4}.wb-top li.empty:before{content:"";width:0}.wb-next li{display:grid;grid-template-columns:96px 1fr;gap:0 8px;padding:3px 6px;background:#ffffff0d;border-radius:3px}.wb-next li b{color:#ffe4a4;font-weight:400}.wb-next li small{grid-column:2;color:#b9ae94}.wb-result{position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:#0008}.wb-result[hidden]{display:none}.wb-result-box{display:grid;gap:6px;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow-y:auto;padding:12px 14px 14px;font:14px SwordiaThai,Tahoma;color:#f0e6d0;background:linear-gradient(#2b1a10,#140b06);border:1px solid #d8b56a;border-radius:10px;box-shadow:0 0 0 2px #140b06,0 10px 30px #000c}.wb-reward-line{margin:0;color:#ffe4a4}.wb-items{display:flex;flex-wrap:wrap;gap:6px}.wb-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-width:100%;padding:4px 8px;background:#ffffff10;border:1px solid #ffffff22;border-radius:6px}.wb-item.rare{border-color:#b98cff;background:#b98cff18}.wb-item img{width:32px;height:32px;image-rendering:pixelated}.wb-item b{font:13px Arial;color:#ffe4a4}.wb-banner{top:100px}.wb-banner.spawn,.wb-banner.warning{background:linear-gradient(90deg,#5a1010f0,#a1261af0,#5a1010f0)}.wb-banner.kill{background:linear-gradient(90deg,#1c4a12f0,#2f7a1ef0,#1c4a12f0)}.wb-banner.timeout,.wb-banner.cancelled{background:linear-gradient(90deg,#26262cf0,#45454df0,#26262cf0)}.map-boss.world{width:34px;height:34px;filter:drop-shadow(0 0 5px #ffb64a);z-index:5}.map-boss.world[hidden]{display:none}.journal-boss.world{width:40px;height:40px;filter:drop-shadow(0 0 6px #ffb64a)}@media(max-width:600px){.wb-chip{top:66px;font-size:11px}.wb-panel{top:96px}.wb-banner{top:66px;font-size:13px}}@media(prefers-reduced-motion:reduce){.wb-chip[data-phase=warning]{animation:none}.wb-hp i{transition:none}}.quest-book{--jade: #79c283;--crimson: #d2604a;--lacquer: #1a110b;--lacquer-hi: #2a1a10;--tone: var(--gold)}.quest-book .window-body{display:flex;flex-direction:column;gap:10px;min-height:0}.quest-book .quest-body{display:flex}.quest-tabs{display:flex;gap:4px;padding:0 4px;border-bottom:2px solid var(--gold-deep)}.quest-tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 7px;cursor:pointer;white-space:nowrap;font:16px SwordiaThai,Tahoma,sans-serif;color:#b8a888;text-shadow:0 1px 0 #000;background:linear-gradient(#2a1a10,#140c07);border:1px solid #0c0704;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:inset 0 0 0 1px #5d4a33,inset 0 1px #ffffff12}.quest-tab small{padding:0 7px;border-radius:8px;font:700 11px/16px Arial;color:var(--gold-hi);background:#000a}.quest-tab:hover{color:var(--gold-hi);filter:brightness(1.12)}.quest-tab[aria-selected=true]{color:#2a1a0a;text-shadow:none;margin-bottom:-2px;padding-bottom:9px;background:linear-gradient(#f6e4b0,#d9b566);box-shadow:inset 0 0 0 1px #fff3cf99,inset 0 -3px #9c743388}.quest-tab[aria-selected=true] small{color:var(--gold-hi);background:#3a2518}.quest-ready-dot{width:9px;height:9px;border-radius:50%;background:#ffd75e;box-shadow:0 0 0 2px #7a1d10,0 0 8px #ffd75e;animation:quest-blink 1.4s ease-in-out infinite}.quest-tab:focus-visible,.quest-button:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.quest-panel{display:flex;flex-direction:column;gap:10px;max-height:min(468px,calc(100vh - 230px));overflow-y:auto;padding:2px 4px 4px 2px;scrollbar-color:var(--gold-deep) #0000}.quest-book[data-layout=stack] .quest-panel{max-height:none;overflow:visible;padding:0}.quest-heading{margin:4px 0 0;font:13px SwordiaThai,Tahoma,sans-serif;letter-spacing:1px;color:var(--gold);text-shadow:0 1px 0 #000}.quest-heading:before{content:"◆ ";font-size:9px}.quest-empty{margin:0;padding:12px 14px;border-radius:8px;color:#d9c79c;font-size:14px;line-height:1.6;text-align:center;background:#1a110b99;border:1px dashed #9c743388}.quest-note{margin:0;color:#b39c74;font-size:12px;line-height:1.6;text-align:center}.quest-status{min-height:22px;margin:0;text-align:center;font-size:14px;color:#b8dca3;text-shadow:0 1px 0 #000}.quest-status[data-tone=warn]{color:#ffb59b}.quest-chapter{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--gold-hi);text-shadow:0 1px 0 #000}.quest-chapter strong{font-size:17px;font-weight:400}.quest-chapter span{font-size:13px;color:var(--gold)}.quest-chain{height:8px;border-radius:4px;background:#0d0704;box-shadow:inset 0 0 0 1px #5d4a33;overflow:hidden}.quest-chain i{display:block;height:100%;background:linear-gradient(#f4d67a,#b7842a)}.quest-card{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) 156px;gap:14px;align-items:start;padding:12px 14px;border-radius:10px;color:#f0dfba;border:1px solid #0c0704;background:linear-gradient(#2a1a10,var(--lacquer));box-shadow:inset 0 0 0 1px #6b5237,inset 0 1px #ffffff14,0 3px 6px #0009}.quest-card[data-tier=easy]{--tone: var(--jade)}.quest-card[data-tier=hard]{--tone: var(--crimson)}.quest-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 3px 3px 0;background:var(--tone);box-shadow:0 0 8px var(--tone);opacity:.8}.quest-card[data-state=ready]{box-shadow:inset 0 0 0 2px #ffd75e,inset 0 0 22px #f0b83055,0 0 14px #f0b83077,0 3px 6px #0009;background:linear-gradient(#4b3113,#1f130a);--tone: #ffd75e}.quest-card[data-state=locked],.quest-card[data-state=taken]{filter:saturate(.7) brightness(.86)}.quest-card[data-state=taken]{box-shadow:inset 0 0 0 1px #4d7a48,0 3px 6px #0009}.quest-head{display:flex;align-items:center;gap:10px;min-width:0}.quest-head h3{margin:0;font-size:19px;line-height:1.35;color:var(--gold-hi);text-shadow:0 1px 0 #000;overflow-wrap:anywhere}.quest-tier{flex:none;padding:1px 10px;border-radius:10px;font-size:12px;line-height:20px;color:#171008;font-weight:700;background:var(--tone);box-shadow:inset 0 1px #fff6,0 1px 3px #0008}.quest-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}.quest-tags li{padding:0 8px;border-radius:4px;font-size:12px;line-height:20px;color:#d7c395;background:#0006;box-shadow:inset 0 0 0 1px #6b523766}.quest-tags li.map:before{content:"⌖ ";color:var(--gold)}.quest-tags li.lock{color:#ffb59b}.quest-story{margin:8px 0 0;font-size:14px;line-height:1.6;color:#cdb98e}.quest-goal{margin:6px 0 8px;font-size:14px;line-height:1.5;color:#f6e8c4}.quest-art{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#3d2b1b,#100a06 72%);box-shadow:inset 0 0 12px #000c,inset 0 0 0 1px #6b5237}.quest-art-monster{width:68px;height:68px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000a)}.quest-art[data-count="2"]{grid-auto-flow:column}.quest-art[data-count="2"] .quest-art-monster{width:44px;height:44px}.quest-art[data-count="3"]{grid-template-columns:1fr 1fr;align-content:center}.quest-art[data-count="3"] .quest-art-monster{width:38px;height:38px}.quest-art[data-count="3"] .quest-art-monster:first-child{grid-column:1 / -1;justify-self:center;width:42px;height:42px}.quest-art-map{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.quest-art-npc{width:68px;height:68px;border-radius:50%;object-fit:cover;image-rendering:pixelated;border:2px solid #c9a35a;box-shadow:0 3px 4px #000a}.quest-npc{margin:0 0 8px;font-size:13px;color:var(--gold)}.quest-card[data-kind=story][data-state=ready]{box-shadow:0 0 0 2px #ffd35a,0 0 12px #ffd35a66}.quest-art small{position:absolute;bottom:4px;font-size:11px;color:var(--gold);text-shadow:0 1px 0 #000}.quest-progress{position:relative;height:20px;border-radius:10px;background:#0d0704;box-shadow:inset 0 0 0 1px #6b5237,inset 0 2px 4px #000c;overflow:hidden}.quest-progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(#f7dc86 0 30%,#d3a03a 30% 70%,#a57620 70%);transition:width .25s}.quest-progress span{position:absolute;inset:0;display:grid;place-items:center;font:700 12px Arial;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums}.quest-progress.full i{background:linear-gradient(#b9f0a0 0 30%,#66b95a 30% 70%,#3f8a3a 70%)}.quest-rewards{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;padding:0;list-style:none}.quest-rewards li{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 10px;border-radius:15px;font-size:14px;color:#ffeec4;background:linear-gradient(#4a3320,#2b1c11);box-shadow:inset 0 0 0 1px #a17a3e,inset 0 1px #fff2,0 1px 3px #0008}.quest-rewards b{padding:0 6px;border-radius:4px;font:700 11px/18px Arial;color:#171008;background:#9ad6ff;letter-spacing:.5px}.quest-rewards small{font-size:11px;color:#c8b28a}.quest-rewards img{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000a)}.quest-rewards span{font-variant-numeric:tabular-nums}.quest-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;align-self:center}.quest-hint{font-size:11px;line-height:1.4;text-align:center;color:#b39c74}.quest-button{min-height:44px;padding:8px 12px;border-radius:8px;cursor:pointer;font:700 15px SwordiaThai,Tahoma,sans-serif;color:#f4dfb6;text-shadow:0 1px 0 #000;background:linear-gradient(#5b3d24,#33200f);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px #a17a3e,inset 0 1px #ffffff26,0 2px 4px #0008;transition:transform .1s,filter .12s}.quest-button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.quest-button:active:not(:disabled){transform:translateY(1px)}.quest-button:disabled{cursor:default;color:#a8987a;background:linear-gradient(#3a2f26,#251d17);box-shadow:inset 0 0 0 1px #5d4a33;text-shadow:none}.quest-button.primary{color:#2a1a0a;text-shadow:0 1px 0 #fff6;background:linear-gradient(#ffe89a,#dba93b 55%,#b7842a);box-shadow:inset 0 0 0 1px #fff3cf,0 0 10px #f0b83077,0 2px 4px #0008}.quest-card[data-state=ready] .quest-button.primary{animation:quest-glow 1.6s ease-in-out infinite}.quest-button.subtle{min-height:36px;font-size:13px}.quest-button.danger{background:linear-gradient(#b8412e,#6e1a10);box-shadow:inset 0 0 0 1px #ff9a82,0 2px 4px #0008;color:#fff4dc}.quest-button.locked{font-size:13px}.quest-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quest-stats{display:flex;gap:8px;margin:0;padding:0;list-style:none}.quest-stats li{display:flex;flex-direction:column;padding:3px 12px;border-radius:8px;background:#1a110bcc;box-shadow:inset 0 0 0 1px #6b5237}.quest-stats span{font-size:11px;color:#b39c74}.quest-stats b{font:700 15px Arial;color:var(--gold-hi)}.quest-board-head .quest-button{min-height:40px}.quest-upcoming{display:grid;gap:6px;margin:0;padding:0;list-style:none}.quest-upcoming li{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:8px;font-size:14px;color:#9c8b6c;background:#1a110b99;box-shadow:inset 0 0 0 1px #4a3a28}.quest-upcoming b{font-weight:400;color:#cdb98e}.quest-mini{padding:10px 14px;border-radius:10px;color:#f0dfba;background:linear-gradient(#2a1a10,var(--lacquer));box-shadow:inset 0 0 0 1px #6b5237,0 2px 4px #0008}.quest-mini header{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-mini h3{margin:0;font-size:17px;color:var(--gold-hi)}.quest-mini p{margin:4px 0 8px;font-size:14px;color:#cdb98e}.quest-mini.done{opacity:.82}.quest-mini.done p{margin-bottom:0}.quest-badge{padding:0 10px;border-radius:10px;font-size:12px;line-height:20px;color:#f4dfb6;background:#4a3320;box-shadow:inset 0 0 0 1px #a17a3e}.quest-badge.ok{color:#12300d;background:#9ad68a;box-shadow:none}.quest-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.quest-milestones li{display:grid;justify-items:center;gap:1px;padding:8px 4px;border-radius:8px;font-size:12px;color:#b39c74;background:#1a110bcc;box-shadow:inset 0 0 0 1px #4a3a28}.quest-milestones img{object-fit:contain;image-rendering:pixelated;filter:grayscale(.8) brightness(.7)}.quest-milestones b{font:700 14px Arial;color:#cdb98e}.quest-milestones li.next{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold-hi)}.quest-milestones li.next img{filter:none}.quest-milestones li.done{color:#b8dca3;box-shadow:inset 0 0 0 1px #4d7a48}.quest-milestones li.done img{filter:none}@keyframes quest-blink{50%{opacity:.35}}@keyframes quest-glow{50%{box-shadow:inset 0 0 0 1px #fff3cf,0 0 18px #ffd75ecc,0 2px 4px #0008}}@media(prefers-reduced-motion:reduce){.quest-ready-dot,.quest-card[data-state=ready] .quest-button.primary,.quest-progress i{animation:none;transition:none}}.quest-book[data-layout=stack] .quest-tab{flex:1 1 0;min-width:0;justify-content:center;padding:8px 4px 7px;font-size:13px;gap:4px}.quest-book[data-layout=stack] .quest-tab small{padding:0 5px;font-size:10px;line-height:15px}.quest-book[data-layout=stack] .quest-ready-dot{position:absolute;top:3px;right:3px;width:8px;height:8px}.quest-book[data-layout=stack] .quest-card{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px 12px}.quest-book[data-layout=stack] .quest-art{width:56px;height:56px}.quest-book[data-layout=stack] .quest-art-monster{width:44px;height:44px}.quest-book[data-layout=stack] .quest-art[data-count="2"] .quest-art-monster{width:26px;height:26px}.quest-book[data-layout=stack] .quest-art[data-count="3"] .quest-art-monster{width:24px;height:24px}.quest-book[data-layout=stack] .quest-art[data-count="3"] .quest-art-monster:first-child{width:26px;height:26px}.quest-book[data-layout=stack] .quest-art-map{width:32px;height:32px}.quest-book[data-layout=stack] .quest-art-npc{width:44px;height:44px}.quest-book[data-layout=stack] .quest-art small{display:none}.quest-book[data-layout=stack] .quest-actions{grid-column:1 / -1}.quest-book[data-layout=stack] .quest-head h3{font-size:17px}.quest-book[data-layout=stack] .quest-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-book[data-layout=stack] .quest-board-head{flex-direction:column;align-items:stretch}.quest-book[data-layout=stack] .quest-stats li{flex:1}@media(min-width:560px){.quest-book[data-layout=stack] .quest-board-head{flex-direction:row;align-items:center}.quest-book[data-layout=stack] .quest-stats li{flex:none}}.quests h3 b{font-weight:400}.quests p strong.ready,.quests .bounty-count.ready{color:#9be08a}.quests #quest-goal{color:#d9d3c3}.tracker-bounty+.tracker-bounty{margin-top:8px;padding-top:6px;border-top:1px solid #95816455}.tracker-empty{padding-left:0!important;color:#c9c3b0}.top-menu button.has-reward{position:relative}.top-menu button.has-reward:after{content:"!";position:absolute;top:-2px;right:6px;width:18px;height:18px;border-radius:50%;font:700 13px/18px Georgia;color:#35281a;background:#ffd75e;box-shadow:0 0 0 2px #7a1d10,0 0 8px #ffd75e;text-shadow:none;animation:quest-blink 1.4s ease-in-out infinite}.class-book{--crimson: #c8533d;--crimson-deep: #6e1a10;--lacquer: #1a110b}.class-book .window-body.class-body{display:flex;flex-direction:column;gap:12px;min-height:0}.class-note{margin:0;padding:8px 14px;border-radius:8px;font-size:14px;color:#ffe2a2;text-align:center;background:linear-gradient(90deg,transparent,#6e1a1088 15%,#6e1a1088 85%,transparent);border:1px solid #9c743366}.class-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.class-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 6px 10px;border-radius:10px;cursor:pointer;font-family:SwordiaThai,Tahoma,sans-serif;color:#b8a888;background:linear-gradient(#2a1a10,#140c07);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px #5d4a33,inset 0 1px #ffffff12,0 3px 6px #0008;transition:transform .1s,box-shadow .12s,filter .12s}.class-card-art{display:grid;place-items:end center;width:100%;height:132px;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#3a2a1c,#140c07 70%);box-shadow:inset 0 0 12px #000c}.class-card-figure{display:block;height:122px;width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000a)}.class-card-name{font-size:18px;line-height:1.4;color:inherit}.class-card-role{font-size:12px;color:#8d7c62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.class-card:hover{transform:translateY(-2px)}.class-card[data-mine=false] .class-card-figure{filter:grayscale(1) brightness(.62) contrast(.95) drop-shadow(0 3px 2px #000a)}.class-card[data-mine=false]{color:#9a8d78}.class-card[data-mine=false]:hover .class-card-figure{filter:grayscale(1) brightness(.78) drop-shadow(0 3px 2px #000a)}.class-card[data-mine=true]{color:var(--gold-hi);text-shadow:0 1px 0 #000;background:linear-gradient(#4a1c12,#1c0c07);border-color:#0c0704;box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 0 3px #1c0c07,inset 0 0 0 4px #c8533d99,0 0 14px #c8533d66,0 3px 6px #0008}.class-card[data-mine=true] .class-card-art{background:radial-gradient(ellipse at 50% 80%,#8a2a1a,#2a0e08 72%)}.class-card[data-mine=true] .class-card-role{color:#e6b77a}.class-card[aria-pressed=true]{transform:translateY(-2px);outline:3px solid var(--gold-hi);outline-offset:1px}.class-card[aria-pressed=true]:after{content:"";position:absolute;left:50%;bottom:-9px;translate:-50% 0;border:7px solid transparent;border-top-color:var(--gold-hi);border-bottom:0}.class-book .class-card:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}.class-mine-tag{position:absolute;top:6px;left:50%;translate:-50% 0;padding:1px 10px;border-radius:10px;white-space:nowrap;font:700 12px/18px SwordiaThai,Tahoma,sans-serif;font-style:normal;color:#2a1a06;text-shadow:none;background:linear-gradient(#ffe8a0,#c9951e);border:1px solid #fff2c2;box-shadow:0 0 0 1px #1a0e08,0 0 8px #f2d77b88}.class-detail{display:grid;height:462px;box-sizing:border-box;padding:14px;border-radius:10px;color:#eadcc0;border:1px solid #0c0704;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 0 0 3px #140c07,inset 0 0 0 4px #c8533d55,inset 0 0 30px #000c}.class-detail-info{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6b4d2a transparent}.class-detail-info>*{flex-shrink:0}.class-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.class-detail-head h3{margin:0;font-size:24px;line-height:1.25;color:var(--gold-hi);text-shadow:0 2px 0 #000,0 0 10px #c8533d88}.class-detail-role{margin:0;font-size:13px;color:#e6a07a}.class-detail-state{flex:none;padding:3px 10px;border-radius:10px;font-size:12px;color:#b8a888;background:#0008;border:1px solid #5d4a33}.class-detail[data-mine=true] .class-detail-state{color:#ffe08a;border-color:var(--gold-deep)}.class-about{margin:0;font-size:14px;line-height:1.6;color:#d8c8a8}.class-facts{display:grid;grid-template-columns:auto 1fr;margin:0;font-size:13px;border-top:1px solid #6b4d2a88}.class-facts dt,.class-facts dd{margin:0;padding:4px 0;border-bottom:1px dashed #6b4d2a66}.class-facts dt{color:#b59d74;padding-right:14px}.class-facts dd{text-align:right;color:#fff0d0;font-weight:700}.class-growth{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px}.class-stat{display:inline-flex;align-items:baseline;gap:4px;padding:0 7px;border-radius:6px;background:#6e1a1066;border:1px solid #9c743366}.class-stat small{font-weight:400;font-size:11px;color:#cdb68a}.class-detail-info h4{margin:2px 0 0;font-size:14px;color:#e6a07a}.class-skills{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.class-skill{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.class-skill-icon{width:44px;height:44px;padding:3px;box-sizing:border-box;border-radius:7px;border:2px solid #8a6a3c;background:radial-gradient(circle at 50% 38%,#4a3526,#1c120b 72%);box-shadow:0 0 0 1px #0c0704,inset 0 2px 5px #000b}.class-skill.passive .class-skill-icon{border-radius:50%}.class-skill-icon img{display:block;width:100%;height:100%;object-fit:contain}.class-detail[data-mine=true] .class-skill-icon{border-color:var(--gold);background:radial-gradient(circle at 50% 38%,#7a2a1a,#140c07 74%)}.class-detail[data-mine=false] .class-skill-icon img{filter:grayscale(.85) brightness(.75)}.class-skill-name{max-width:100%;font-size:12px;line-height:1.3;color:#eadcc0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-skill small{font:700 10px Georgia,serif;color:#8d7c62}.class-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding:8px 10px;border-radius:8px;background:#0007;border:1px dashed #9c743366}.class-action-note{font-size:13px;color:#d8c8a8}.class-action-button{min-height:36px;padding:0 18px;border-radius:8px;cursor:pointer;font:700 15px SwordiaThai,Tahoma,sans-serif;color:#fff4dc;text-shadow:0 1px 0 #3d0c07;background:linear-gradient(#c8533d,#8a2518);border:2px solid var(--gold);box-shadow:0 0 0 2px #1a0e08,inset 0 1px #fff4}.class-action-button:hover:not(:disabled){filter:brightness(1.12)}.class-action-button:disabled{cursor:not-allowed;color:#b3a58c;text-shadow:none;background:linear-gradient(#4b4238,#2d271f);border-color:#6d6252}.class-book[data-layout=stack] .class-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.class-book[data-layout=stack] .class-card-art{height:96px}.class-book[data-layout=stack] .class-card-figure{height:88px}.class-book[data-layout=stack] .class-card-name{font-size:16px}.class-book[data-layout=stack] .class-mine-tag{font-size:11px;line-height:16px;padding:0 7px}.class-book[data-layout=stack] .class-card[aria-pressed=true]:after{display:none}.class-book[data-layout=stack] .class-detail{height:520px;padding:10px}.class-book[data-layout=stack] .class-book[data-layout=stack] .class-book[data-layout=stack] .class-skills{grid-template-columns:repeat(3,minmax(0,1fr))}.class-book[data-layout=stack] .class-detail-head h3{font-size:20px}.skill-book{--tone: #cdb68a;--tone-deep: #6f5a36;--lacquer: #1a110b;--lacquer-hi: #2b1c12}.skill-book [data-tone=fighter]{--tone: #e0604a;--tone-deep: #7c1f15}.skill-book [data-tone=hunter]{--tone: #6fce7c;--tone-deep: #1e5a2a}.skill-book [data-tone=taoist]{--tone: #f3d27a;--tone-deep: #82621c}.skill-book [data-tone=assassin]{--tone: #d0364f;--tone-deep: #4e0c1a}.skill-book [data-tone=basic]{--tone: #d9c49a;--tone-deep: #6f5a36}.skill-book .window-body{min-height:0}.skill-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:14px;height:740px}.skill-main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.skill-banner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:10px;color:var(--gold-hi);border:1px solid #0c0704;background:radial-gradient(ellipse at 12% 50%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 55%),linear-gradient(#2a1a10,#140c07);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #ffffff1a}.skill-emblem{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--tone) 45%,#2a1a10),#120a05 72%);border:2px solid var(--gold);box-shadow:0 0 0 2px #140b05,0 0 0 4px var(--gold-deep),0 0 16px color-mix(in srgb,var(--tone) 55%,transparent),inset 0 2px 6px #000a}.skill-emblem img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 2px #000a)}.skill-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.skill-banner-text strong{font-size:21px;color:var(--gold-hi);text-shadow:0 2px 0 #000,0 0 10px color-mix(in srgb,var(--tone) 60%,transparent)}.skill-banner-text span{font-size:13px;color:#d8c29a}.skill-count{display:flex;flex-direction:column;align-items:center;line-height:1.1}.skill-count b{font:700 20px Georgia,serif;color:var(--tone);text-shadow:0 1px 0 #000}.skill-count small{font-size:11px;color:#bba57c}.skill-points{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;padding:4px 8px;border-radius:8px;line-height:1.1;background:linear-gradient(#3a2618,#1a100a);border:1px solid var(--gold-deep);box-shadow:inset 0 1px #ffffff14}.skill-points b{font:700 20px Georgia,serif;color:#8d7c62;text-shadow:0 1px 0 #000}.skill-points small{font-size:11px;color:#bba57c;white-space:nowrap}.skill-points:not([data-points="0"]){border-color:var(--gold);box-shadow:inset 0 1px #fff2,0 0 12px #f2d77b55}.skill-points:not([data-points="0"]) b{color:#ffe08a}.skill-tabs{display:flex;gap:3px;flex-wrap:wrap;padding:0 4px;border-bottom:2px solid var(--gold-deep)}.skill-tab{position:relative;min-height:34px;padding:6px 8px 5px;border-radius:8px 8px 0 0;margin-bottom:-2px;font:14px SwordiaThai,Tahoma,sans-serif;color:#d9c7a3;cursor:pointer;border:1px solid #0c0704;border-bottom:2px solid var(--gold-deep);background:linear-gradient(#3a2618,#22150d);box-shadow:inset 0 1px #ffffff14}.skill-tab:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--tone);vertical-align:1px;box-shadow:0 0 4px var(--tone)}.skill-tab small{margin-left:4px;padding:0 5px;border-radius:7px;font:700 10px/14px Arial;background:#000a;color:var(--tone)}.skill-tab:hover{color:var(--gold-hi);filter:brightness(1.12)}.skill-tab[aria-selected=true]{color:var(--gold-hi);border-color:var(--gold-deep);border-bottom-color:var(--lacquer);background:linear-gradient(color-mix(in srgb,var(--tone) 30%,#3a2618),var(--lacquer));text-shadow:0 1px 0 #000}.skill-tab.foreign{color:#9a8a70}.skill-tab.foreign:before{background:#6d6252;box-shadow:none}.skill-tab.foreign[aria-selected=true]{color:#e6d6b4}.skill-tree{position:relative;display:flex;flex-direction:column;gap:22px;flex:1;min-height:0;overflow-y:auto;box-sizing:border-box;scrollbar-color:#a17b43 #1a110b;padding:18px 16px 18px 12px;border-radius:0 0 10px 10px;border:1px solid #0c0704;border-top:0;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--tone) 14%,transparent),transparent 60%),radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a66,inset 0 0 30px #000c}.skill-hint{margin:auto 0 0;padding-top:8px;text-align:center;font-size:12px;color:#8d7c62}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px 10px;align-content:start}.skill-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 6px;border-radius:8px;cursor:pointer}.skill-card:hover{background:#ffffff08}.skill-name{max-width:100%;font-size:13px;line-height:1.3;color:#eadcc0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card-lv{font:700 11px Georgia,serif;color:#8d7c62;white-space:nowrap}.skill-card-level{display:flex;align-items:center;justify-content:center;gap:6px;min-height:22px}.skill-learn{width:22px;height:22px;padding:0;border-radius:50%;cursor:pointer;font:700 16px/18px Arial;color:#2a1a06;background:linear-gradient(#ffe8a0,#c9951e);border:1px solid #fff2c2;box-shadow:0 0 0 1px #1a0e08,0 0 8px #f2d77b88}.skill-learn:hover:not(:disabled){filter:brightness(1.15)}.skill-learn:disabled{cursor:default;color:#7d7263;background:linear-gradient(#4b4238,#2d271f);border-color:#6d6252;box-shadow:0 0 0 1px #1a0e08}.skill-book .skill-learn:focus-visible,.skill-book .skill-learn-detail:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.skill-card[data-state=ready] .skill-name,.skill-card[data-state=passive] .skill-name{color:var(--gold-hi)}.skill-card[data-state=ready] .skill-card-lv,.skill-card[data-state=passive] .skill-card-lv{color:color-mix(in srgb,var(--tone) 70%,#fff)}.skill-card[data-state=locked] .skill-name,.skill-card[data-state=preview] .skill-name,.skill-card[data-state=learnable] .skill-name{color:#8d7c62}.skill-tile{position:relative;z-index:1;width:64px;height:64px;padding:5px;border-radius:8px;cursor:pointer;background:radial-gradient(circle at 50% 38%,#4a3526,#1c120b 72%);border:2px solid #8a6a3c;box-shadow:0 0 0 2px #0c0704,inset 0 0 0 1px #ffffff1c,inset 0 2px 6px #000b,0 3px 6px #0009;transition:transform .08s,box-shadow .12s}.skill-tile.passive{border-radius:50%}.skill-tile img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #000a)}.skill-tile:hover,.skill-tile.shown{transform:translateY(-2px);box-shadow:0 0 0 2px #0c0704,0 0 0 4px var(--gold-hi),0 0 14px color-mix(in srgb,var(--tone) 70%,transparent),inset 0 2px 6px #000b}.skill-tile[aria-pressed=true]{box-shadow:0 0 0 2px #0c0704,0 0 0 4px var(--gold-hi),0 0 18px var(--tone),inset 0 2px 6px #000b}.skill-book .skill-tile:focus-visible{outline:3px solid var(--gold-hi);outline-offset:4px}.skill-tile[data-state=ready],.skill-tile[data-state=passive]{border-color:var(--tone);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tone) 38%,#3a2618),#140c07 74%)}.skill-tile[data-state=locked] img{filter:grayscale(1) brightness(.78) contrast(.9)}.skill-book .skill-tile[data-state=learnable]{border-style:dashed;border-color:color-mix(in srgb,var(--tone) 60%,#5d4f3c)}.skill-tile[data-state=learnable] img{filter:grayscale(1) brightness(.85) contrast(.9)}.skill-tile[data-state=preview]{border-color:#5d4f3c}.skill-tile[data-state=preview] img{filter:grayscale(.8) brightness(.68)}.skill-lv{position:absolute;right:-7px;bottom:-7px;min-width:22px;height:20px;padding:0 3px;box-sizing:border-box;border-radius:10px;font:700 11px/16px Georgia,serif;color:#fff4d6;text-align:center;text-shadow:0 1px 0 #000;background:linear-gradient(#5c3b1c,#26170b);border:2px solid var(--gold-deep)}.skill-tile[data-state=ready] .skill-lv,.skill-tile[data-state=passive] .skill-lv{border-color:var(--tone)}.skill-lock{position:absolute;right:2px;top:1px;font-style:normal;font-size:13px;filter:grayscale(1) brightness(1.3) drop-shadow(0 1px 1px #000)}.skill-slot-tag{position:absolute;left:-6px;top:-6px;width:18px;height:18px;border-radius:4px;font:700 11px/16px Arial;text-align:center;color:#26251d;background:linear-gradient(#f2d77b,#b88a12);border:1px solid #fff2c2;box-shadow:0 1px 3px #000a}.skill-detail{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;box-sizing:border-box;padding:14px;border-radius:10px;color:#eadcc0;scrollbar-color:#a17b43 #140c07;background:linear-gradient(#24170e,#140c07);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 0 0 3px #140c07,inset 0 0 0 4px color-mix(in srgb,var(--tone) 55%,transparent),0 6px 14px #0008}.skill-detail-head{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}.skill-detail-icon{width:76px;height:76px;padding:6px;box-sizing:border-box;border-radius:10px;border:2px solid var(--tone);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tone) 35%,#3a2618),#140c07 74%);box-shadow:0 0 0 2px #0c0704,0 0 14px color-mix(in srgb,var(--tone) 45%,transparent)}.skill-detail-icon.passive{border-radius:50%}.skill-detail-icon img{width:100%;height:100%;object-fit:contain}.skill-detail[data-state=locked] .skill-detail-icon img,.skill-detail[data-state=preview] .skill-detail-icon img,.skill-detail[data-state=learnable] .skill-detail-icon img{filter:grayscale(1) brightness(.6)}.skill-detail h3{margin:0;font-size:21px;color:var(--gold-hi);text-shadow:0 2px 0 #000}.skill-kind{margin:2px 0 0;font-size:13px;color:var(--tone)}.skill-summary{margin:0;font-size:13px;line-height:1.55;color:#d8c8a8}.skill-facts{display:grid;grid-template-columns:auto 1fr;margin:0;font-size:13px;border-top:1px solid #6b4d2a88}.skill-facts dt,.skill-facts dd{margin:0;padding:4px 0;border-bottom:1px dashed #6b4d2a66}.skill-facts dt{color:#b59d74;padding-right:12px}.skill-facts dd{text-align:right;color:#fff0d0;font-weight:700}.skill-status{margin:0;padding:6px 8px;border-radius:6px;font-size:13px;background:#0007;color:#d8c8a8;border-left:3px solid #6d6252}.skill-status[data-state=ready],.skill-status[data-state=passive]{color:#bdf0b2;border-left-color:#5fbf5a}.skill-status[data-state=locked]{color:#f0c98a;border-left-color:var(--gold-deep)}.skill-status[data-state=learnable]{color:#ffe08a;border-left-color:var(--gold)}.skill-next{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:6px;font-size:13px;background:#f2d77b12;border:1px dashed #c8aa6566}.skill-next strong{font-size:12px;color:#d9c49a}.skill-next span{color:#ffe08a;font-weight:700}.skill-learn-row{display:flex;align-items:center;gap:10px}.skill-learn-detail{flex:1;min-height:36px;border-radius:8px;cursor:pointer;font:700 15px SwordiaThai,Tahoma,sans-serif;color:#2a1a06;background:linear-gradient(#ffe8a0,#c9951e);border:2px solid #fff2c2;box-shadow:0 0 0 2px #1a0e08,inset 0 1px #fff6}.skill-learn-detail:hover:not(:disabled){filter:brightness(1.1)}.skill-learn-detail:disabled{cursor:default;color:#b3a58c;background:linear-gradient(#4b4238,#2d271f);border-color:#6d6252}.skill-learn-points{font-size:12px;color:#bba57c;white-space:nowrap}.skill-actions{display:flex;flex-direction:column;gap:8px}.skill-quick{display:flex;align-items:center;gap:6px;font-size:13px;color:#b59d74}.skill-quick span{flex:1}.skill-quick-slot{width:36px;height:36px;border-radius:7px;cursor:pointer;font:700 15px Arial;color:#cfefff;background:radial-gradient(circle at 50% 40%,#2c4a57,#14222b 70%);border:1px solid #7fb2c2;box-shadow:0 0 0 1px #0c0704}.skill-quick-slot[aria-pressed=true]{color:#26251d;background:linear-gradient(#f2d77b,#b88a12);border-color:#fff2c2;box-shadow:0 0 8px #ffcf6a}.skill-quick-slot:hover{filter:brightness(1.15)}.skill-book[data-layout=stack] .skill-layout{grid-template-columns:1fr;height:auto}.skill-book[data-layout=stack] .skill-tree,.skill-book[data-layout=stack] .skill-detail{overflow-y:visible}.skill-book[data-layout=stack] .skill-tabs{gap:3px;padding:0}.skill-book[data-layout=stack] .skill-tab{padding:5px 8px 4px;font-size:13px}.skill-book[data-layout=stack] .skill-tree{min-height:0;padding:14px 8px 14px 6px;gap:20px}.skill-book[data-layout=stack] .skill-tile{width:56px;height:56px}.skill-book[data-layout=stack] .skill-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px 6px}.skill-book[data-layout=stack] .skill-emblem{width:52px;height:52px}.skill-book[data-layout=stack] .skill-emblem img{width:40px;height:40px}.skill-book[data-layout=stack] .skill-banner-text strong{font-size:18px}.skill-book[data-layout=stack] .skill-banner{gap:8px;padding-right:10px}.skill-book[data-layout=stack] .skill-points{min-width:48px;padding:3px 6px}.skill-group{--group-tone: #ef9572;padding:10px 10px 12px;border:1px solid #9e513e;border-radius:9px;background:linear-gradient(135deg,#55231980,#28130f88 55%,#1a0e0b);box-shadow:inset 0 1px #f1b08a22}.skill-group-passive{--group-tone: #7dd7b8;border-color:#398d77;background:linear-gradient(135deg,#164b4080,#102c2788 55%,#0d1d19);box-shadow:inset 0 1px #a8f1d622}.skill-group-manual{--group-tone: #f0cd73;border-color:#a9853c;background:linear-gradient(135deg,#4a3a1480,#2a200e88 55%,#17110a);box-shadow:inset 0 1px #f5dc9a22}.skill-group-heading .skill-group-note{flex:1 0 100%;margin:2px 0 0;font-size:11px;line-height:1.4;color:#d9c79f}.skill-group-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px;padding:0 2px 6px;border-bottom:1px solid color-mix(in srgb,var(--group-tone) 55%,transparent)}.skill-group-heading h3{margin:0;font-size:15px;color:var(--group-tone)}.skill-group-heading small{font-size:11px;color:#cbbda4}.skill-group .skill-card[data-state=ready] .skill-name,.skill-group .skill-card[data-state=ready] .skill-card-lv,.skill-group .skill-card[data-state=passive] .skill-name,.skill-group .skill-card[data-state=passive] .skill-card-lv{color:color-mix(in srgb,var(--group-tone) 75%,#fff0d6)}.skill-group .skill-tile[data-state=ready],.skill-group .skill-tile[data-state=passive]{border-color:var(--group-tone);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--group-tone) 34%,#30201b),#140c07 74%)}.skill-group .skill-tile[data-state=ready] .skill-lv,.skill-group .skill-tile[data-state=passive] .skill-lv{border-color:var(--group-tone)}.skill-detail[data-kind=active] .skill-kind{color:#ef9572}.skill-detail[data-kind=passive] .skill-kind{color:#7dd7b8}.skill-detail[data-kind=passive] .skill-detail-icon{border-color:#7dd7b8;box-shadow:0 0 0 2px #0c0704,0 0 14px #7dd7b866}.spirit-book{--ember: #f0806a;--ember-deep: #7c1f15;--lacquer: #1a110b;--off: #6d6252}.spirit-book .window-body{display:flex;flex-direction:column;gap:12px;min-height:0;color:#eadcc0}.spirit-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:10px;border:1px solid #0c0704;color:var(--gold-hi);background:radial-gradient(ellipse at 10% 50%,#e0604a30,transparent 55%),linear-gradient(#2a1a10,#140c07);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #ffffff1a}.spirit-emblem{width:64px;height:64px;display:grid;place-items:center;filter:drop-shadow(0 0 10px #e0604a88)}.spirit-emblem img{width:64px;height:64px;object-fit:contain}.spirit-banner-text{display:flex;flex-direction:column;gap:3px;min-width:0}.spirit-banner-text strong{font-size:21px;text-shadow:0 2px 0 #000,0 0 10px #e0604a88}.spirit-banner-text span{font-size:13px;color:#d8c29a}.spirit-auto{min-height:40px;padding:0 16px;border-radius:8px;cursor:pointer;white-space:nowrap;font:700 15px SwordiaThai,Tahoma,sans-serif;color:#2a1a06;background:linear-gradient(#ffe8a0,#c9951e);border:2px solid #fff2c2;box-shadow:0 0 0 2px #1a0e08,inset 0 1px #fff4}.spirit-auto[aria-pressed=true]{color:#fff4dc;text-shadow:0 1px 0 #3d0c07;background:linear-gradient(#c8533d,#8a2518);border-color:var(--gold);box-shadow:0 0 0 2px #1a0e08,0 0 12px #e0604a88,inset 0 1px #fff4}.spirit-auto:hover{filter:brightness(1.12)}.spirit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:12px;align-items:start}.spirit-side,.spirit-main{display:flex;flex-direction:column;gap:12px;min-width:0}.spirit-skills{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none}.spirit-skill{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 8px;padding:8px;border:1px solid #6b4a2a;border-radius:8px;background:#1a100bcc}.spirit-skill-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.spirit-skill-pick{flex:1 1 130px;min-width:0;min-height:30px;padding:0 6px;border-radius:6px;border:1px solid #6b4a2a;color:#fff0d0;background:#0f0905;font:13px SwordiaThai,Tahoma,sans-serif}.spirit-skill-once{grid-column:1 / -1;display:flex;align-items:center;gap:6px;font-size:13px;color:#d8c29a;cursor:pointer}.spirit-skill-once input{width:16px;height:16px;margin:0;accent-color:#d9a45a}.spirit-skill-once:has(input:disabled){opacity:.45;cursor:default}.spirit-skill-move{width:30px;height:30px;padding:0;border-radius:6px;cursor:pointer;color:#ffe08a;border:1px solid #6b4a2a;background:linear-gradient(#3a2618,#1a100b);font-size:13px}.spirit-skill-move:hover:not(:disabled){filter:brightness(1.25)}.spirit-skill-move:disabled{opacity:.35;cursor:default}.spirit-skill[data-on=true]{border-color:#d9a45a;background:linear-gradient(#3a1a12cc,#1a100bcc)}.spirit-skill-icon{grid-row:1 / 3;width:36px;height:36px;border-radius:6px;background:#0006;overflow:hidden}.spirit-skill-icon img{width:100%;height:100%;object-fit:cover}.spirit-skill-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}.spirit-skill-name b{overflow:hidden;font-weight:400;color:#fff0d0;text-overflow:ellipsis;white-space:nowrap}.spirit-skill-name small{font-size:11px;color:#a8957a}.spirit-skill .spirit-switch:disabled{opacity:.4;cursor:default}.spirit-section{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-radius:10px;border:1px solid #0c0704;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a}.spirit-section-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid #6b4d2a88}.spirit-section-head>div{flex:1;min-width:0}.spirit-section-head h3{margin:0;font-size:18px;color:var(--gold-hi);text-shadow:0 2px 0 #000}.spirit-section-head h3:before{content:"◆";margin-right:6px;font-size:11px;color:var(--ember);vertical-align:2px;text-shadow:0 0 6px var(--ember)}.spirit-section-head small{display:block;font-size:12px;color:#a8957a}.spirit-content{display:flex;flex-direction:column;gap:8px;transition:opacity .15s,filter .15s}.spirit-section[data-on=false] .spirit-content{opacity:.45;filter:grayscale(.7)}.spirit-section[data-on=false] .spirit-section-head h3:before{color:var(--off);text-shadow:none}.spirit-note{margin:0;font-size:12px;line-height:1.5;color:#8d7c62}.spirit-switch{position:relative;flex:none;display:inline-flex;align-items:center;width:74px;height:30px;padding:0 8px 0 34px;box-sizing:border-box;border-radius:15px;cursor:pointer;border:1px solid #0c0704;background:linear-gradient(#2c211a,#16100b);box-shadow:inset 0 0 0 1px var(--off),inset 0 2px 4px #000b}.spirit-knob{position:absolute;left:4px;top:3px;width:22px;height:22px;border-radius:50%;transition:left .15s;background:radial-gradient(circle at 38% 32%,#d8c49a,#7a6444 70%);border:1px solid #0c0704;box-shadow:0 1px 2px #000a}.spirit-switch-text{font:700 12px SwordiaThai,Tahoma,sans-serif;color:#a8957a}.spirit-switch[aria-checked=true]{padding:0 34px 0 10px;background:linear-gradient(#b8432f,#6e1c12);box-shadow:inset 0 0 0 1px var(--ember),0 0 8px #e0604a55,inset 0 2px 4px #0007}.spirit-switch[aria-checked=true] .spirit-knob{left:calc(100% - 26px);background:radial-gradient(circle at 38% 32%,#fff6d8,var(--gold) 55%,var(--gold-deep))}.spirit-switch[aria-checked=true] .spirit-switch-text{color:#fff4dc}.spirit-tools{display:flex;align-items:center;gap:6px}.spirit-kind-count{flex:1;font:700 13px SwordiaThai,Tahoma,sans-serif;color:var(--ember)}.spirit-chip{min-height:30px;padding:0 10px;border-radius:15px;cursor:pointer;font:13px SwordiaThai,Tahoma,sans-serif;color:#eadcc0;background:linear-gradient(#3a2618,#22150d);border:1px solid var(--gold-deep);box-shadow:inset 0 1px #ffffff14}.spirit-chip:hover{color:var(--gold-hi);filter:brightness(1.15)}.spirit-kinds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:330px;overflow-y:auto}.spirit-kind{display:grid;grid-template-columns:26px 48px 1fr;align-items:center;gap:10px;width:100%;padding:6px 10px;box-sizing:border-box;border-radius:8px;cursor:pointer;text-align:left;color:#eadcc0;font:14px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#24170e,#140c07);border:1px solid #4a3a26;box-shadow:inset 0 1px #ffffff0d}.spirit-kind:hover{border-color:var(--gold-deep)}.spirit-kind img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000a)}.spirit-kind-name{display:flex;flex-direction:column;min-width:0;line-height:1.3}.spirit-kind-name b{font-weight:400;font-size:15px;color:#fff0d0}.spirit-kind-name small{font:700 12px Georgia,serif;color:var(--gold)}.spirit-kind-name em{font-style:normal;font-size:11px;color:#c9a36a}.spirit-check{position:relative;width:22px;height:22px;box-sizing:border-box;border-radius:5px;background:#0009;border:2px solid var(--off);box-shadow:inset 0 1px 3px #000}.spirit-kind[aria-checked=true]{border-color:#a8483a;background:linear-gradient(#2e1512,#1a0b09)}.spirit-kind[aria-checked=true] .spirit-check{border-color:var(--ember);background:linear-gradient(#c8533d,#8a2518);box-shadow:0 0 6px #e0604a88}.spirit-kind[aria-checked=true] .spirit-check:after{content:"✓";position:absolute;inset:-3px 0 0;text-align:center;font:700 16px/22px Arial;color:#fff;text-shadow:0 1px 0 #3d0c07}.spirit-kind[aria-checked=false] img{filter:grayscale(.85) brightness(.7)}.ranked .spirit-kind{cursor:default;border-style:dashed;background:#0006}.ranked .spirit-kind img{filter:grayscale(1) brightness(.6)}.ranked .spirit-check{border-style:dashed;opacity:.5}.ranked .spirit-kind-name b{color:#a8957a}.spirit-empty{padding:14px;text-align:center;font-size:13px;color:#8d7c62;border:1px dashed #4a3a26;border-radius:8px}.spirit-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spirit-range{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:52px;padding:6px 4px;border-radius:8px;cursor:pointer;font-family:SwordiaThai,Tahoma,sans-serif;color:#d9c7a3;background:linear-gradient(#3a2618,#22150d);border:1px solid #0c0704;box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #ffffff14}.spirit-range b{font-size:16px}.spirit-range small{font-size:11px;color:#a8957a}.spirit-range[aria-checked=true]{color:#fff4dc;background:linear-gradient(#b8432f,#6e1c12);box-shadow:inset 0 0 0 2px var(--ember),0 0 10px #e0604a66}.spirit-range[aria-checked=true] small{color:#ffd6c8}.spirit-range:hover{filter:brightness(1.12)}.spirit-slider{display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-rows:auto auto;column-gap:8px;align-items:center;font-size:13px;color:#d8c8a8}.spirit-slider span{grid-column:1 / -1}.spirit-slider input{width:100%;margin:0;accent-color:var(--ember);cursor:pointer}.spirit-slider output{font:700 14px Georgia,serif;color:var(--gold-hi);text-align:right}.spirit-sit{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.spirit-potion{display:grid;grid-template-columns:40px minmax(0,.8fr) auto minmax(0,1.4fr);align-items:center;gap:10px}.spirit-potion-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 2px #000a)}.spirit-potion-name{display:flex;flex-direction:column;line-height:1.25;min-width:0}.spirit-potion-name b{font-weight:400;color:#fff0d0}.spirit-potion-name small{font-size:11px;color:#a8957a}.spirit-potion[data-on=false] .spirit-slider,.spirit-potion[data-on=false] .spirit-potion-icon{opacity:.45;filter:grayscale(.7)}.spirit-book button:focus-visible,.spirit-book input:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px}.spirit-book[data-layout=stack] .spirit-layout{grid-template-columns:1fr}.spirit-book[data-layout=stack] .spirit-banner{grid-template-columns:auto 1fr}.spirit-book[data-layout=stack] .spirit-auto{grid-column:1 / -1}.spirit-book[data-layout=stack] .spirit-emblem,.spirit-book[data-layout=stack] .spirit-emblem img{width:48px;height:48px}.spirit-book[data-layout=stack] .spirit-banner-text strong{font-size:18px}.spirit-book[data-layout=stack] .spirit-kinds{max-height:none}.spirit-book[data-layout=stack] .spirit-potion{grid-template-columns:36px 1fr auto}.spirit-book[data-layout=stack] .spirit-potion .spirit-slider{grid-column:1 / -1}.spirit-book[data-layout=stack] .spirit-sit{grid-template-columns:1fr}.tower-floor-watermark{position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff0c2;opacity:.15;font:700 74px Georgia,serif;line-height:1;text-shadow:0 1px 0 #1b100c}.tower-floor-watermark[hidden]{display:none}.journal-map .tower-floor-watermark{font-size:clamp(100px,25vw,180px);transform:none}.tower-panel{position:fixed;z-index:30;top:calc(18px + 100px * var(--ui-scale));left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(190px,1fr) auto;grid-template-areas:"floor kicker leave" "floor left leave" "floor bar leave";align-items:center;column-gap:16px;row-gap:3px;padding:8px 14px 10px 10px;color:#fbe7b0;font:13px SwordiaThai,Tahoma;background:radial-gradient(ellipse at 18% 50%,#7a1d1466,transparent 60%),linear-gradient(#2b1a10f2,#140b06f2);border:1px solid #d8b56a;border-radius:12px;box-shadow:0 0 0 2px #140b06,0 0 0 3px #8a6a3c,inset 0 1px #ffffff1c,inset 0 0 18px #000a,0 8px 22px #000a}.tower-panel:before,.tower-panel:after{content:"◆";position:absolute;top:50%;translate:0 -50%;font-size:10px;color:#e8c877;text-shadow:0 0 6px #f0c46a}.tower-panel:before{left:-7px}.tower-panel:after{right:-7px}.tower-panel[hidden]{display:none}.tower-panel>small{grid-area:kicker;color:#c9a45a;font-size:11px;letter-spacing:3px}.tower-floor{grid-area:floor;display:grid;justify-items:center;gap:2px;min-width:76px;padding:4px 12px 6px;border-radius:9px;font:700 26px/1.1 SwordiaThai,Tahoma;color:#ffe08a;text-shadow:0 2px 0 #000,0 0 12px #f0c46a88;background:radial-gradient(circle at 50% 35%,#8a2a1a,#3a0f09 75%);border:1px solid #d8b56a;box-shadow:inset 0 0 0 2px #1a0a05,inset 0 0 12px #000a}.tower-floor em{padding:1px 8px;border-radius:6px;font:700 11px SwordiaThai,Tahoma;font-style:normal;background:#8b3a14;color:#fff3d2;text-shadow:none}.tower-floor em.boss{background:#8e1616;box-shadow:0 0 8px #ff4a3d88}.tower-left{grid-area:left;color:#e8d7b0;font-size:14px}.tower-panel[data-cleared=true] .tower-left{color:#b9f08a;font-weight:700}.tower-panel[data-cleared=true]{border-color:#b9f08a}.tower-bar{grid-area:bar;position:relative;width:100%;height:9px;border-radius:5px;overflow:hidden;background:#0008;box-shadow:inset 0 1px 2px #000,0 0 0 1px #6b4d2a}.tower-bar i{display:block;height:100%;background:linear-gradient(#ffe8a0,#c9951e);box-shadow:0 0 8px #f2d77b88;transition:width .3s}.tower-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--segments, 1) - 2px),#140b06 calc(100% / var(--segments, 1) - 2px) calc(100% / var(--segments, 1)))}.tower-buttons{grid-area:leave;display:flex}.tower-buttons button{padding:7px 14px;border-radius:8px;font:13px SwordiaThai,Tahoma;cursor:pointer;color:#fbe7b0;background:linear-gradient(#4a2a1a,#2a170d);border:1px solid #9c7433;box-shadow:inset 0 1px #ffffff14}.tower-buttons button:hover{background:linear-gradient(#6a3a22,#3a1f12);border-color:#d8b56a}@media(max-width:600px){.tower-panel{top:296px;width:min(340px,calc(100vw - 20px));box-sizing:border-box;column-gap:8px;padding:6px 8px 8px 6px;grid-template-columns:auto minmax(0,1fr) auto}.tower-floor{min-width:52px;font-size:18px}.tower-left{font-size:12px}.tower-buttons button{padding:6px 8px;font-size:12px;white-space:nowrap}}.tower-banner{position:fixed;z-index:140;left:50%;top:32%;translate:-50% -50%;display:grid;justify-items:center;gap:4px;padding:14px 48px;pointer-events:none;color:#fff3d2;font:16px SwordiaThai,Tahoma;text-align:center;background:linear-gradient(90deg,transparent,#1a100ae6 18%,#1a100ae6 82%,transparent);animation:tower-banner 3.2s ease-out forwards}.tower-banner strong{font-size:40px;color:#ffe08a;text-shadow:0 3px 0 #000,0 0 18px #f0c46a88}.tower-banner[data-tone=boss] strong,.tower-banner[data-tone=mini-boss] strong{color:#ff8a6a;text-shadow:0 3px 0 #000,0 0 18px #ff4a3d99}.tower-banner[data-tone=cleared] strong{color:#b9f08a;text-shadow:0 3px 0 #000,0 0 18px #9fe07a99}@keyframes tower-banner{0%{opacity:0;scale:.8}10%{opacity:1;scale:1}80%{opacity:1}to{opacity:0}}.tower-starts .tower-warn{color:#a8382a;font-weight:700}.tower-ticket{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px}.tower-ticket>img{width:64px;height:64px;object-fit:contain}.tower-ticket h3{margin:0}.tower-ticket p{margin:3px 0}.tower-ticket small{color:#79643d}.tower-ticket-buy{padding:8px 10px;border:1px solid #9c7433;border-radius:7px;color:#fff4ce;background:linear-gradient(#9b5e1c,#6a3710);font:700 13px SwordiaThai,Tahoma;cursor:pointer;white-space:nowrap}.tower-ticket-buy:hover:not(:disabled){background:linear-gradient(#b87c2b,#844714)}.tower-ticket-buy:disabled{opacity:.55;cursor:not-allowed}@media(max-width:480px){.tower-ticket{grid-template-columns:56px minmax(0,1fr)}.tower-ticket>img{width:54px;height:54px}.tower-ticket-buy{grid-column:2;justify-self:start}}.tower-start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:6px}.tower-start{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:8px;cursor:pointer;font:14px SwordiaThai,Tahoma;color:#3a2512;background:#f3e4c2;border:1px solid #c9ae7f}.tower-start:hover:not(:disabled){background:#fff3d6;border-color:#9c7433}.tower-start:disabled{opacity:.5;cursor:not-allowed}.tower-start img{width:32px;height:32px;image-rendering:auto}.tower-start small{color:#7a5a32;font-size:11px}.chest-result{position:fixed;z-index:160;inset:0;margin:auto;width:min(360px,calc(100vw - 32px));height:fit-content;padding:16px 20px;color:#fbe7b0;font:14px SwordiaThai,Tahoma;background:linear-gradient(#2b1a10f5,#1a100af5);border:1px solid #e2bd6e;border-radius:12px;box-shadow:0 0 0 2px #1a100a,0 0 30px #f0c46a55,0 12px 40px #000c;cursor:pointer}.chest-result h3{margin:0 0 10px;text-align:center;color:#ffe08a;font-size:18px}.chest-result ul{display:grid;gap:6px;max-height:min(55vh,420px);overflow-y:auto;margin:0;padding:0;list-style:none}.chest-result li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:4px 8px;border-radius:6px;background:#ffffff0d;animation:chest-line .35s ease-out backwards}.chest-result li:nth-child(2){animation-delay:.1s}.chest-result li:nth-child(3){animation-delay:.2s}.chest-result li:nth-child(4){animation-delay:.3s}.chest-result li:nth-child(5){animation-delay:.4s}.chest-result li:nth-child(6){animation-delay:.5s}.chest-result li.rare{background:#7a3cc03a;box-shadow:inset 0 0 0 1px #b88af0}.chest-result li.rare span{color:#e2c8ff}.chest-result img{width:32px;height:32px}.chest-result small{display:block;margin-top:10px;text-align:center;color:#c9a45a;font-size:11px}@keyframes chest-line{0%{opacity:0;translate:0 6px}}@media(prefers-reduced-motion:reduce){.tower-banner,.chest-result li{animation:none}}@media(max-width:600px){.tower-banner strong{font-size:30px}}.shop-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 12px}.shop-tabs{grid-column:1 / -1;display:flex;gap:6px}.shop-tab{flex:1;min-height:38px;border:1px solid #795022;border-radius:8px;color:#f3dfb4;font:700 15px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#4a3322,#231710);cursor:pointer}.shop-tab[aria-selected=true]{color:#3a230f;background:linear-gradient(#ffe7a8,#d9ad5c);box-shadow:inset 0 0 0 1px #fff4cf}.shop-tab:hover{filter:brightness(1.12)}.shop-pane{min-width:0;padding:13px;border:2px solid #e2c994;border-radius:10px;background:var(--grain),linear-gradient(#fff8e9,#ebd8b7);box-shadow:inset 0 0 0 1px #fff9e8,0 3px 7px #170d0855}.shop-pane h3{margin:0 0 9px;color:#67401c;font-size:17px}.shop-pane .shop-subtitle{margin-top:20px;padding-top:12px;border-top:1px solid #b69561}.shop-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:60px;margin-bottom:7px;padding:6px;border:1px solid #b89a68;border-radius:8px;background:#fff9eb}.shop-row img{width:42px;height:42px;flex:none;object-fit:contain;filter:drop-shadow(0 2px 2px #0006)}.shop-row-copy{display:grid;flex:1;min-width:0;gap:2px}.shop-row strong{color:#392718;font-size:14px;line-height:1.2}.shop-row small{color:#766247;font-size:11px}.shop-action{flex:none;min-height:34px;padding:5px 10px;border:1px solid #795022;border-radius:6px;color:#fff0c5;font:700 12px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#865d30,#3e2818);box-shadow:inset 0 0 0 1px #e5bc73,0 2px 3px #0003;cursor:pointer}.shop-action:hover:not(:disabled){filter:brightness(1.14)}.shop-action:disabled{opacity:.48;cursor:not-allowed}.shop-pane{display:flex;flex-direction:column}.shop-list{max-height:min(56vh,520px);overflow-y:auto;padding-right:3px}.shop-window[data-layout=stack] .shop-list{max-height:44vh}.shop-row.picked{border:2px solid #4f8a3c;background:#eef9df}.shop-qty{display:flex;flex:none;align-items:center;gap:5px}.shop-pick{min-width:72px}.shop-pick:after{content:"เลือก"}.shop-row.picked .shop-pick:after{content:"✓ เลือกแล้ว"}.shop-summary{align-self:start;display:grid;gap:8px;padding:13px;border:2px solid #e2c994;border-radius:10px;background:var(--grain),linear-gradient(#fff8e9,#ebd8b7);box-shadow:inset 0 0 0 1px #fff9e8,0 3px 7px #170d0855;color:#392718}.shop-summary h3{margin:0;color:#67401c;font-size:17px}.shop-summary-list{display:grid;gap:4px;max-height:30vh;overflow-y:auto;margin:0;padding:0;list-style:none;font-size:13px}.shop-summary-list li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dashed #c8ae7c}.shop-summary-list li.empty{color:#8a7456;border:0}.shop-summary-sums{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:13px}.shop-summary-sums dd{margin:0;text-align:right;font-weight:700}.shop-summary-sums .shop-summary-total{color:#7a3d0c;font-size:16px}.shop-summary-sums .short{color:#b3261e}.shop-summary-buttons{display:flex;gap:6px}.shop-confirm{flex:1;min-height:40px;font-size:14px}.shop-qty-btn{min-width:30px;min-height:28px;padding:3px 8px;border:1px solid #48683f;border-radius:6px;color:#f3ffe6;font:700 13px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#5e7654,#293c28);cursor:pointer}.shop-qty-btn:hover{filter:brightness(1.14)}.shop-qty-all{padding-inline:9px;font-size:12px}.shop-qty-input{width:64px;min-height:28px;padding:3px 6px;border:1px solid #795022;border-radius:6px;color:#392718;background:#fffdf6;font:700 14px SwordiaThai,Tahoma,sans-serif;text-align:center}.shop-qty-input:focus-visible,.shop-qty-btn:focus-visible,.shop-action:focus-visible{outline:2px solid #2c6fb7;outline-offset:1px}.shop-hint{margin:8px 0 0;color:#775d3f;font-size:12px;line-height:1.45}.shop-notice{margin:0;min-height:1em;color:#2f6b22;font-size:13px}.shop-row[data-rarity]:not(.picked){border-color:var(--gear-color);background:color-mix(in srgb,var(--gear-color) 16%,#fff9eb)}.shop-row[data-rarity] strong{color:color-mix(in srgb,var(--gear-color) 75%,#251810)}.shop-row[data-perfect=true]{border:2px solid #d9a92e;box-shadow:0 0 9px #f0c44d88}.shop-window[data-layout=stack] .shop-body{grid-template-columns:1fr}.martial-spirit-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}.martial-roster-panel,.martial-detail{min-width:0;padding:13px;border:2px solid #d8b976;border-radius:10px;background:var(--grain),linear-gradient(#fff8e8,#e8d4ae);box-shadow:inset 0 0 0 1px #fff9e8,0 3px 7px #170d0855}.martial-roster-panel h3,.martial-detail h3{margin:0 0 10px;color:#58371d}.martial-roster{max-height:390px;overflow-y:auto;display:grid;align-content:start;gap:6px;padding-right:3px}.martial-action{min-height:34px;padding:7px 10px;border:1px solid #795022;border-radius:6px;color:#fff0c5;font:700 12px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#865d30,#3e2818);box-shadow:inset 0 0 0 1px #e5bc73,0 2px 3px #0003;cursor:pointer}.martial-action:hover:not(:disabled){filter:brightness(1.14)}.martial-action:disabled{opacity:.48;cursor:not-allowed}.martial-roster-entry{width:100%;min-height:60px;display:flex;align-items:center;gap:9px;padding:5px 8px;text-align:left;border-color:var(--gear-color);background:linear-gradient(110deg,var(--gear-bg),#2b201a)}.martial-roster-entry[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gear-color),0 0 8px color-mix(in srgb,var(--gear-color) 50%,transparent)}.martial-roster-entry img{width:44px;height:44px;flex:none;object-fit:contain}.martial-roster-copy{min-width:0;flex:1;display:grid;gap:3px}.martial-roster-copy strong{color:var(--gear-color);font-size:14px}.martial-roster-copy small{color:#e5d4b2;font-size:11px}.martial-equipped{align-self:start;white-space:nowrap;color:#ffe18b;font-size:10px}.martial-detail{display:grid;justify-items:center;align-content:start;text-align:center;border-color:var(--gear-color, #d8b976)}.martial-stage{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gear-color) 27%,#fff9de) 0 35%,#d4b87c55 60%,transparent 72%)}.martial-stage.summon-reveal{position:relative;isolation:isolate;animation:martial-reveal-pulse 2.2s ease-out both}.martial-stage.summon-reveal:before,.martial-stage.summon-reveal:after{content:"";position:absolute;inset:-12%;border-radius:50%;pointer-events:none}.martial-stage.summon-reveal:before{border:3px solid var(--gear-color);box-shadow:0 0 18px var(--gear-color),inset 0 0 17px var(--gear-color);animation:martial-reveal-ring 2.2s ease-out both}.martial-stage.summon-reveal:after{inset:-25%;background:repeating-conic-gradient(from 0deg,transparent 0deg 12deg,color-mix(in srgb,var(--gear-color) 65%,transparent) 14deg 17deg,transparent 19deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 42%,#000 54% 65%,transparent 73%);mask:radial-gradient(circle,transparent 0 42%,#000 54% 65%,transparent 73%);animation:martial-reveal-rays 2.2s ease-out both;z-index:-1}.martial-stage.summon-reveal .martial-sprite{animation:martial-idle 1s steps(4,end) infinite,martial-reveal-spirit .7s cubic-bezier(.15,1.4,.45,1) both}@keyframes martial-reveal-pulse{0%{filter:brightness(2.1)}30%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes martial-reveal-ring{0%{transform:scale(.22) rotate(-45deg);opacity:0}18%{opacity:1}to{transform:scale(1.5) rotate(150deg);opacity:0}}@keyframes martial-reveal-rays{0%{transform:scale(.45) rotate(-45deg);opacity:0}25%{opacity:.85}to{transform:scale(1.25) rotate(95deg);opacity:0}}@keyframes martial-reveal-spirit{0%{transform:translateY(30px) scale(.35);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.martial-sprite{width:180px;height:180px;display:block;background-size:400% 100%;background-repeat:no-repeat;image-rendering:pixelated;animation:martial-idle 1s steps(4,end) infinite;filter:drop-shadow(0 8px 6px #0007)}@keyframes martial-idle{0%{background-position:0 0}to{background-position:133.333% 0}}.martial-detail-heading{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px}.martial-detail-heading h3{width:100%;margin:0;color:color-mix(in srgb,var(--gear-color) 74%,#3b240d);font-size:23px}.martial-rarity{padding:2px 10px;border:1px solid var(--gear-color);border-radius:99px;background:var(--gear-bg);color:var(--gear-color);font-size:12px}.martial-detail-heading small{color:#6d573a}.martial-stats{width:100%;margin-top:14px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;border-top:1px solid #baa175;border-bottom:1px solid #baa175}.martial-stats strong{color:#8e3a1c}.martial-stats small{width:100%;color:#655038}.martial-rolls{margin:10px 0;color:#6d573a;font-size:11px}.martial-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.martial-empty{margin:16px 0;color:#705a3d;font-size:13px;line-height:1.5}.martial-footer{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#ffe8ad}.martial-wallet{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:13px}.martial-wallet img{width:28px;height:28px;object-fit:contain}.martial-notice{width:100%;min-height:18px;margin:0;color:#ffe4a3;font-size:12px}.martial-spirit-window[data-layout=stack] .martial-spirit-body{grid-template-columns:1fr}.martial-spirit-window[data-layout=stack] .martial-roster{max-height:165px}.martial-spirit-window[data-layout=stack] .martial-stage{width:120px;height:120px}.martial-spirit-window[data-layout=stack] .martial-sprite{width:116px;height:116px}@media(prefers-reduced-motion:reduce){.martial-sprite{animation:none}}.warp-point-window .window-body{padding:16px 18px;border:2px solid #e2c994;border-radius:9px;background:var(--grain),linear-gradient(#fff8e8,#ebd9b9);color:#452c18}.warp-point-window h3{margin:0 0 6px;color:#7c4b17;font-size:18px}.warp-point-window p{margin:5px 0 10px;line-height:1.5}.warp-point-window .warp-here{margin-top:0;padding:8px 10px;border:1px solid #c0862f;border-radius:6px;background:#f6dfa5;font-size:15px}.warp-board{position:relative;height:330px;margin:8px 0 10px;border:1px solid #d1ae79;border-radius:8px;background:radial-gradient(#f3e4c4,#e6cf9f)}.warp-board.spare-row{height:390px}.warp-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.warp-links line{stroke:#a67c45;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.warp-node{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;width:min(30%,150px);min-height:62px;padding:6px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #6a4420;border-radius:8px;background:linear-gradient(#fff3d2,#e8cf98);color:#3a2413;font:13px SwordiaThai,Tahoma,sans-serif;text-align:center;cursor:pointer}.warp-node:hover{filter:brightness(1.06)}.warp-node-name{font-size:13px;line-height:1.2}.warp-node-sub{display:flex;flex-direction:column;font-size:11px;line-height:1.3;color:#6b4a26}.warp-node-cost{font-weight:700;color:#2f6a2a}.warp-node-cost.short{color:#a33325}.warp-node[data-state=current]{border-color:#b3170f;background:linear-gradient(#ffe7a3,#f0b64a);box-shadow:0 0 0 3px #f7d46b,0 0 14px #d98c1c}.warp-node[data-state=locked],.warp-node[data-state=nowarp]{border-color:#9a8562;background:#d9cdb2;color:#7a6a52;border-style:dashed}.warp-node.selected{outline:3px solid #2a6f8f;outline-offset:2px}.warp-detail{min-height:56px}.warp-detail .warp-hint{color:#80511e}.warp-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.warp-save{margin-top:12px;padding-top:10px;border-top:1px solid #d1ae79}.warp-save-current{padding:7px 10px;border:1px solid #d1ae79;border-radius:6px;background:#f5e9d0;font-size:13px}.warp-point-window button[data-warp-action]{min-height:38px;padding:7px 15px;border:1px solid #6a4420;border-radius:6px;background:linear-gradient(#754c2a,#3e2817);color:#ffecbf;font:700 14px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.warp-point-window button[data-warp-action].primary{background:linear-gradient(#efb755,#9b5e22);color:#311e0d}.warp-point-window button[data-warp-action]:hover:not(:disabled){filter:brightness(1.12)}.warp-point-window button[data-warp-action]:disabled{opacity:.55;cursor:not-allowed}.warp-point-window .warp-notice{min-height:1.4em;margin-bottom:0;color:#80511e;font-weight:700}@media(max-width:700px){.warp-point-window .window-body{padding:14px 16px}.warp-board{height:360px}.warp-board.spare-row{height:420px}.warp-node{width:31%;min-height:66px;padding:5px 3px}.warp-node-name{font-size:12px}.warp-node-sub{font-size:10.5px}.warp-actions button{flex:1 1 100%}}.codex-book{--jade: #7fe0c4;--jade-deep: #1f5f52;--lacquer: #1a110b;--muted: #a8957a}.codex-book .window-body{display:flex;flex-direction:column;gap:12px;min-height:0;color:#eadcc0}.codex-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:10px;border:1px solid #0c0704;color:var(--gold-hi);background:radial-gradient(ellipse at 8% 50%,#7fe0c430,transparent 55%),linear-gradient(#2a1a10,#140c07);box-shadow:inset 0 0 0 1px var(--gold-deep),inset 0 1px #ffffff1a}.codex-emblem{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px #7fe0c466)}.codex-banner-text{display:flex;flex-direction:column;gap:3px;min-width:0}.codex-banner-text strong{font-size:21px;text-shadow:0 2px 0 #000,0 0 10px #7fe0c488}.codex-banner-text span{font-size:13px;color:#d8c29a}.codex-count{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.codex-total{font:700 20px Georgia,serif;color:var(--jade);text-shadow:0 1px 0 #000}.codex-count small{font-size:11px;color:var(--muted)}.codex-bar{width:120px;height:8px;border-radius:4px;overflow:hidden;background:#0c0704;box-shadow:inset 0 0 0 1px #6b4d2a}.codex-bar.wide{width:100%}.codex-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--jade-deep),var(--jade));box-shadow:0 0 6px #7fe0c488}.codex-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:stretch;height:520px;min-height:0}.codex-nav,.codex-detail{min-height:0;overflow-y:auto;border-radius:10px;border:1px solid #0c0704;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a}.codex-nav{padding:10px 8px 10px 6px}.codex-tree,.codex-entries{list-style:none;margin:0;padding:0}.codex-cat{position:relative;padding-left:18px}.codex-cat:before{content:"";position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #6b4d2a}.codex-cat:last-child:before{bottom:auto;height:19px}.codex-cat:after{content:"";position:absolute;left:7px;top:19px;width:10px;border-top:1px solid #6b4d2a}.codex-cat-button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;min-height:38px;padding:3px 8px 3px 4px;border-radius:8px;border:1px solid transparent;background:none;cursor:pointer;text-align:left;color:#eadcc0;font:15px SwordiaThai,Tahoma,sans-serif}.codex-cat-button:hover{background:#ffffff0a;border-color:#6b4d2a}.codex-cat.open>.codex-cat-button{color:var(--gold-hi);background:linear-gradient(#2e1e12,#1d130c);border-color:var(--gold-deep)}.codex-cat-button[aria-current=true]{box-shadow:0 0 0 1px var(--gold),0 0 10px #e2bd6e55}.codex-cat-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px #000a)}.codex-cat-count{font:700 12px Georgia,serif;color:var(--jade)}.codex-entries{position:relative;margin:2px 0 6px 12px}.codex-entries>li{position:relative;padding-left:16px}.codex-entries>li:before{content:"";position:absolute;left:4px;top:0;bottom:0;border-left:1px solid #4a3a26}.codex-entries>li:last-child:before{bottom:auto;height:15px}.codex-entries>li:after{content:"";position:absolute;left:4px;top:15px;width:9px;border-top:1px solid #4a3a26}.codex-group{font-size:11px;color:var(--gold);letter-spacing:1px;padding:6px 0 2px}.codex-entries>li.codex-group:after{display:none}.codex-entry{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;width:100%;min-height:30px;padding:2px 6px;border-radius:6px;border:1px solid transparent;background:none;cursor:pointer;text-align:left;color:#e3d3b4;font:14px SwordiaThai,Tahoma,sans-serif}.codex-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-entry:hover{background:#ffffff0a}.codex-entry[aria-current=true]{color:var(--gold-hi);background:#7fe0c41a;border-color:var(--jade-deep)}.codex-entry-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.codex-entry.unknown{color:#7d6c55}.unknown img,.codex-figure.unknown img{filter:brightness(0) drop-shadow(0 0 1px #6b4d2a)!important;opacity:.8}.codex-figure.map.unknown{background:radial-gradient(circle,#2a1c12,#0c0704)}.codex-detail{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.codex-head{display:grid;grid-template-columns:48px 1fr;column-gap:12px;row-gap:6px;align-items:center}.codex-head-icon{width:48px;height:48px;object-fit:contain;grid-row:span 2}.codex-head h3,.codex-title h3{margin:0;font-size:22px;color:var(--gold-hi);text-shadow:0 2px 0 #000}.codex-head p{margin:0;font-size:13px;line-height:1.5;color:#cdb998}.codex-progress{grid-column:1 / -1;display:flex;flex-direction:column;gap:3px}.codex-progress small{font-size:12px;color:var(--jade)}.codex-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.codex-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:8px;cursor:pointer;min-width:0;color:#eadcc0;font:13px SwordiaThai,Tahoma,sans-serif;background:linear-gradient(#24170e,#140c07);border:1px solid #4a3a26;box-shadow:inset 0 1px #ffffff0d}.codex-tile:hover{border-color:var(--gold-deep);filter:brightness(1.1)}.codex-tile img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000a)}.codex-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-tile.unknown{color:#7d6c55}.codex-empty,.codex-hint{margin:0;font-size:14px;line-height:1.6;color:#b9a585}.codex-hint{padding:12px 14px;border-radius:8px;border:1px dashed #6b4d2a}.codex-back{align-self:flex-start;min-height:28px;padding:0 10px;border-radius:14px;cursor:pointer;font:13px SwordiaThai,Tahoma,sans-serif;color:#eadcc0;background:linear-gradient(#3a2618,#22150d);border:1px solid var(--gold-deep)}.codex-back:hover{color:var(--gold-hi)}.codex-entry-head{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.codex-figure{width:132px;height:132px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background-size:cover;background-color:#0c0704;border:2px solid var(--gold-deep);box-shadow:0 0 0 2px #140b05,inset 0 0 18px #000c,0 0 12px #7fe0c422}.codex-figure img{max-width:124px;max-height:124px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 3px #000b)}.codex-figure.item img,.codex-figure.skill img{width:96px;height:96px}.codex-figure.portrait img{width:124px;height:124px}.codex-title{display:flex;flex-direction:column;gap:6px;min-width:0}.codex-tags{margin:0;font-size:13px;color:var(--jade)}.codex-stages{list-style:none;margin:4px 0 0;padding:0;display:flex;gap:4px;flex-wrap:wrap}.codex-stages li{padding:3px 9px;border-radius:12px;font-size:12px;color:#7d6c55;border:1px solid #4a3a26;background:#0c0704}.codex-stages li.done{color:#0f2a24;font-weight:700;background:linear-gradient(#a8f0da,var(--jade));border-color:var(--jade);box-shadow:0 0 6px #7fe0c466}.codex-card{padding:10px 14px 12px;border-radius:10px;border:1px solid #0c0704;background:linear-gradient(#24170e,#150d08);box-shadow:inset 0 0 0 1px #6b4d2a88}.codex-card h4{margin:0 0 8px;font-size:15px;color:var(--gold-hi)}.codex-card h4:before{content:"◆";margin-right:6px;font-size:10px;color:var(--jade);vertical-align:2px}.codex-card p{margin:0;font-size:14px;line-height:1.6}.codex-card.locked{opacity:.75;border-style:dashed}.codex-card.locked h4{color:var(--muted)}.codex-card.locked h4:before{content:none}.codex-card.locked p{color:#9c8a70}.codex-lore{color:#e9dcc2}.codex-quote{font-style:italic;color:#d8c29a}.codex-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.codex-facts div{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:3px 0;border-bottom:1px dashed #6b4d2a66}.codex-facts dt{color:var(--muted);font-size:13px;white-space:nowrap}.codex-facts dd{margin:0;text-align:right;color:#f3e6c8;font-size:14px}.codex-drops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.codex-drops li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:3px 6px;border-radius:6px;background:#0c070488}.codex-drops img{width:32px;height:32px;object-fit:contain}.codex-drops b{font:700 13px Georgia,serif;color:var(--jade)}.codex-drops li.unknown span{color:#7d6c55}.codex-spirit-list{margin:0;padding-left:20px;line-height:1.6;font-size:13px}.codex-spirit-list li+li{margin-top:4px}.codex-book[data-layout=stack] .codex-banner{grid-template-columns:auto 1fr}.codex-book[data-layout=stack] .codex-count{grid-column:1 / -1;flex-direction:row;justify-content:center}.codex-book[data-layout=stack] .codex-layout{grid-template-columns:1fr;height:auto}.codex-book[data-layout=stack] .codex-nav{max-height:260px}.codex-book[data-layout=stack] .codex-entry-head{grid-template-columns:96px 1fr}.codex-book[data-layout=stack] .codex-figure{width:96px;height:96px}.codex-book[data-layout=stack] .codex-facts{grid-template-columns:1fr}.arena-window{--crimson: #c8443a;--crimson-deep: #6d1f1a;--jade: #7fe0c4;--lacquer: #1a110b;--muted: #a8957a}.arena-window .window-body{display:flex;flex-direction:column;gap:10px;min-height:0;color:#eadcc0}.arena-window [hidden]{display:none!important}.arena-window .status-header{padding-right:60px}.arena-window .status-header h2{font-size:24px}.arena-window[data-layout=stack]{padding:16px 10px}.arena-window[data-layout=stack] .status-header{padding-left:30px;gap:10px}.arena-window[data-layout=stack] .status-header h2{font-size:22px}.arena-summary,.arena-content,.arena-stage{border-radius:10px;border:1px solid #0c0704;padding:10px;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a}.arena-content,.arena-stage{min-height:0}.arena-content{max-height:460px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}.arena-window[data-layout=stack] .arena-content{max-height:none;overflow:visible}.arena-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background-image:radial-gradient(ellipse at 6% 50%,#c8443a26,transparent 55%),linear-gradient(#2a1a10,#140c07)}.arena-me{display:flex;align-items:center;gap:10px;min-width:0}.arena-portrait{width:56px;height:56px;object-fit:cover;object-position:top;border-radius:8px;border:2px solid var(--gold-deep);background:#0c0704;image-rendering:pixelated;flex:none}.arena-portrait.small{width:44px;height:44px}.arena-who{display:flex;flex-direction:column;gap:2px;min-width:0}.arena-who strong{color:var(--gold-hi);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-who span{color:#d8c29a;font-size:13px}.arena-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.arena-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;border-radius:6px;background:#0005;border:1px solid #4a3a26;text-align:center}.arena-stats dt{font-size:11px;color:var(--muted)}.arena-stats dd{margin:0;font:700 16px Georgia,serif;color:#f3e5c8;font-variant-numeric:tabular-nums}.arena-stats .rating dd{color:var(--gold-hi);font-size:19px}.arena-attempts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:128px;text-align:right}.arena-attempts strong{font-size:16px;color:var(--jade)}.arena-attempts strong[data-empty=true]{color:#ff9a8a}.arena-attempts small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.arena-note{margin:0;padding:7px 12px;border-radius:8px;background:#3a1e18;border:1px solid var(--crimson);color:#ffd7c8;font-size:14px}.arena-tabs{display:flex;gap:4px}.arena-tab{position:relative;flex:1;min-height:38px;padding:4px 8px;border-radius:8px 8px 0 0;border:1px solid #0c0704;cursor:pointer;background:linear-gradient(#3a2518,#21140d);color:#d8c29a;font:15px SwordiaThai,Tahoma,sans-serif;box-shadow:inset 0 0 0 1px #6b4d2a}.arena-tab:hover{color:var(--gold-hi)}.arena-tab.active{background:linear-gradient(#8e6d3f,#5f4526);color:#fff4d5;box-shadow:inset 0 0 0 1px var(--gold)}.arena-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#d9483b;color:#fff;font:700 11px/18px Arial;font-style:normal}.arena-pane{display:flex;flex-direction:column;gap:8px}.arena-bar{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d8c29a;font-size:14px}.arena-bar b{color:var(--gold-hi);font-variant-numeric:tabular-nums}.arena-warn{margin:0;padding:6px 10px;border-radius:6px;border:1px dashed var(--crimson);color:#ffb9a6;font-size:13px}.arena-empty{margin:0;padding:22px 12px;text-align:center;color:var(--muted);font-size:15px;line-height:1.6}.arena-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.arena-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:linear-gradient(#2e1e12,#1d130c);border:1px solid #6b4d2a}.arena-numbers{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#eadcc0;font-variant-numeric:tabular-nums;text-align:right}.arena-action{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:104px}.arena-reason{font-size:11px;color:#ff9a8a;text-align:center;font-variant-numeric:tabular-nums}.arena-reason.ok{color:var(--muted)}.arena-button{min-height:36px;padding:4px 14px;border-radius:6px;border:1px solid #0c0704;cursor:pointer;color:#f7dc9c;background:linear-gradient(#5a3a22,#3a2416);box-shadow:inset 0 0 0 1px #925f29;font:14px SwordiaThai,Tahoma,sans-serif}.arena-button.small{min-height:30px;font-size:13px;padding:2px 10px}.arena-button.primary{background:linear-gradient(#c8443a,#7a2620);color:#fff1e0;box-shadow:inset 0 0 0 1px #f0a08a99;font-weight:700}.arena-button:hover:not(:disabled){filter:brightness(1.15)}.arena-button:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.7)}.arena-row.reward .arena-gifts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;color:#f3e5c8}.arena-row.reward{grid-template-columns:minmax(0,1fr) auto}.arena-row.claimed,.arena-row.expired{opacity:.6}.arena-coin{width:18px;height:18px;object-fit:contain;margin-right:-8px}.arena-table{display:flex;flex-direction:column;gap:3px}.arena-tr{display:grid;grid-template-columns:44px minmax(0,1fr) 72px 96px;align-items:center;gap:8px;min-height:34px;padding:3px 10px;border-radius:6px;background:#ffffff08;border:1px solid transparent;color:#eadcc0;font:14px SwordiaThai,Tahoma,sans-serif;text-align:left}.arena-tr.head{min-height:26px;color:var(--muted);font-size:12px;background:none}.arena-tr .num{text-align:right;font-variant-numeric:tabular-nums}.arena-tr .rank{font:700 15px Georgia,serif;color:var(--gold);text-align:center}.arena-tr .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-tr .name small{color:var(--muted);font-size:12px}.arena-tr.top1 .rank{color:#ffd54a;text-shadow:0 0 8px #ffd54a88}.arena-tr.top2 .rank{color:#d5dde6}.arena-tr.top3 .rank{color:#d99a5b}.arena-tr.mine{background:linear-gradient(90deg,#c8443a55,#c8443a1c);border-color:var(--crimson);color:#fff1e0}.arena-tr.history{grid-template-columns:96px 58px minmax(0,1fr) 40px 44px;cursor:pointer;width:100%}.arena-tr.history:hover{background:#ffffff16;border-color:var(--gold-deep)}.arena-tr.history .when{font-size:12px;color:var(--muted)}.arena-tr.history .role{font-size:12px;color:#d8c29a}.arena-tr.history .verdict{font-weight:700;text-align:center}.arena-tr.history.win .verdict,.arena-tr.history.win .num{color:#7fe08a}.arena-tr.history.loss .verdict,.arena-tr.history.loss .num{color:#ff8a7a}.arena-tr.history.draw .verdict{color:#d8c29a}.arena-stage{display:flex;flex-direction:column;gap:10px}.arena-fighters{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px}.arena-fighter{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:8px;border-radius:8px;background:linear-gradient(#2e1e12,#1d130c);border:1px solid #6b4d2a}.arena-fighter.me{border-color:var(--jade);box-shadow:0 0 10px #7fe0c433}.arena-fighter.defender{grid-template-columns:minmax(0,1fr) auto}.arena-fighter.defender .arena-portrait{order:2}.arena-fighter.defender .arena-who{order:1;text-align:right}.arena-fighter.defender .arena-hp{order:3}.arena-hp{grid-column:1 / -1;height:14px;border-radius:7px;overflow:hidden;background:#0c0704;box-shadow:inset 0 0 0 1px #6b4d2a}.arena-hp i{display:block;height:100%;width:100%;background:linear-gradient(#66d977,#2f8f45);transition:width .12s linear}.arena-hp i[data-low=true]{background:linear-gradient(#ff7a68,#b3261a)}.arena-fighter.defender .arena-hp i{margin-left:auto}.arena-fighter>span{grid-column:1 / -1;font:12px Georgia,serif;color:#d8c29a;text-align:center;font-variant-numeric:tabular-nums}.arena-vs{align-self:center;font:700 20px Georgia,serif;color:var(--crimson);text-shadow:0 1px 0 #000,0 0 10px #c8443a88}.arena-floats{position:absolute;left:0;right:0;top:34px;height:0;pointer-events:none}.arena-float{position:absolute;left:50%;top:0;transform:translate(-50%);font:700 18px Georgia,SwordiaThai,serif;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;animation:arena-float .9s ease-out forwards;white-space:nowrap}.arena-float.crit{color:#ffd54a;font-size:24px}.arena-float.heal{color:#7fe08a}.arena-float.miss,.arena-float.dodge{color:#b8c4d0;font-size:15px}@keyframes arena-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-22px)}}.arena-log{list-style:none;margin:0;padding:8px;height:190px;overflow-y:auto;border-radius:8px;background:#0a0603;border:1px solid #4a3a26;font-size:13px;line-height:1.55;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}.arena-line.left{color:#9ee7d2}.arena-line.right{color:#f0c0a8}.arena-line.crit{font-weight:700;color:#ffd54a}.arena-line.miss,.arena-line.dodge{color:#8f98a3}.arena-line.heal{color:#7fe08a}.arena-banner{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;border-radius:10px;text-align:center;font-size:14px;border:2px solid var(--gold-deep);background:linear-gradient(#2a1a10,#140c07)}.arena-banner[hidden]{display:none}.arena-banner strong{font-size:30px;letter-spacing:2px;text-shadow:0 2px 0 #000}.arena-banner.win{border-color:#7fe08a}.arena-banner.win strong{color:#7fe08a}.arena-banner.loss{border-color:var(--crimson)}.arena-banner.loss strong{color:#ff8a7a}.arena-banner.draw strong{color:#d8c29a}.arena-banner .rating{font:700 17px Georgia,serif;color:var(--gold-hi)}.arena-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.arena-controls .arena-button{min-width:96px}.arena-window[data-layout=stack] .arena-summary{grid-template-columns:1fr auto}.arena-window[data-layout=stack] .arena-stats{grid-column:1 / -1;grid-row:2}.arena-window[data-layout=stack] .arena-attempts{min-width:0}@media(max-width:700px){.arena-summary{grid-template-columns:1fr auto;gap:8px}.arena-stats{grid-column:1 / -1;grid-row:2;gap:4px}.arena-stats dd{font-size:14px}.arena-stats .rating dd{font-size:16px}.arena-stats dt{font-size:10px}.arena-attempts{min-width:0}.arena-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.arena-row .arena-numbers{grid-column:2;grid-row:2;flex-direction:row;gap:12px;text-align:left}.arena-row .arena-action{grid-column:3;grid-row:1 / 3;min-width:88px}.arena-row.reward{grid-template-columns:minmax(0,1fr) auto}.arena-row.reward .arena-action{grid-column:2;grid-row:1}.arena-tr{grid-template-columns:34px minmax(0,1fr) 54px 74px;gap:6px;padding:3px 6px;font-size:13px}.arena-tr.history{grid-template-columns:74px minmax(0,1fr) 34px 40px}.arena-tr.history .role{display:none}.arena-tr.history .when{font-size:11px}.arena-tab{font-size:13px;padding:4px 2px}.arena-fighters{grid-template-columns:1fr}.arena-vs{justify-self:center;font-size:16px;line-height:1}.arena-portrait{width:46px;height:46px}.arena-log{height:150px}.arena-banner strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.arena-float{animation-duration:.01s}.arena-hp i{transition:none}}.arena-name-link{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}.arena-name-link:hover{text-decoration:underline}.arena-name-link:focus-visible{outline:2px solid var(--gold, #e2bd6e);outline-offset:2px;border-radius:3px}.realm-window .window-body{gap:12px}.realm-window .status-header h2{letter-spacing:.04em;text-shadow:0 2px 0 #1a100a,0 0 14px #e2bd6e66}.realm-window .status-header small{letter-spacing:.32em}.realm-window [hidden]{display:none!important}.realm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:12px;border:1px solid #0c0704;background:linear-gradient(#150d08,#24160d);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 2px 10px #000a}.realm-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:6px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c9b48f;font:700 17px SwordiaThai,Tahoma,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.realm-tab i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:700 17px/1 Georgia,serif;font-style:normal;color:var(--gold-hi);background:radial-gradient(circle at 35% 30%,#7a5630,#2c1b0e);box-shadow:0 0 0 1px var(--gold-deep),inset 0 1px 2px #ffffff30}.realm-tab:hover{color:var(--gold-hi);background:#ffffff0a}.realm-tab:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.realm-tab.active{color:#fff4d5;background:linear-gradient(#9a7442,#5b4024);border-color:var(--gold);box-shadow:inset 0 1px #ffffff40,0 0 14px #e2bd6e40}.realm-tab.active i{background:radial-gradient(circle at 35% 30%,#f0c96a,#9c7433);color:#3a2518}.realm-tab em{position:absolute;top:-6px;right:8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#d9483b;color:#fff;font:700 11px/20px Arial;font-style:normal;text-align:center;box-shadow:0 0 0 2px #1a100a}.realm-arena-panel{display:flex;flex-direction:column;gap:10px;min-height:0}.leaderboard-panel{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;border-radius:10px;border:1px solid #0c0704;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(#1a110b,#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a;max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}.realm-window[data-layout=stack] .leaderboard-panel{max-height:none;overflow:visible}.leaderboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.leaderboard-head h3{margin:0;color:var(--gold-hi);font-size:18px;font-weight:700}.leaderboard-refresh{float:none;margin:0;padding:6px 12px;border:1px solid var(--gold-deep);border-radius:8px;background:linear-gradient(#6a4a29,#43301b);color:#ffe4a9;font:14px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.leaderboard-refresh:hover{background:linear-gradient(#80592f,#52381e)}.leaderboard-refresh:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.realm-window[data-layout=stack] .leaderboard-grid{grid-template-columns:1fr}.leaderboard-panel .leaderboard-section{margin:0;border:1px solid #94744988;border-radius:10px;overflow:hidden;background:#1a1a17a8}.leaderboard-panel .leaderboard-section h4{margin:0;padding:9px 12px;color:#ffe2a0;font-size:15px;background:linear-gradient(#7a5632,#5a3d22);border-bottom:1px solid #1a100a}.leaderboard-panel .leaderboard-row{display:grid;grid-template-columns:30px 28px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #7f684533;font-size:14px;color:#eadcc0}.leaderboard-panel .leaderboard-row:first-of-type{border-top:0}.leaderboard-panel .leaderboard-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2c1b0e;color:#d8c29a;font-weight:900;font-size:13px}.leaderboard-panel .top-1 .leaderboard-rank{background:radial-gradient(circle at 35% 30%,#ffe08a,#b98a25);color:#3a2518}.leaderboard-panel .top-2 .leaderboard-rank{background:radial-gradient(circle at 35% 30%,#f1f1f1,#8f959c);color:#2b2f33}.leaderboard-panel .top-3 .leaderboard-rank{background:radial-gradient(circle at 35% 30%,#f0b27a,#9a5a2a);color:#33200f}.leaderboard-panel .leaderboard-row.top{background:#bb8e3418}.leaderboard-panel .leaderboard-row.mine{box-shadow:inset 3px 0 #69c8cc;background:#23757b30}.leaderboard-panel .leaderboard-class{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#2c1b0e;box-shadow:0 0 0 1px #b98a2566}.leaderboard-panel .leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel .leaderboard-level{color:#bca987;font-size:12px}.leaderboard-panel .leaderboard-score{color:#fbe1a2;white-space:nowrap}.realm-empty{margin:0;padding:18px 10px;text-align:center;color:#a8957a;font-size:14px}.realm-window[data-layout=stack] .realm-tab{font-size:15px;min-height:44px;gap:7px;padding:4px 6px}.realm-window[data-layout=stack] .realm-tab i{width:26px;height:26px;font-size:15px}.leaderboard-panel button.leaderboard-name{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.leaderboard-panel button.leaderboard-name:hover{color:#fbe1a2;text-decoration:underline}.leaderboard-panel button.leaderboard-name:focus-visible{outline:2px solid #fbe1a2;outline-offset:2px;border-radius:3px}.mail-window{--lacquer: #1a110b;--muted: #a8957a;--jade: #7fe0c4}.mail-window .window-body{display:flex;flex-direction:column;gap:10px;min-height:0;color:#eadcc0}.mail-window [hidden]{display:none!important}.mail-window .status-header{padding-right:60px}.mail-window .status-header h2{font-size:24px}.mail-window[data-layout=stack]{padding:16px 10px}.mail-window[data-layout=stack] .status-header{padding-left:30px}.mail-tabs{display:flex;gap:6px}.mail-tab,.mail-actions button,.mail-primary{min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #0c0704;color:#f3e5c8;cursor:pointer;font:inherit;background:linear-gradient(#4a3320,#2a1a10);box-shadow:inset 0 0 0 1px #6b4d2a99}.mail-tab[aria-selected=true]{background:linear-gradient(#7a5630,#4a3320);color:#ffe9b0}.mail-primary{background:linear-gradient(#2f7d62,#185240);color:#eafff6}.mail-danger{background:linear-gradient(#7a2a22,#4a1612)!important}.mail-window button:disabled{opacity:.45;cursor:not-allowed}.mail-window button:focus-visible,.mail-window input:focus-visible,.mail-window textarea:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.mail-note{margin:0;padding:6px 10px;border-radius:6px;background:#0006;border:1px solid #6b4d2a;color:#ffe0a0;font-size:14px}.mail-inbox{display:grid;grid-template-columns:240px minmax(0,1fr);gap:10px;min-height:0}.mail-list,.mail-detail,.mail-compose{border-radius:10px;border:1px solid #0c0704;padding:10px;background:linear-gradient(var(--lacquer),#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a}.mail-list{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto;scrollbar-width:thin}.mail-detail{min-height:220px;max-height:420px;overflow-y:auto;scrollbar-width:thin}.mail-window[data-layout=stack] .mail-inbox{grid-template-columns:minmax(0,1fr)}.mail-window[data-layout=stack] .mail-list,.mail-window[data-layout=stack] .mail-detail{max-height:none;overflow:visible}.mail-row{display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;min-height:44px;padding:6px 8px;text-align:left;cursor:pointer;color:#d8c29a;background:#ffffff0a;border:1px solid #4a3a26;border-radius:6px;font:inherit}.mail-row strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.mail-row small{color:var(--muted);font-size:12px}.mail-row[data-unread=true] strong{color:#ffe9b0;font-weight:700}.mail-row[aria-current=true]{border-color:#d8b04a;background:#d8b04a22}.mail-detail h3{margin:0 0 4px;color:#ffe9b0;font-size:18px}.mail-from{margin:0 0 8px;color:var(--muted);font-size:12px}.mail-text{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.mail-attach{margin:0 0 10px;padding:8px;border-radius:8px;background:#0005;border:1px solid #6b4d2a}.mail-attach h4{margin:0 0 6px;color:#ffe9b0;font-size:14px}.mail-gold{margin:0 0 4px;color:#ffd45a;font-weight:700}.mail-attach ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mail-attach li{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:6px;background:#ffffff10}.mail-attach img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.mail-actions{display:flex;flex-wrap:wrap;gap:8px}.mail-empty{margin:0;padding:12px;color:var(--muted);text-align:center}.mail-compose{display:flex;flex-direction:column;gap:8px}.mail-compose input,.mail-compose textarea{width:100%;padding:8px;box-sizing:border-box;border-radius:6px;border:1px solid #6b4d2a;background:#0c0704;color:#f3e5c8;font:inherit}.mail-compose textarea{resize:vertical}.mail-count{align-self:flex-end;color:var(--muted)}.mail-hint{margin:0;color:var(--muted);font-size:13px}.mail-compose .mail-primary{align-self:flex-start}#mail-badge{position:absolute;top:0;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d9483b;color:#fff;font:700 10px/16px Arial;font-style:normal;box-shadow:0 0 0 2px #1d1a14;pointer-events:none}.mail-feedback select{width:100%;padding:8px;box-sizing:border-box;border-radius:6px;border:1px solid #6b4d2a;background:#0c0704;color:#f3e5c8;font:inherit}.mail-feedback select:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.mail-context{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:0;font-size:13px}.mail-context dt{color:var(--muted)}.mail-context dd{margin:0;overflow-wrap:anywhere}.mail-sent-title{margin:6px 0 0;color:#ffe9b0;font-size:14px}.mail-sent{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;scrollbar-width:thin}.mail-sent-row{padding:6px 8px;border-radius:6px;background:#ffffff10}.mail-sent-row strong{display:block;font-weight:400;color:#ffe9b0}.mail-sent-row small{color:var(--muted);font-size:12px}.mail-sent-row .mail-text{margin:4px 0 0;font-size:13px}.mail-sent-row[data-status=resolved] strong{color:var(--jade)}.daily-window .window-body{display:flex;flex-direction:column;gap:14px}.daily-window [hidden]{display:none!important}.daily-head{display:block}.daily-night{margin:0;padding:9px 14px;border-radius:10px;border:1px solid #0c0704;color:#c9b48f;font-size:15px;line-height:1.5;background:linear-gradient(#150d08,#24160d);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 2px 10px #000a}.daily-night.on{color:#dfe6ff;background:linear-gradient(#17204a,#0f1638);box-shadow:inset 0 0 0 1px #8ea4ee99,0 0 14px #5b78d655}.daily-night:before{content:"☾ ";color:var(--gold-hi)}.daily-calendar,.daily-weekly{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid #0c0704;background:radial-gradient(circle at 20px 20px,#ffffff08 0 1px,transparent 2px) 0 0 / 28px 28px,linear-gradient(#1a110b,#0f0905);box-shadow:inset 0 0 0 1px #6b4d2a99,inset 0 0 24px #000a;color:#eadcc0}.daily-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.daily-section-head h3{margin:0;color:var(--gold-hi);font-size:19px;font-weight:700}.daily-section-head small{color:#bca987;font-size:13px}.daily-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.daily-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px 10px;border-radius:9px;border:1px solid #94744988;background:#1a1a17a8;min-height:112px}.daily-day-label{color:#d8c29a;font-size:13px;font-weight:700;white-space:nowrap}.daily-tick{position:absolute;top:4px;right:6px;color:#8fe08f;font-style:normal;font-size:14px}.daily-day.claimed{opacity:.62;background:#16241a99;border-color:#4f8a5a99}.daily-day.today{border-color:var(--gold);background:linear-gradient(#5b4024,#36250f);box-shadow:0 0 0 1px var(--gold-deep),0 0 16px #e2bd6e66}.daily-day.today .daily-day-label{color:#fff4d5}.daily-day.next{border-style:dashed;border-color:var(--gold-deep)}.daily-day[data-day="7"]{border-color:#e2bd6e99}.daily-reward{display:flex;flex-direction:column;align-items:center;gap:4px}.daily-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:#0c0704aa;border:1px solid #6b4d2a99;font-size:12px;color:#fbe1a2;white-space:nowrap}.daily-chip img{width:20px;height:20px;object-fit:contain;image-rendering:auto}.daily-chip b{font-weight:700}.daily-claim{align-self:center;min-height:44px;min-width:220px;padding:8px 22px;font:700 16px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.daily-claim:disabled{filter:grayscale(.7) brightness(.8);cursor:default}.daily-claim:focus-visible{outline:2px solid var(--jade, #7fe0b0);outline-offset:2px}.daily-note{margin:0;text-align:center;color:#bca987;font-size:13px;line-height:1.55}.daily-missions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.daily-mission{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;border:1px solid #94744988;background:#1a1a17a8}.daily-mission.done{border-color:#4f8a5acc;background:#16241acc}.daily-mission-text{display:flex;flex-direction:column;gap:2px;min-width:0}.daily-mission-text b{color:#ffe2a0;font-size:15px}.daily-mission-text small{color:#bca987;font-size:12px;line-height:1.4}.daily-bar{height:12px;border-radius:6px;background:#0c0704;border:1px solid #6b4d2a99;overflow:hidden}.daily-bar i{display:block;height:100%;background:linear-gradient(#a7db59,#4c9a2d);transition:width .25s}.daily-mission.done .daily-bar i{background:linear-gradient(#8fe08f,#3d9a55)}.daily-count{min-width:74px;text-align:right;color:#fbe1a2;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.daily-chests{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daily-chest{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:9px;border:1px solid #94744988;background:#1a1a17a8;text-align:center}.daily-chest>b{color:#ffe2a0;font-size:14px}.daily-chest .daily-reward{flex-direction:row;flex-wrap:wrap;justify-content:center}.daily-chest.ready{border-color:var(--gold);background:linear-gradient(#5b4024,#36250f);box-shadow:0 0 0 1px var(--gold-deep),0 0 14px #e2bd6e55}.daily-chest.claimed{opacity:.6}.daily-chest .daily-claim{min-width:0;width:100%;font-size:14px;padding:6px 10px}.daily-window[data-layout=stack] .daily-days{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-window[data-layout=stack] .daily-mission{grid-template-columns:minmax(0,1fr) auto}.daily-window[data-layout=stack] .daily-mission .daily-bar{grid-column:1 / -1;grid-row:2}.daily-window[data-layout=stack] .daily-chests{grid-template-columns:1fr}.daily-window[data-layout=stack] .daily-claim{width:100%;min-width:0}.daily-window[data-layout=stack] .daily-night{font-size:14px}@media(prefers-reduced-motion:reduce){.daily-bar i{transition:none}}#daily-badge{position:absolute;top:0;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d9483b;color:#fff;font:700 10px/16px Arial;font-style:normal;box-shadow:0 0 0 2px #1d1a14;pointer-events:none}.guide-banner{margin-top:9px;padding:7px 10px 9px;border:1px solid #e9b94bcc;border-radius:6px;background:linear-gradient(115deg,#3b2f12ee,#1d1a0fee)!important;box-shadow:0 0 0 1px #0008,0 0 12px #e9b94b55!important}.guide-banner[hidden]{display:none}.guide-head{display:flex;align-items:center;gap:6px;font-size:11px;color:#ffe2a4}.guide-step{flex:1;letter-spacing:.02em}.guide-count{font-weight:700;color:#fff4c8;font-variant-numeric:tabular-nums}.guide-skip{border:1px solid #a3906c88;background:#17120b;color:#d9d3c3;border-radius:4px;font-size:11px;padding:1px 7px;cursor:pointer}.guide-skip:hover,.guide-skip:focus-visible{color:#fff;border-color:#ffe2a4}.guide-title{display:block;margin:3px 0 2px;font-size:14px;font-weight:400;color:#f0cd73}.guide-text{margin:0;font-size:12px;line-height:1.55;color:#f3ead4}.guide-banner.finished{border-color:#8fe28f;box-shadow:0 0 12px #6fd46f66!important}.guide-banner.finished .guide-title{color:#b7f0a8}.map-guide{position:absolute;transform:translate(-50%,-50%);font-size:18px;line-height:1;color:#ffe65a;text-shadow:0 0 4px #000,0 0 8px #ff9a1f;animation:guide-ring 1.1s ease-in-out infinite;pointer-events:none;z-index:3}.map-guide[hidden]{display:none}@keyframes guide-ring{50%{transform:translate(-50%,-50%) scale(1.45);opacity:.7}}.world-labels>.guide-pin{translate:-50% -100%;display:flex;flex-direction:column;align-items:center;font:13px SwordiaThai,Tahoma;color:#fff4c8;text-shadow:0 0 3px #000,0 1px 2px #000;z-index:2}.guide-pin-text:not(:empty){background:#1b1409cc;border:1px solid #e9b94b;border-radius:10px;padding:1px 8px;margin-bottom:1px}.guide-pin b{font-size:26px;line-height:22px;color:#ffd24a;text-shadow:0 0 6px #ff9a1f,0 2px 2px #000;animation:guide-bob .9s ease-in-out infinite}@keyframes guide-bob{50%{transform:translateY(7px)}}.world-labels>.guide-dir{z-index:2}.guide-dir i{position:absolute;left:0;top:0;width:0;height:0;font-style:normal;font-size:30px;line-height:30px;color:#ffd24a;text-shadow:0 0 6px #ff9a1f,0 2px 2px #000;transform-origin:0 0;margin:-15px 0 0 -12px}.guide-pulse{animation:guide-pulse 1.1s ease-in-out infinite;outline:2px solid #ffe25a;outline-offset:2px;border-radius:6px}@keyframes guide-pulse{50%{outline-color:#ffe25a00}}@media(prefers-reduced-motion:reduce){.guide-pin b,.map-guide,.guide-pulse{animation:none}}.right-hud.guide-on .quests .quest-divider,.right-hud.guide-on .quests #quest-content h3.blue,.right-hud.guide-on .quests #objective{display:none}.gm-panel{position:absolute;left:14px;top:262px;z-index:20;width:220px;max-height:calc(100vh - 526px);min-height:34px;overflow:auto;scrollbar-width:thin;transform:scale(var(--ui-scale));transform-origin:top left;color:#f4ecd6;font:12px SwordiaThai,Tahoma;background:linear-gradient(115deg,#3a1c14e6,#1a1310eb);border:1px solid #d49a4a;border-radius:8px;box-shadow:inset 0 0 0 3px #0d141633,0 3px 8px #0007;text-shadow:1px 1px 2px #000}.gm-panel[hidden]{display:none}.gm-head{position:sticky;top:0;z-index:1;display:block;width:100%;padding:4px 10px;border:0;border-bottom:1px solid #d49a4a66;background:#2e1812;color:#ffcf6e;font:700 13px SwordiaThai,Tahoma;text-align:left;letter-spacing:.5px}.gm-head:after{content:"▾";float:right}.gm-panel.collapsed .gm-head:after{content:"▸"}.gm-panel.collapsed .gm-body{display:none}.gm-body section{padding:3px 9px 5px;border-bottom:1px solid #d49a4a33}.gm-body section:last-child{border-bottom:0}.gm-body h4{margin:0 0 3px;font-size:11px;font-weight:400;color:#e8c893}.gm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.gm-row{display:flex;align-items:center;gap:4px}.gm-row b{flex:1;text-align:center;font:700 12px Arial;color:#fff3d0;white-space:nowrap}.gm-body button{padding:2px 6px;border:1px solid #9c7a4a;border-radius:4px;background:#2b2019;color:#f4ecd6;font:12px SwordiaThai,Tahoma;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-body button:hover{background:#4a3322}.gm-body button[aria-pressed=true]{background:linear-gradient(#e0b86a,#a5783a);color:#231a10;text-shadow:none;border-color:#f3d28a}.gm-row button{min-width:30px;padding:3px 4px}@media(max-width:600px){.gm-panel{top:120px;max-height:calc(100vh - 370px)}}@media(max-width:600px){.gm-panel{left:8px;top:115px;width:174px;max-height:calc(100vh - 390px);transform:none}.gm-head{min-height:36px}}.gm-census{margin:0;font-size:12px;color:#fff3d0}.player-stall-window .window-body{display:grid;gap:12px;min-height:0;max-height:min(670px,74vh);overflow-y:auto;padding:2px;scrollbar-color:#aa8251 #2b1b10}.player-stall-window .stall-intro{margin:0;color:#f2d9a1;line-height:1.5}.player-stall-window .stall-paper{margin:0;padding:14px;border:3px solid #f8e8c4;border-radius:8px;background:linear-gradient(145deg,#f8edd5,#e9d4af);box-shadow:inset 0 0 0 1px #bd9d67,0 2px 6px #0008}.player-stall-window .stall-paper h3{margin:0 0 9px;font-size:17px}.player-stall-window .stall-paper p{margin:4px 0 12px}.player-stall-window .stall-field{display:grid;gap:5px;min-width:0;color:#f4deb2;font-weight:700}.player-stall-window .stall-paper .stall-field{color:#49351e}.player-stall-window input{width:100%;min-width:0;box-sizing:border-box;padding:9px;border:1px solid #ac8955;border-radius:5px;background:#fff6e1;color:#342218;font:inherit}.player-stall-window .stall-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:210px;overflow-y:auto;padding:2px}.player-stall-window .stall-item{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;padding:6px;border:2px solid #ac8955;border-radius:6px;background:#382417;color:#ffebc0;cursor:pointer;font:11px SwordiaThai,Tahoma,sans-serif}.player-stall-window .stall-item[data-selected=true]{border-color:#f9cf5d;box-shadow:0 0 0 2px #6a4217,0 0 10px #e4a93a}.player-stall-window .stall-item img{width:50px;height:54px;object-fit:contain;image-rendering:pixelated}.player-stall-window .stall-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stall-window .stall-item small{color:#ebc87d}.player-stall-window .stall-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:10px;margin-top:12px}.player-stall-window button:not(.status-close):not(.stall-item){padding:8px 13px;border:1px solid #d7b472;border-radius:6px;background:linear-gradient(#674321,#392217);box-shadow:inset 0 1px #fff4,0 2px 3px #0005;color:#fff1cc;font:700 13px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.player-stall-window button:disabled{opacity:.5;cursor:not-allowed!important}.player-stall-window .stall-primary{width:100%;margin-top:11px}.player-stall-window .stall-listing{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid #b99a70}.player-stall-window .stall-listing img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.player-stall-window .stall-listing span{flex:1;min-width:0}.player-stall-window .stall-listing strong{white-space:nowrap;color:#5d3613}.player-stall-window[data-layout=stack] .window-body{max-height:none;overflow:visible}@media(max-width:600px){.player-stall-window .stall-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-stall-window .stall-fields{grid-template-columns:1fr 1fr}.player-stall-window .stall-fields button{grid-column:1 / -1}.player-stall-window .stall-listing{flex-wrap:wrap}}.player-stall-window .stall-offline-option{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;color:#49351e;cursor:pointer}.player-stall-window .stall-offline-option input{width:auto;margin:0}.player-stall-window .stall-offline-help,.player-stall-window .stall-offline-note{margin:4px 0 0;font-size:12px;line-height:1.5;color:#5d4526}.party-panel{position:fixed;z-index:20;left:17px;top:calc(170px * var(--ui-scale, 1));width:172px;box-sizing:border-box;padding:6px 7px;border:1px solid #c9a35a;border-radius:8px;background:linear-gradient(#2a2015ee,#151b19ee);color:#f3e8cf;font:12px/1.3 SwordiaThai,Tahoma,sans-serif;text-shadow:0 1px 2px #000b;box-shadow:0 3px 10px #0009;pointer-events:auto}.party-panel[hidden]{display:none}.party-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.party-heading{display:grid;min-width:0}.party-title{font-weight:400;color:#f6d889;font-size:13px}.party-bonus{color:#9be08f;font-size:11px}.party-toggle{flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid #c6ab73;border-radius:4px;background:#3c3626;color:#fff2d2;cursor:pointer;font-size:12px;line-height:1}.party-list{list-style:none;margin:5px 0 0;padding:0;max-height:32vh;overflow:auto;scrollbar-width:thin}.party-member{display:flex;align-items:center;gap:5px;padding:2px 0;border-top:1px solid #ad946033}.party-member.self .party-name{color:#ffe2ad}.party-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-level{color:#bbad90;font-size:11px}.party-kick{flex:0 0 auto;width:20px;height:20px;padding:0;border:1px solid #a4563f;border-radius:4px;background:#4a1e1c;color:#ffd3c4;cursor:pointer;font-size:11px;line-height:1}.party-leave{display:block;width:100%;margin-top:6px;padding:4px 6px;border:1px solid #c6ab73;border-radius:5px;background:linear-gradient(#675331,#3c3626);color:#fff2d2;cursor:pointer;font:12px SwordiaThai,Tahoma,sans-serif}.party-panel.collapsed .party-list,.party-panel.collapsed .party-leave{display:none}@media(max-width:600px){.party-panel{left:10px;top:calc(205px * var(--ui-scale, 1));width:148px;padding:4px 5px;font-size:11px}.party-title{font-size:12px}.party-list{max-height:24vh}}:root{--social-wood:#271b14;--social-gold:#d7b56f;--social-paper:#f3e8cf;--social-line:#b89c64}#social-toggle{flex:0 0 36px;font-size:15px}.social-panel,.social-trade-panel,.social-stall-panel,.social-player-menu,.social-notice,.social-duel-banner{font-family:SwordiaThai,Tahoma,sans-serif;color:var(--social-paper);text-shadow:0 1px 2px #000b}.social-panel[hidden],.social-player-menu[hidden],.social-trade-panel[hidden],.social-duel-banner[hidden]{display:none}.social-panel{position:fixed;z-index:58;top:125px;left:18px;width:min(390px,calc(100vw - 36px));max-height:min(68vh,620px);display:flex;flex-direction:column;border:2px solid var(--social-gold);border-radius:10px;background:linear-gradient(155deg,#443425f5,var(--social-wood) 55%,#152522f5);box-shadow:0 10px 35px #000b,inset 0 0 0 3px #120d0c;overflow:hidden}.social-header,.social-trade-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #b89c6477;background:linear-gradient(#75563277,#161b19a0)}.social-header h2,.social-trade-panel h2{font-size:19px;font-weight:400;color:#f6d889;margin:0}.social-header button,.social-trade-panel>header button{border:0;background:none;color:#e8cb9d;font-size:25px;line-height:1}.social-tabs{display:flex;border-bottom:1px solid #b89c6477}.social-tabs button{flex:1;padding:8px 3px;background:#111d1c99;border:0;border-right:1px solid #b89c6444;font-size:13px}.social-tabs button[aria-selected=true]{background:#8e6d3f;color:#fff4d5}.social-body{overflow:auto;min-height:150px;padding:12px;scrollbar-width:thin}.social-body h3{font-size:14px;font-weight:400;color:#edcb82;margin:2px 0 10px}.social-empty{font-size:13px;color:#c2b79d}.social-profile,.social-request{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:4px 8px;align-items:center;padding:8px 7px;border-bottom:1px solid #ad946044;font-size:12px}.social-profile strong{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis}.social-profile small{grid-column:2/3;color:#bbad90}.social-profile button{grid-row:1/3}.social-profile button,.social-request button,.social-search button,.social-compose button,.social-trade-panel button,.social-notice button,.social-duel-banner button{border:1px solid #c6ab73;border-radius:5px;padding:4px 7px;background:linear-gradient(#675331,#3c3626);color:#fff2d2;cursor:pointer;font-size:12px}.social-profile .social-muted{border-color:#74665b;color:#ccc4b0}.social-online{color:#74d681}.social-offline{color:#92978d}.social-search,.social-compose{display:flex;gap:7px}.social-search input,.social-compose input,.social-body select,.social-trade-panel input{min-width:0;flex:1;padding:8px;background:#f1e6cd;color:#30291d;border:1px solid #bea570;border-radius:4px;font:13px SwordiaThai,Tahoma,sans-serif}.social-results{margin-top:10px}.social-request{grid-template-columns:1fr auto auto}.social-chat-log{height:250px;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:8px;background:#0b1517a8;border:1px solid #b49e6d66;border-radius:5px;margin:8px 0}.social-chat-log p{max-width:83%;align-self:flex-start;background:#3e4238;padding:5px 8px;border-radius:6px;margin:0;font-size:13px;overflow-wrap:anywhere}.social-chat-log p.mine{align-self:flex-end;background:#67512e}.social-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:13px}.social-stat-grid div{padding:8px;background:#101c1ba8;border:1px solid #aa8f5c66}.social-history{padding:4px 0;border-bottom:1px solid #a68c584d;font-size:12px}.social-player-menu{position:fixed;z-index:60;width:210px;display:flex;flex-direction:column;gap:4px;border:2px solid var(--social-gold);border-radius:7px;padding:8px;background:#211d17f5;box-shadow:0 9px 25px #000b}.social-player-menu strong{color:#f9e1a4;font-size:13px;padding:2px 5px}.social-player-menu button{background:#49402d;border:1px solid #998157;border-radius:3px;padding:5px;text-align:left;font-size:13px}.social-bound-icon{position:absolute;right:2px;top:2px;z-index:3;font-size:15px;line-height:1;filter:drop-shadow(0 1px 2px #000)}.social-notices{position:fixed;z-index:62;top:95px;left:50%;transform:translate(-50%);display:grid;gap:6px;width:min(320px,90vw);pointer-events:none}.social-notice{pointer-events:auto;display:flex;flex-wrap:wrap;gap:8px;padding:10px;font-size:13px}.social-notice span{flex:1 0 100%}.social-duel-banner{position:fixed;z-index:59;top:75px;left:50%;transform:translate(-50%);padding:7px 15px;border:1px solid #d9b46d;border-radius:40px;background:#4a1e1ceb;display:flex;gap:12px;align-items:center;color:#ffe5a3;white-space:nowrap}.social-notices:has(.social-request-notice){width:min(440px,calc(100vw - 24px))}.social-request-notice{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:14px 16px;border:2px solid #e9a455;border-radius:14px;background:radial-gradient(circle at 10% 10%,#8a3327,#3d1718 62%,#190e14);box-shadow:0 10px 28px #000d,0 0 18px #d7403480,inset 0 0 0 2px #f0c38333;color:#fff4e5;animation:social-request-arrive .25s ease-out}.social-request-notice.social-trade-request,.social-request-notice.social-party-request{border-color:#8bd4c2;background:radial-gradient(circle at 10% 10%,#325b55,#183837 62%,#101c21);box-shadow:0 10px 28px #000d,0 0 18px #54bdaf77,inset 0 0 0 2px #b5e7cd33}.social-request-emblem{display:grid;place-items:center;width:54px;height:54px;border:1px solid #f5bc7a;border-radius:50%;background:#170c12a8;box-shadow:0 0 13px #f36b5680;font-size:29px}.social-trade-request .social-request-emblem,.social-party-request .social-request-emblem{border-color:#9fddd0;box-shadow:0 0 13px #7be1cc80}.social-request-copy{display:grid;gap:2px;min-width:0}.social-request-copy strong{font-size:18px;color:#ffe2ad;line-height:1.2}.social-request-copy span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-trade-request .social-request-copy strong,.social-party-request .social-request-copy strong{color:#c9f3e7}.social-request-countdown{min-width:48px;padding:5px 6px;border:1px solid #f4b77988;border-radius:8px;background:#1b0e14b8;text-align:center;font-size:17px;font-weight:700;color:#ffe0a0;font-variant-numeric:tabular-nums}.social-request-actions{grid-column:2/4;display:flex;gap:8px}.social-request-actions button{flex:1;padding:7px 10px;font-size:14px;font-weight:700}.social-request-actions .social-accept{border-color:#f1c78d;background:linear-gradient(#b54e32,#7d2926)}.social-request-actions .social-decline{background:#241a1d}@keyframes social-request-arrive{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.social-trade-panel{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(650px,calc(100vw - 24px));max-height:90vh;overflow:auto;background:linear-gradient(140deg,#443225,#1b241f);border:3px solid var(--social-gold);border-radius:10px;box-shadow:0 15px 45px #000d}.social-trade-panel .social-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.social-offers>div{padding:8px;border:1px solid #aa8d5a;background:#101914a8}.social-offers h3{color:#f2d385;font-size:14px;font-weight:400;margin:0 0 8px}.social-offers p{min-height:40px;font-size:12px;overflow-wrap:anywhere}.social-offers label{display:block;font-size:12px}.social-offers input{width:90px;margin:0 6px}.social-trade-items{max-height:140px;overflow:auto;display:flex;flex-wrap:wrap;gap:5px}.social-trade-items button:disabled{opacity:.5;cursor:not-allowed}.social-trade-panel footer{padding:12px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #aa8d5a}.social-trade-panel footer button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.social-panel{top:auto;bottom:37px;left:8px;width:min(360px,calc(100vw - 16px));max-height:70vh}.social-trade-panel .social-offers{grid-template-columns:1fr;max-height:60vh;overflow:auto}.social-player-menu{max-width:52vw}.social-duel-banner{top:43px;font-size:12px}}@media(prefers-reduced-motion:reduce){.social-panel,.social-player-menu,.social-trade-panel{scroll-behavior:auto}}.social-duel-banner{top:64px;min-height:49px;box-sizing:border-box;padding:8px 17px 8px 52px;border:2px solid #f3ac64;border-radius:12px;background:linear-gradient(115deg,#4d0708f7,#771713f4 48%,#2a090bf7);box-shadow:0 5px #2b0808,0 10px 30px #000b,0 0 24px #e42c1d99,inset 0 0 18px #ff743555;gap:16px;letter-spacing:.02em;color:#ffe6ae}.social-duel-banner:before{content:"⚔";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:27px;line-height:1;color:#ffcd77;text-shadow:0 0 10px #ff3c20,0 2px 3px #200707}.social-duel-banner strong{font-size:15px;font-weight:700;text-shadow:0 1px 2px #260403,0 0 9px #ff8e4d}.social-duel-banner button{border:1px solid #f8b978;border-radius:7px;padding:6px 12px;background:linear-gradient(#6a271d,#3c0b0b);box-shadow:inset 0 1px #ffc58755;color:#ffe8c7;font-weight:700}.social-duel-banner button:hover{background:linear-gradient(#9e3525,#601411)}@media(max-width:600px){.social-duel-banner{top:42px;min-height:43px;max-width:calc(100vw - 12px);padding:6px 10px 6px 39px;gap:7px}.social-duel-banner:before{left:8px;font-size:21px}.social-duel-banner strong{font-size:12px}.social-duel-banner button{padding:5px 7px}}.social-trade-panel{width:min(800px,calc(100vw - 20px));max-height:min(90vh,780px);background:linear-gradient(145deg,#473522,#1c241e 68%);border-color:#d9b86e;box-shadow:0 20px 54px #000e,inset 0 0 0 2px #f2d69920}.social-trade-heading{display:grid;gap:1px}.social-trade-heading small{color:#e2d3ac;font-size:12px}.social-trade-panel .social-offers{gap:10px;padding:12px}.social-offers>.social-trade-side{min-width:0;padding:11px;border:1px solid #be9c5e;border-radius:7px;background:linear-gradient(#17231edb,#101813ee);box-shadow:inset 0 1px #f2d69d22}.social-trade-side-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;padding-bottom:7px;border-bottom:1px solid #9c865a66}.social-trade-panel .social-offers h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#ffe19a}.social-trade-state{flex:none;border-radius:999px;padding:3px 7px;font-size:11px;white-space:nowrap}.social-trade-state.is-ready{background:#173e36;border:1px solid #69c79d;color:#c9ffe0}.social-trade-state.is-waiting{background:#3a3020;border:1px solid #9a8255;color:#e5d0a3}.social-trade-section-label{display:block;margin:10px 0 6px;color:#e6ce97;font-size:12px;font-weight:700}.social-trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-content:start}.social-trade-offered{min-height:100px;padding:6px;border:1px solid #8f7952;border-radius:5px;background:#090e0db5}.social-trade-empty{grid-column:1/-1;display:grid;place-items:center;min-height:86px;margin:0;color:#b8ad91;font-size:12px}.social-trade-panel .social-offers p.social-trade-empty{min-height:86px;margin:0}.social-trade-tile{position:relative;display:flex;min-width:0;min-height:84px;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;padding:5px 3px 4px;border:1px solid #957b4b;border-radius:5px;background:linear-gradient(#403521,#231d15);color:#f9e9bc;text-align:center}.social-trade-panel button.social-trade-tile{padding:5px 3px 4px;border-color:#aa8d58;background:linear-gradient(#4a3a24,#272016)}.social-trade-tile[data-rarity=uncommon]{border-color:#5db876}.social-trade-tile[data-rarity=rare]{border-color:#5fa5e7}.social-trade-tile[data-rarity=epic]{border-color:#c277e4}.social-trade-tile[data-rarity=legendary]{border-color:#edaf46}.social-trade-tile[data-rarity=mythic]{border-color:#eb6969;box-shadow:inset 0 0 8px #b3282840}.social-trade-icon{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:4px;background:#120f0b;box-shadow:inset 0 0 0 1px #d6b16b50;color:#9b8254;font-size:24px;line-height:1}.social-trade-icon img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;image-rendering:pixelated}.social-trade-item-name{display:-webkit-box;width:100%;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.12;font-size:10px;overflow-wrap:anywhere}.social-trade-quantity{position:absolute;right:3px;top:31px;border-radius:3px;padding:0 3px;background:#18130ce8;color:#fff4ce;font-size:11px;font-weight:700}.social-trade-remove{position:absolute;right:-3px;top:-3px;z-index:1;display:grid;place-items:center;width:19px;height:19px;padding:0!important;border-color:#dd9d8b!important;border-radius:50%!important;background:#7b241d!important;color:#fff!important;font-size:15px!important;line-height:1}.social-trade-lock{position:absolute;left:2px;top:2px;font-size:12px;filter:drop-shadow(0 1px 2px #000)}.social-trade-tile.is-unavailable{opacity:.65}.social-trade-panel button.social-trade-tile:hover:not(:disabled){border-color:#f3d88d;background:linear-gradient(#5c482b,#382a19);transform:translateY(-1px)}.social-trade-panel button.social-trade-tile:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.social-trade-items{max-height:155px;overflow:auto;grid-auto-rows:84px;padding:2px;scrollbar-width:thin}.social-trade-gold{display:flex!important;align-items:center;gap:6px;margin-top:11px;padding:7px 8px;border-top:1px solid #9c865a66;color:#efd7a0;font-size:12px}.social-trade-gold input{max-width:110px;margin-left:auto;padding:5px 7px!important;text-align:right}.social-trade-gold-readonly{justify-content:flex-end;font-size:14px;font-weight:700}.social-trade-hint{margin:0 12px 10px;padding:8px 10px;border:1px solid #cba65b85;border-radius:5px;background:#352a1ad9;color:#f1ddb1;font-size:12px;text-align:center}.social-trade-panel footer{align-items:center;padding:10px 12px;background:#141914c9}.social-trade-panel footer button{min-height:34px;padding:6px 12px;font-size:13px;font-weight:700}.social-trade-panel footer .social-trade-ready{border-color:#f6c771;background:linear-gradient(#a77d38,#71501f);color:#fff4cf}.social-trade-panel footer .social-trade-ready[data-active=true]{border-color:#80c7ed;background:linear-gradient(#327a9e,#195272);color:#e6f9ff}.social-trade-panel footer .social-trade-confirm{border-color:#9be4b8;background:linear-gradient(#298450,#155839);color:#e7ffec;box-shadow:0 0 12px #2cc77644}.social-trade-panel footer .social-trade-cancel{margin-left:auto;border-color:#b88179;background:linear-gradient(#65352e,#3a2020);color:#ffe1d8}.social-trade-panel footer .social-trade-confirm:disabled{border-color:#62665d;background:#343a33;color:#b8beb3;box-shadow:none;opacity:1}.social-trade-panel button:focus-visible,.social-trade-panel input:focus-visible{outline:2px solid #fff3c0;outline-offset:2px}@media(max-width:600px){.social-trade-panel{max-height:92vh}.social-trade-panel .social-offers{grid-template-columns:1fr;max-height:67vh;overflow:auto}.social-trade-offered{min-height:84px}.social-trade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.social-trade-tile{min-height:75px}.social-trade-items{grid-auto-rows:75px}.social-trade-panel footer{flex-wrap:wrap}.social-trade-panel footer .social-trade-cancel{margin-left:0}.social-trade-panel footer .social-trade-confirm{flex:1}}@media(max-width:390px){.social-trade-panel footer button{font-size:11px;padding:5px 7px}.social-trade-state{font-size:10px;padding:2px 5px}}@media(prefers-reduced-motion:reduce){.social-trade-panel button.social-trade-tile:hover:not(:disabled){transform:none}}.social-trade-hint.is-invalid{border-color:#dd7166;background:#4b211dde;color:#ffe2d7}.social-panel .social-stall-hint,.social-stall-panel .social-stall-hint{font-size:12px;line-height:1.45;color:#dbcba8}.social-stall-active{padding:9px;border:1px solid #e0b96d;border-radius:6px;background:#4c361e;color:#ffe5aa;font-size:14px}.social-body>input,.social-stall-picker input,.social-stall-picker select{box-sizing:border-box;width:100%;min-width:0;padding:7px;border:1px solid #b89960;border-radius:5px;background:#f4e9d0;color:#2e2418;font:13px SwordiaThai,Tahoma,sans-serif}.social-stall-picker{display:grid;grid-template-columns:minmax(0,1fr) 64px 100px auto;gap:5px;margin:9px 0}.social-stall-picker input{text-align:right}.social-stall-picker button,.social-stall-row button,.social-body .social-stall-open,.social-body .social-stall-close{border:1px solid #d5ad6c;border-radius:5px;padding:6px 9px;background:linear-gradient(#76502a,#432b19);color:#fff1cc;font:13px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.social-stall-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #9e80524d;font-size:13px}.social-stall-info{flex:1;min-width:0;display:grid;gap:2px}.social-stall-info strong{color:#ffe2a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-stall-info small{color:#d9c8a4;font-size:11px}.social-stall-purchase{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.social-stall-purchase label{display:flex;align-items:center;gap:4px;color:#e5d4b3;font-size:11px}.social-stall-purchase input{box-sizing:border-box;width:58px;padding:5px 3px;border:1px solid #b89960;border-radius:4px;background:#f4e9d0;color:#2e2418;font:13px SwordiaThai,Tahoma,sans-serif;text-align:center}.social-stall-total{min-width:95px;color:#ffdc91;font-size:12px;text-align:right;white-space:nowrap}.social-body .social-stall-open,.social-body .social-stall-close{width:100%;margin-top:12px;padding:9px;font-weight:700}.social-stall-panel{position:fixed;z-index:62;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:80vh;overflow:auto;border:3px solid #e0b96d;border-radius:11px;background:linear-gradient(#4a3220,#1f251e);box-shadow:0 16px 42px #000d;padding-bottom:9px}.social-stall-panel[hidden]{display:none}.social-stall-panel header{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;border-bottom:1px solid #b7985b}.social-stall-panel h2{margin:0;color:#ffe0a3;font-size:18px}.social-stall-panel header button{border:0;background:transparent;color:#ffe0a3;font-size:26px;cursor:pointer}.social-stall-seller,.social-stall-panel .social-stall-hint{margin:8px 13px}.social-stall-panel .social-stall-row{margin:0 10px}.social-stall-row img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.social-stall-row button:disabled,.social-stall-picker button:disabled,.social-body .social-stall-open:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.social-stall-picker{grid-template-columns:minmax(0,1fr) 64px}.social-stall-picker button{grid-column:2}.social-stall-panel{max-height:84vh}.social-stall-row{flex-wrap:wrap}.social-stall-info{flex-basis:calc(100% - 58px)}.social-stall-purchase{width:100%;justify-content:space-between;padding-left:50px}}.social-stall-inbox{z-index:63}.social-stall-inbox .social-stall-inbox-total{margin:8px 14px;font-size:18px;font-weight:700;color:#ffe3a4}.social-stall-inbox .social-stall-inbox-items{margin:0 14px 8px;padding-left:18px;font-size:13px;color:#dbcba8}.social-stall-inbox .social-stall-claim{display:block;margin:6px 14px 4px;width:calc(100% - 28px);padding:9px;border:1px solid #d7b472;border-radius:6px;background:linear-gradient(#674321,#392217);color:#fff1cc;font:700 14px SwordiaThai,Tahoma,sans-serif;cursor:pointer}.social-stall-offline-badge{margin-left:8px;color:#b9d8ff;font-size:12px;font-weight:700}#loading.at-title .loading-bottom{display:none}.title-screen{position:absolute;inset:0;z-index:2;font-family:SwordiaThai,Tahoma,sans-serif;color:#f6e8c8}.title-screen[hidden]{display:none}.title-screen.checking>:not(.title-splash),.title-screen.splashing>:not(.title-splash){visibility:hidden;opacity:0}.title-screen>:not(.title-splash){transition:opacity .5s ease}.title-splash{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding-bottom:clamp(56px,14vh,140px);text-align:center;background:linear-gradient(#0000 55%,#000a);transition:opacity .4s ease;-webkit-tap-highlight-color:transparent}.title-splash:focus-visible{outline:none}.title-splash.leaving{opacity:0;pointer-events:auto}.title-splash-main{padding:4px 28px;font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:2px;color:#ffe3a0;text-shadow:0 2px 0 #5a1a10,0 0 14px #ff5a3a99,0 2px 10px #000;background:radial-gradient(closest-side,#000a,#0000);animation:title-splash-pulse 1.8s ease-in-out infinite}.title-splash-sub{font:12px Georgia,serif;letter-spacing:6px;color:#e6d3a8;text-shadow:0 1px 3px #000;animation:title-splash-pulse 1.8s ease-in-out infinite}@keyframes title-splash-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.title-splash-main,.title-splash-sub{animation:none}.title-screen>:not(.title-splash),.title-splash{transition:none}}.title-menu{position:absolute;left:clamp(14px,3vw,48px);top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:22px}.title-menu-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:84px;padding:0;color:#f6e8c8;background:none;border:0;font:15px SwordiaThai,Tahoma;text-decoration:none;text-shadow:0 1px 3px #000,0 0 8px #000;cursor:pointer}.title-menu-item[hidden]{display:none}.title-icon{position:relative;display:grid;place-items:center;width:56px;height:56px}.title-icon:before{content:"";position:absolute;inset:6px;rotate:45deg;background:linear-gradient(#2b1a12ee,#140b07ee);border:1.5px solid #d6b06a;box-shadow:0 0 0 3px #0008,0 4px 14px #000a;transition:border-color .15s,box-shadow .15s}.title-icon svg{position:relative;width:24px;height:24px;color:#f1d18a}.title-menu-item:hover .title-icon:before,.title-menu-item:focus-visible .title-icon:before{border-color:#ffe3a0;box-shadow:0 0 0 3px #0008,0 0 16px #e0403299}.title-menu-item:focus-visible{outline:none}.title-menu-item:focus-visible span:last-child{text-decoration:underline}.title-center{position:absolute;left:50%;bottom:clamp(40px,8vh,96px);translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(480px,calc(100vw - 24px));text-align:center}.title-tagline{margin:0;padding:6px 18px;font-size:clamp(14px,1.5vw,18px);letter-spacing:1px;color:#fff3d6;background:radial-gradient(closest-side,#0009,#0000);text-shadow:0 1px 3px #000,0 0 12px #000}.title-start{position:relative;display:block;width:min(460px,92vw);aspect-ratio:960/407;padding:0;background:none;border:0;-webkit-tap-highlight-color:transparent}.title-start-art{position:absolute;inset:0;background:url(/assets/ui/title/start-button.webp) center/contain no-repeat;filter:drop-shadow(0 10px 18px #000c) drop-shadow(0 0 14px #ff5a3a55);animation:title-start-float 3.6s ease-in-out infinite;transition:filter .2s,scale .2s;pointer-events:none}.title-start-art:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff6d8cc 48%,#fff 50%,#fff6d8cc 52%,transparent 65%) -150% 0/60% 100% no-repeat;-webkit-mask:url(/assets/ui/title/start-button.webp) center/contain no-repeat;mask:url(/assets/ui/title/start-button.webp) center/contain no-repeat;mix-blend-mode:overlay;animation:title-start-shine 4.2s ease-in-out 1s infinite}.title-start:hover .title-start-art{scale:1.04;filter:drop-shadow(0 12px 20px #000c) drop-shadow(0 0 24px #ffb04a99) brightness(1.08)}.title-start:focus-visible{outline:none}.title-start:focus-visible .title-start-art{filter:drop-shadow(0 10px 18px #000c) drop-shadow(0 0 20px #ffe3a0) brightness(1.08)}.title-start-burst{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;pointer-events:none;opacity:0;border:3px solid #ffe3a0;box-shadow:0 0 30px #ffcf6a,inset 0 0 30px #ffcf6a}.title-start.launch .title-start-art{animation:title-start-launch .42s cubic-bezier(.2,.8,.3,1)}.title-start.launch .title-start-burst{animation:title-start-burst .5s ease-out}@keyframes title-start-float{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes title-start-shine{0%{background-position:-150% 0}45%,to{background-position:250% 0}}@keyframes title-start-launch{0%{scale:1}25%{scale:.93;filter:drop-shadow(0 4px 8px #000c) brightness(.95)}60%{scale:1.07;filter:drop-shadow(0 0 40px #ffd27a) brightness(1.35)}to{scale:1}}@keyframes title-start-burst{0%{opacity:.95;width:30%}to{opacity:0;width:130%}}@media(prefers-reduced-motion:reduce){.title-start-art,.title-start-art:after{animation:none}}.title-error{min-height:1.3em;margin:0;font-size:14px;color:#ffd0c4;text-shadow:0 1px 3px #000,0 0 8px #000}.title-error:empty{visibility:hidden}.title-footer{position:absolute;left:50%;bottom:10px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:calc(100vw - 24px);text-align:center;text-shadow:0 1px 3px #000,0 0 8px #000}.title-footer p{margin:0}.title-slogan{font:11px Georgia,serif;letter-spacing:5px;white-space:nowrap;color:#e6d3a8b3}.title-legal{display:flex;align-items:center;justify-content:center;gap:2px;font:13px SwordiaThai,Tahoma,sans-serif;color:#e6d3a8b3}.title-legal-link{padding:4px 8px;font:inherit;color:#f1dfb4;background:none;border:0;cursor:pointer;text-decoration:underline;text-decoration-color:#f1dfb455;text-underline-offset:3px;text-shadow:inherit}.title-legal-link:hover,.title-legal-link:focus-visible{color:#ffe3a0;text-decoration-color:currentColor;outline:none}.title-copy{font:12px SwordiaThai,Tahoma,sans-serif;color:#e6d3a8b3}.login-panel .login-google{position:relative;align-items:center;padding:6px;border-radius:10px;background:linear-gradient(#f3d58f,#b98a3e 45%,#7a5424);box-shadow:0 0 0 1px #3a220f,0 6px #4a2c12,0 10px 18px #000a,inset 0 1px #fff3c8;transition:translate .12s,box-shadow .12s}.login-panel .login-google:before{content:"";position:absolute;inset:4px;border-radius:7px;background:#1b1210;box-shadow:inset 0 2px 6px #000c;pointer-events:none}.login-panel .login-google>*{position:relative}.login-panel .login-google:hover{translate:0 -1px;box-shadow:0 0 0 1px #3a220f,0 7px #4a2c12,0 12px 22px #000a,0 0 16px #ffcf6a66,inset 0 1px #fff3c8}.login-panel .login-google:active{translate:0 4px;box-shadow:0 0 0 1px #3a220f,0 2px #4a2c12,0 4px 10px #000a,inset 0 1px #fff3c8}.login-panel .gold-button{position:relative;border:1px solid #fff0bf;border-radius:8px;background:linear-gradient(#ffe7a6,#d9aa55 48%,#b3822f 52%,#8f6424);color:#2a1706;font-weight:700;text-shadow:0 1px 0 #ffe9b0;box-shadow:0 0 0 1px #3a220f,0 5px #5a3a16,0 9px 16px #000a,inset 0 1px #fff8dc,inset 0 -2px #0003;transition:translate .12s,box-shadow .12s,filter .12s}.login-panel .gold-button:hover:not(:disabled){filter:brightness(1.07);translate:0 -1px}.login-panel .gold-button:active:not(:disabled){translate:0 4px;box-shadow:0 0 0 1px #3a220f,0 1px #5a3a16,0 3px 8px #000a,inset 0 1px #fff8dc}.login-panel{box-shadow:0 12px 40px #000a,0 0 0 100vmax #0009}.title-news-text{white-space:pre-wrap;line-height:1.7}.login-panel .login-close{position:absolute;top:8px;right:8px;width:34px;min-height:34px;padding:0;font-size:22px;line-height:1;color:#f4e6c2;background:none;border:0;border-radius:6px}.login-panel.title-legal-dialog{width:min(720px,calc(100vw - 32px));height:min(680px,calc(100dvh - 32px));grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;padding:20px 22px 18px}.title-legal-dialog h2{padding-right:34px;font-size:20px}.title-legal-body{overflow-y:auto;overscroll-behavior:contain;padding:2px 12px 2px 0;font-size:15px;line-height:1.75;color:#eadfc4;scrollbar-color:#c9a45c #1b1210}.title-legal-body:focus-visible{outline:2px solid #ffd98a55;outline-offset:2px}.title-legal-body h3{margin:18px 0 4px;font-size:16.5px;line-height:1.4;color:#ffd98a}.title-legal-body p{margin:6px 0;overflow-wrap:anywhere}.title-legal-body ul{margin:6px 0;padding-left:20px}.title-legal-body li{margin:5px 0;overflow-wrap:anywhere}.title-legal-body .title-legal-updated{margin:0 0 8px;font-size:13px;color:#cbb98f}.title-legal-dialog>.gold-button{justify-self:center;min-width:120px}@media(max-width:700px),(max-height:520px){.title-menu{top:auto;bottom:14px;left:50%;translate:-50% 0;flex-direction:row;gap:18px}.title-menu-item{width:72px;font-size:13px;gap:2px}.title-icon{width:42px;height:42px}.title-menu{bottom:52px}.title-center{bottom:140px}.title-slogan{display:none}.title-footer{bottom:6px}.login-panel.title-legal-dialog{height:calc(100dvh - 16px);width:calc(100vw - 16px);padding:16px 14px 12px}.title-legal-body{font-size:14.5px}}@media(max-height:520px)and (orientation:landscape){.title-menu{bottom:44px;left:14px;translate:none;flex-direction:column;gap:8px}.title-center{bottom:52px}.title-start{width:min(320px,60vw)}}.title-news-admin{margin-top:10px;padding-top:10px;border-top:1px solid #c9a45c55}.login-panel.welcome-note{z-index:210}.login-panel.title-news{width:min(440px,calc(100vw - 32px))}.perf-meter{position:fixed;z-index:90;left:calc(17px + 298px * var(--ui-scale));top:16px;display:grid;grid-template-columns:repeat(2,auto);gap:1px 12px;padding:4px 10px;border-radius:6px;font:11px/1.35 ui-monospace,Consolas,monospace;color:#d8c8a8;background:#0d0806cc;border:1px solid #6b4d2a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.perf-meter[hidden]{display:none}.perf-meter div{display:flex;gap:6px;justify-content:space-between}.perf-meter span{color:#a8957a}.perf-meter b{font-weight:700;color:#fff0d0}.perf-meter b[data-tone=good]{color:#8fe07a}.perf-meter b[data-tone=warn]{color:#ffd34d}.perf-meter b[data-tone=bad]{color:#ff6b5a}@media(max-width:1720px){.perf-meter{left:calc(17px + 190px * var(--ui-scale));top:calc(16px + 94px * var(--ui-scale))}}@media(max-width:600px){.perf-meter{left:8px;top:104px;font-size:10px}}.quality-hint{position:fixed;left:50%;bottom:84px;translate:-50% 0;z-index:170;display:flex;gap:10px;align-items:center;max-width:min(440px,calc(100vw - 16px));padding:10px 12px;color:#f4e6c2;font:14px/1.5 SwordiaThai,Tahoma,sans-serif;background:#2a1d14f2;border:2px solid #e2bb68;border-radius:10px;box-shadow:0 8px 24px #000b}.quality-hint button{flex:none;min-height:32px;padding:4px 12px;color:#2a1706;font:inherit;font-weight:700;background:linear-gradient(#ffe7a6,#c99a48);border:1px solid #fff0bf;border-radius:6px;cursor:pointer}