:root{--bg:#0b0a0c;--panel:#16141a;--border:#3a3340;--text:#d9d2c5;--text-dim:#8b8578;--rarity-normal:#c8c8c8;--rarity-magic:#6b8cff;--rarity-rare:#f0d34a;--rarity-unique:#e07b39;--currency:#c9a35c;--physical:#c8c8c8;--fire:#ff6a2f;--cold:#5fd4ff;--lightning:#ffe45c;--chaos:#c85cff;--gold:#c9a35c;--gold-dim:#6a5a3a;--gold-dark:#3d321d}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-family:Noto Sans Thai,Inter,system-ui,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.world-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}#hint{max-width:34vw;color:var(--text-dim);border:1px solid var(--border);pointer-events:none;text-align:center;background:#16141a99;border-radius:4px;padding:4px 12px;font-size:12px;transition:opacity 1.2s;position:absolute;top:8px;left:50%;transform:translate(-50%)}#hint.is-faded{opacity:0}#ui.is-system-open #hint{opacity:1;z-index:41}@media (max-width:1000px){#hint{display:none}}.charpanel{border:1px solid var(--gold-dim);width:clamp(250px,27vw,400px);box-shadow:0 0 0 1px #000, 0 0 0 3px #0b0a0c, 0 0 0 4px var(--gold-dark), 0 6px 18px #000000bf, inset 0 1px 0 #c9a35c38;pointer-events:none;background:linear-gradient(#1b1820f0 0%,#0b0a0cf0 100%);border-radius:3px;padding:10px 14px 9px 10px;position:absolute;top:10px;left:10px}.charpanel:before,.charpanel:after{content:"";background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);width:9px;height:9px;position:absolute;top:-6px;transform:rotate(45deg);box-shadow:0 0 0 1px #000}.charpanel:before{left:-6px}.charpanel:after{right:-6px}.cp-top{align-items:center;gap:12px;display:flex}.cp-portrait{aspect-ratio:1;width:clamp(54px,5.6vw,84px);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold-dim), 0 0 0 5px #000, 0 0 0 6px var(--gold-dark), inset 0 0 10px #000000e6;background:radial-gradient(circle at 50% 35%,#2b2630 0%,#0b0a0c 80%);border-radius:50%;flex:none;position:relative;overflow:hidden}.cp-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cp-portrait img.is-face{image-rendering:auto}.cp-portrait:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 10px 2px #000000d9}.charpanel.has-art .cp-portrait{left:var(--x);top:var(--y);width:var(--w);height:var(--h);aspect-ratio:auto;box-shadow:none;background:#0b0a0c;position:absolute}.cp-main{flex:1;min-width:0}.cp-title{align-items:baseline;gap:12px;margin-bottom:4px;font-family:Cinzel,Noto Sans Thai,serif;display:flex}.cp-lv{color:var(--text);font-size:14px}.cp-lv i{font-style:normal}.cp-lv b{font-weight:400}.cp-class{color:var(--gold);letter-spacing:.02em;font-size:16px;font-weight:700}.cp-row{align-items:center;gap:8px;margin-top:3px;display:flex}.cp-label{width:22px;color:var(--text-dim);font-family:Cinzel,serif;font-size:11px}.cp-track{border:1px solid var(--gold-dark);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);background:#0a090b;flex:1;height:13px;position:relative;box-shadow:inset 0 0 4px #000}.cp-fill{width:0;transition:width .14s ease-out;position:absolute;top:0;bottom:0;left:0}.cp-hp .cp-fill{background:linear-gradient(#e2463c 0%,#a31c1a 60%,#6a0f11 100%)}.cp-mp .cp-fill{background:linear-gradient(#5b8cff 0%,#2a4fc4 60%,#16307c 100%)}.cp-es{background:#5fd4ff;width:0;height:3px;transition:width .14s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 4px #5fd4ffe6}.cp-num{text-align:center;color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;font-size:10px;line-height:12px;position:absolute;inset:0}.cp-stats{border-top:1px solid var(--gold-dark);grid-template-columns:repeat(3,1fr);gap:2px 10px;margin-top:8px;padding-top:6px;font-size:12px;display:grid}.cp-stat{align-items:baseline;gap:8px;display:flex}.cp-stat i{color:var(--text-dim);min-width:26px;font-family:Cinzel,serif;font-size:10px;font-style:normal}.cp-stat b{color:var(--text);font-weight:600}.cp-dev{border-top:1px dashed var(--border);color:var(--text-dim);white-space:pre-wrap;margin-top:6px;padding-top:5px;font-size:10.5px;line-height:1.35}.cp-dev[hidden]{display:none}.hud{--orb:clamp(96px, 12.5vw, 184px);--slot:clamp(30px, 4vw, 62px);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:6px;padding:0 12px;display:flex;position:absolute;bottom:8px;left:0;right:0}.hud>*{pointer-events:none}.orb-seat{z-index:1;flex:none;position:relative}.orb{width:var(--orb);height:var(--orb);position:relative}.orb:before{content:"";background:conic-gradient(from 200deg,#3d321d,#c9a35c 12%,#6a5a3a 24%,#ecd7a0 38%,#5a4a2a 52%,#c9a35c 66%,#3d321d 80%,#a8884a 92%,#3d321d);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 2px #000,0 6px 20px #000000d9}.orb:after{content:"";border-radius:50%;position:absolute;inset:4.5%;box-shadow:0 0 0 1px #000,inset 0 0 0 2px #1a1612}.orb-glass{z-index:1;background:radial-gradient(circle at 50% 35%,#26222c 0%,#0b0a0c 75%);border-radius:50%;position:absolute;inset:7.5%;overflow:hidden;box-shadow:inset 0 0 18px #000000e6}.orb-fill{background-size:100% calc(var(--orb) * .85);background-position:bottom;background-repeat:no-repeat;height:100%;transition:height .14s ease-out;position:absolute;bottom:0;left:0;right:0}.orb-life .orb-fill{background-image:radial-gradient(circle at 36% 30%,#ff7a66 0%,#d42a25 26%,#8c1216 58%,#3d0609 100%);box-shadow:0 -2px 8px #ff6e5a99}.orb-mana .orb-fill{background-image:radial-gradient(circle at 36% 30%,#8fb4ff 0%,#3a66e8 26%,#1a318f 58%,#0a1440 100%);box-shadow:0 -2px 8px #78a0ff99}.orb-shine{box-shadow:inset 0 0 calc(var(--orb) * .12) #000000bf;background:radial-gradient(circle at 30% 24%,#ffffff57 0%,#fff0 34%),radial-gradient(circle at 70% 82%,#ffffff14 0%,#fff0 30%);border-radius:50%;position:absolute;inset:0}.orb-text{z-index:2;text-shadow:0 0 4px #000,0 1px 2px #000;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;inset:0}.orb-now{font-family:Cinzel,Inter,serif;font-weight:700;font-size:calc(var(--orb) * .24);color:#fff}.orb-max{font-size:calc(var(--orb) * .11);color:var(--text);opacity:.85}.orb-es{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.orb-es circle{fill:none;stroke:#5fd4ff;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 3px #5fd4ffcc);transition:stroke-dasharray .14s ease-out}.orb-low .orb-glass{animation:.9s ease-in-out infinite orb-pulse}.orb-dead .orb-glass{filter:grayscale()brightness(.6)}@keyframes orb-pulse{0%,to{box-shadow:inset 0 0 18px #000000e6}50%{box-shadow:inset 0 0 18px #000000e6,0 0 20px 6px #e2463ccc}}.console{min-width:0;max-width:1180px;margin:0 calc(var(--orb) * -.08) 6px;padding:12px calc(var(--orb) * .14) 10px;border:1px solid var(--gold-dim);box-shadow:0 0 0 1px #000, 0 0 0 3px #0b0a0c, 0 0 0 4px var(--gold-dark), 0 8px 24px #000c, inset 0 1px 0 #c9a35c40, inset 0 -10px 18px #00000080;background:linear-gradient(#1d1a22f5 0%,#0b0a0cf5 100%);border-radius:3px;flex:auto;justify-content:space-between;align-items:flex-end;gap:clamp(6px,.9vw,14px);display:flex;position:relative}.console:before,.console:after{content:"";background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);width:10px;height:10px;position:absolute;top:-7px;transform:rotate(45deg);box-shadow:0 0 0 1px #000}.console:before{left:-7px}.console:after{right:-7px}.console-crest{background:radial-gradient(circle at 50% 50%, #7fa2ff 0%, #2a4fc4 38%, #0b0a0c 42%), var(--gold);border:2px solid var(--gold);width:18px;height:18px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 1px #000,0 0 8px #000000e6}.console-sep{background:linear-gradient(180deg, transparent 0%, var(--gold-dim) 30%, var(--gold-dim) 70%, transparent 100%);align-self:stretch;width:1px;margin:2px 0}.skillbar,.flaskbar{align-items:flex-end;gap:clamp(3px,.4vw,6px);display:flex}.slotcol{flex-direction:column;align-items:center;display:flex}.keycap{text-align:center;white-space:nowrap;min-width:18px;height:14px;color:var(--gold);border:1px solid var(--gold-dark);background:#0b0a0c;border-bottom:none;border-radius:3px 3px 0 0;padding:0 4px;font-family:Cinzel,Inter,serif;font-size:10px;font-weight:600;line-height:13px}.slot{width:var(--slot);height:var(--slot);border:1px solid var(--gold-dim);background:radial-gradient(circle at 50% 40%,#1f1c25 0%,#0c0b0f 80%);border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 10px #000000e6}.slot-filled{border-color:var(--gold);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 0 0 12px #c9a35c47}.slot-charm{border-radius:2px}.slot-empty:after{content:"";border:2px solid var(--gold-dark);opacity:.8;border-radius:50%;width:42%;height:42%}.glyph{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:68%;height:68%}.slot .glyph{color:#f1e2c0;fill:#f1e2c029;filter:drop-shadow(0 0 3px #e2463ce6)}.slot-cd{pointer-events:none;background:#050408b8;border-top:1px solid #f1e2c080;height:0;position:absolute;bottom:0;left:0;right:0}.slot-cd[style*="height: 0%"]{border-top:none}.slot{container-type:size}.slot-cd-num{font-variant-numeric:tabular-nums;color:#fff4d6;text-shadow:0 0 3px #000,0 1px #000,0 0 8px #000000e6;pointer-events:none;z-index:2;place-items:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(12px,42cqmin,24px);font-weight:700;display:grid;position:absolute;inset:0}.slot-cd-num:empty{display:none}.slot-locked .glyph{opacity:.22}.slot-lock{text-align:center;font-family:Cinzel,Inter,serif;font-size:max(8px, calc(var(--slot,48px) * .22));color:var(--text-dim);text-shadow:0 0 3px #000;line-height:1;position:absolute;bottom:8%;left:0;right:0}.slot-nomana .glyph{color:#6f86c9;filter:none;opacity:.6}.slot-fail{animation:.28s linear flask-fail}.menu{gap:3px;display:grid}.menu-btn{width:calc(var(--slot) * .6);height:calc(var(--slot) * .6);color:var(--gold);border:1px solid var(--gold-dim);pointer-events:auto;background:linear-gradient(#221e28 0%,#121016 100%);border-radius:2px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1px #000,inset 0 0 6px #000c}.menu-btn-off{color:var(--gold-dim);cursor:default}.slot-well{overflow:visible}.flask{--liquid:#c8322e;--glow:#ff6e5ae6;width:62%;height:88%;position:relative}.flask-mana{--liquid:#3f6ff0;--glow:#78a0fff2}.slot-well:has(.flask-mana) .flask-timer{background:#3f6ff0;box-shadow:0 0 6px #78a0fff2}.flask-pic{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flask-glass{fill:#121016}.flask-liquid{fill:var(--liquid);transition:y .16s ease-out,height .16s ease-out}.flask-mark{stroke:#00000073;stroke-width:1px}.flask-outline{fill:none;stroke:#8a744a;stroke-width:2px;stroke-linejoin:round}.flask-cork{fill:#6b4a2b;stroke:#2a1c10;stroke-width:1px}.flask-charges{text-align:center;font-family:Cinzel,Inter,serif;font-weight:700;font-size:calc(var(--slot) * .3);color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000;line-height:1;position:absolute;top:50%;left:0;right:0}.flask-timer{transform-origin:0;background:#c8322e;border-radius:2px;height:3px;position:absolute;bottom:2px;left:2px;right:2px;transform:scaleX(0);box-shadow:0 0 6px #ff6e5ae6}.flask-active .flask-outline{stroke:#f1e2c0;filter:drop-shadow(0 0 3px var(--glow))}.flask-empty .flask-pic{filter:grayscale(.85)brightness(.6)}.flask-empty .flask-charges{color:var(--text-dim)}.flask-drink .flask-pic{animation:.35s ease-out flask-drink}.flask-fail{animation:.28s linear flask-fail}@keyframes flask-drink{0%{filter:brightness(1.9) drop-shadow(0 0 8px var(--glow));transform:scale(1.18)}to{filter:none;transform:scale(1)}}@keyframes flask-fail{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.xpbar{border-top:1px solid var(--gold-dark);pointer-events:none;background:#000000b3;height:4px;position:absolute;bottom:0;left:0;right:0}.xp-fill{background:var(--currency);width:0;height:100%}@media (max-width:419px){.hud{grid-template-columns:auto 1fr auto;grid-template-areas:"bar bar bar""life.mana";align-items:end;row-gap:40px;display:grid}.console{flex:none;grid-area:bar;justify-self:center;margin:0;padding:12px 10px 9px}.orb-seat-life{grid-area:life}.orb-seat-mana{grid-area:mana}.menu,.cp-stats{display:none}}.minimap{aspect-ratio:1;pointer-events:none;width:clamp(112px,17vw,190px);position:absolute;top:12px;right:12px}.mm-disc{width:100%;height:100%;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold-dim), 0 0 0 5px #000, 0 0 0 6px var(--gold-dark), 0 6px 18px #000000bf;background:#0c0b0f;border-radius:50%;position:absolute;inset:0}.mm-art,.mm-btn{display:none}.mm-zoom{width:22px;height:22px;color:var(--gold);border:1px solid var(--gold-dim);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:linear-gradient(#221e28 0%,#121016 100%);border-radius:3px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:16px;line-height:1;display:flex;position:absolute;right:-4px;box-shadow:0 0 0 1px #000}.mm-zoom-in{bottom:26px}.mm-zoom-out{bottom:0}.mm-zoom-in:before{content:"+"}.mm-zoom-out:before{content:"−"}.mm-zoom:hover{border-color:var(--gold);color:#fff}.hud-art-img,.cp-art-img,.orb-empty,.flask-drain{display:none}.hud.has-art{width:auto;height:calc(var(--hud-w) * 519 / 1536);padding:0;display:block;bottom:0;left:0;right:0;transform:none}.hud.has-art .hud-art-img{height:100%;width:calc(var(--hud-w) * var(--piece-w));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;top:0}.hud.has-art .hud-art-left{left:0}.hud.has-art .hud-art-right{right:0}.hud.has-art .hud-art-bar{left:calc(50% + var(--hud-w) * var(--piece-off))}.hud.has-art .console,.hud.has-art .skillbar,.hud.has-art .flaskbar,.hud.has-art .menu{display:contents}.hud.has-art .console:before,.hud.has-art .console:after,.hud.has-art .console-crest,.hud.has-art .console-sep,.hud.has-art .keycap,.hud.has-art .menu-btn .glyph,.hud.has-art .slot-empty:after{display:none}.hud.has-art .orb-seat{left:var(--x);top:var(--y);width:var(--w);height:var(--h);--orb:calc(var(--hud-w) * var(--orb-art));position:absolute}.hud.has-art .orb{width:100%;height:100%}.hud.has-art .orb:before,.hud.has-art .orb:after,.hud.has-art .orb-fill,.hud.has-art .orb-shine{display:none}.hud.has-art .orb-glass{box-shadow:none;background:0 0;inset:0}.hud.has-art .orb-empty{background:linear-gradient(#0a080ced 0%,#0e0a0ee6 100%);height:0;transition:height .14s ease-out;display:block;position:absolute;top:0;left:0;right:0}.hud.has-art .orb-life .orb-empty{border-bottom:2px solid #ff826e8c}.hud.has-art .orb-mana .orb-empty{border-bottom:2px solid #8cb4ff8c}.hud.has-art .orb-low .orb-glass{animation:.9s ease-in-out infinite orb-pulse-art}.hud.has-art .orb-dead .orb-glass{filter:none;-webkit-backdrop-filter:grayscale()brightness(.5);backdrop-filter:grayscale()brightness(.5)}@keyframes orb-pulse-art{0%,to{box-shadow:0 0 #e2463c00}50%{box-shadow:0 0 22px 8px #e2463cd9}}.hud.has-art .orb-extra{margin-bottom:14%}.hud.has-art .slotcol,.hud.has-art .menu-btn{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.hud.has-art .slot{width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0}.hud.has-art .menu-btn{box-shadow:none;background:0 0;border:none}.hud.has-art .flask{border-radius:22% 22% 16% 16%;width:100%;height:100%}.hud.has-art .flask-pic{display:none}.hud.has-art .flask-drain{left:4%;right:4%;top:var(--neck);height:calc((100% - var(--neck)) * var(--drain,0));background:#0b0a0de6;border-bottom:1px solid #ffffff47;transition:height .16s ease-out;display:block;position:absolute}.hud.has-art .slot-lock{font-size:max(8px, calc(var(--hud-w) * .0085))}.hud.has-art .flask-charges{font-size:max(10px, calc(var(--hud-w) * .0125));top:52%}.hud.has-art .flask-timer{height:max(2px, calc(var(--hud-w) * .002));bottom:-9%;left:0;right:0}.hud.has-art .flask-active{box-shadow:0 0 calc(var(--hud-w) * .008) calc(var(--hud-w) * .002) var(--glow)}.hud.has-art .flask-empty{-webkit-backdrop-filter:grayscale(.9)brightness(.55);backdrop-filter:grayscale(.9)brightness(.55)}.hud.has-art .flask-drink{animation:.35s ease-out flask-flash}@keyframes flask-flash{0%{box-shadow:0 0 18px 6px var(--glow);background:#ffffff73}to{box-shadow:0 0 0 0 var(--glow);background:#fff0}}.minimap.has-art{width:calc(var(--hud-w) * var(--map-frac));aspect-ratio:var(--map-ratio);top:0;right:0}.minimap.has-art .mm-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.minimap.has-art .mm-disc,.minimap.has-art .mm-zoom,.minimap.has-art .mm-btn{inset:auto;left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.minimap.has-art .mm-disc{box-shadow:none}.minimap.has-art .mm-btn{pointer-events:auto;border-radius:50%;display:block}.minimap.has-art .mm-zoom{box-shadow:none;background:0 0;border:none;border-radius:18%;bottom:auto;right:auto}.minimap.has-art .mm-zoom:before{content:none}.minimap.has-art .mm-zoom:hover{background:#f1e2c029;box-shadow:0 0 8px #f1e2c080}.minimap.has-art .mm-zoom:active{background:#f1e2c04d}.charpanel.has-art{width:calc(var(--hud-w) * var(--panel-frac));aspect-ratio:var(--panel-ratio);box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;top:0;left:0}.charpanel.has-art:before,.charpanel.has-art:after,.charpanel.has-art .cp-label,.charpanel.has-art .cp-num,.charpanel.has-art .cp-extra,.charpanel.has-art .cp-stat i,.charpanel.has-art .cp-lv i{display:none}.charpanel.has-art .cp-art-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.charpanel.has-art .cp-top,.charpanel.has-art .cp-main,.charpanel.has-art .cp-row,.charpanel.has-art .cp-stats{display:contents}.charpanel.has-art .cp-title,.charpanel.has-art .cp-track,.charpanel.has-art .cp-stat{left:var(--x);top:var(--y);width:var(--w);height:var(--h);margin:0;position:absolute}.charpanel.has-art .cp-title{font-size:max(8px, calc(var(--hud-w) * .0096));white-space:nowrap;justify-content:center;align-items:center;gap:.6em;line-height:1;display:flex}.charpanel.has-art .cp-lv,.charpanel.has-art .cp-class{font-size:inherit}.charpanel.has-art .cp-lv b{color:#fff;font-weight:700}.charpanel.has-art .cp-track{box-shadow:none;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:#0b0a0c;border:none;flex:none}.charpanel.has-art .cp-stat{font-size:max(8.5px, calc(var(--hud-w) * .0098));justify-content:center;align-items:center;gap:0;display:flex}.charpanel.has-art .cp-stat b{color:#f1e2c0;text-shadow:0 0 3px #000;font-family:Cinzel,Inter,serif;font-weight:700}.charpanel.has-art .cp-dev{white-space:pre;background:#0b0a0c99;border:none;border-radius:3px;margin:0;padding:3px 8px;position:absolute;top:100%;left:4%}.death-screen{z-index:60;background:radial-gradient(#3c06084d 0%,#080203db 75%);justify-content:center;align-items:flex-start;padding-top:14vh;animation:.9s ease-out death-in;display:flex;position:absolute;inset:0}.death-screen[hidden]{display:none}.death-box{text-align:center;padding:24px 36px}.death-box h1{color:#e2463c;text-shadow:0 0 18px #e2463c99,0 2px 4px #000;letter-spacing:.04em;margin:0 0 6px;font-family:Cinzel,Noto Sans Thai,serif;font-size:clamp(30px,5vw,54px);font-weight:700}.death-box p{color:var(--text-dim);margin:0 0 22px;font-size:14px}.death-box button{font:inherit;color:var(--text);background:var(--panel);cursor:pointer;border:1px solid #6a5a3a;border-radius:4px;padding:10px 28px;font-size:16px;font-weight:600}.death-box button:hover:not(:disabled),.death-box button:focus-visible{border-color:var(--currency);background:#221e28;outline:none}.death-box button:disabled{opacity:.4;cursor:default}.death-box small{color:var(--text-dim);margin-top:10px;font-size:12px;display:block}@keyframes death-in{0%{opacity:0}to{opacity:1}}.fatal{z-index:10;text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.fatal h1{color:#e2463c;margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:28px}.fatal p{max-width:520px;color:var(--text);margin:0;line-height:1.6}.fatal small{max-width:520px;color:var(--text-dim);word-break:break-word}.floater{text-shadow:0 0 4px #000,0 2px 2px #000;pointer-events:none;white-space:nowrap;will-change:transform, opacity;font-family:Cinzel,Inter,system-ui,sans-serif;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.floater.fl-physical{color:var(--physical)}.floater.fl-fire{color:var(--fire)}.floater.fl-cold{color:var(--cold)}.floater.fl-lightning{color:var(--lightning)}.floater.fl-chaos{color:var(--chaos)}.floater.fl-crit{color:#ffd166;font-size:28px}.floater.fl-evade{color:var(--text-dim);font-size:14px;font-weight:400}.floater.fl-taken{color:#ff4b3e}.floater.fl-alert{color:#ffd166;font-size:26px}.floater.fl-payoff{color:#ffd166;font-size:19px;font-weight:700}.floater.fl-control{color:#bfefff;font-family:Noto Sans Thai,sans-serif;font-size:17px}.floater.fl-fail{color:#9fb4ff;font-size:14px}.floater.fl-note{font-family:Noto Sans Thai,sans-serif;font-size:15px}.floater.fl-death{color:#ff4b3e;font-size:20px}.floater.fl-dot{opacity:.95;font-size:13px;font-weight:600}.floater.fl-block{color:#6b8cff;font-size:14px;font-weight:400}.enemy-bar{pointer-events:none;background:#000000b3;border:1px solid #000;width:56px;height:5px;position:absolute;top:0;left:0}.enemy-bar-life{background:#c8322e;height:100%;transition:width 80ms linear}.enemy-bar-es{background:#5fd4ff;height:2px;position:absolute;top:-3px;left:0}.st-row{pointer-events:none;justify-content:center;gap:3px;display:flex}.st{--size:15px;width:var(--size);height:var(--size);background:#08070ad1;border-radius:3px;flex:none;position:relative;box-shadow:0 0 0 1px,0 0 5px #000000e6}.st svg{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}.st-fill{fill:currentColor}.st-line{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.st-hole{fill:#08070ad9}.st-time{background:currentColor;border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0}.st b{color:#fff;text-align:center;background:#000;border-radius:5px;min-width:9px;padding:0 1px;font-size:8px;font-weight:700;line-height:9px;position:absolute;top:-4px;right:-3px}.st-ignite{color:var(--fire)}.st-chill{color:var(--cold)}.st-shock{color:var(--lightning)}.st-bleed{color:#e0483f}.st-poison{color:var(--chaos)}.st-freeze{color:#bfefff}.st-electrocute{color:var(--lightning)}.st-stun{color:#ffd166}.st-light-stun{color:#d9d2c5}.enemy-extra{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:7px;left:-20px;right:-20px}.enemy-extra .bu-col{width:56px}.orb-extra{flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:-10px;right:-10px}.orb-extra .bu-col{width:72%}.orb-extra .bu{height:6px}.bu-col{flex-direction:column;gap:1px;display:flex}.bu{background:#000000bf;border:1px solid #000;height:4px}.bu i{height:100%;transition:width .1s linear;display:block}.bu-freeze i{background:#bfefff;box-shadow:0 0 4px #bfefff}.bu-electrocute i{background:var(--lightning)}.bu-stun i{background:#ffd166}.orb-status .st{--size:24px;pointer-events:auto;border-radius:4px}.orb-status .st b{border-radius:7px;min-width:13px;font-size:11px;line-height:13px}.panel{z-index:40;border:1px solid var(--gold-dim);width:min(860px,96vw);max-height:min(680px,88vh);box-shadow:0 0 0 1px #000, 0 0 0 3px #0b0a0c, 0 0 0 4px var(--gold-dark), 0 10px 40px #000000d9;color:var(--text);-webkit-user-select:none;user-select:none;background:linear-gradient(#1b1820f7 0%,#0b0a0cf7 100%);border-radius:3px;flex-direction:column;font-size:13px;display:flex;position:absolute;top:5vh;left:50%;transform:translate(-50%)}.panel[hidden]{display:none}.panel-head{border-bottom:1px solid var(--gold-dark);align-items:center;gap:12px;padding:8px 12px;display:flex}.panel-title{color:var(--gold);letter-spacing:.04em;margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:17px}.panel-hint{color:var(--text-dim);flex:1;font-size:11px}.panel-close{width:26px;height:26px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:2px;place-items:center;font-size:20px;line-height:1;display:grid}.panel-close:hover{color:var(--text);border-color:var(--gold-dim)}.panel-body{grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.panel-col{flex-direction:column;gap:8px;min-height:0;padding:10px 12px 12px;display:flex;overflow-y:auto}.panel-col+.panel-col{border-left:1px solid var(--gold-dark)}.panel-sub{color:var(--gold);margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:13px;font-weight:600}.panel-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-empty,.panel-note{color:var(--text-dim);margin:0;font-size:12px}.panel-warn{color:#ff9b6a;margin:0;font-size:12px}.panel-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.panel-check{border:1px solid var(--gold-dim);background:#0b0a0c;border-radius:2px;width:13px;height:13px}.panel-toggle.is-on{color:var(--text)}.panel-toggle.is-on .panel-check{background:var(--gold);box-shadow:inset 0 0 0 2px #0b0a0c}.panel-foot{border-top:1px solid var(--gold-dark);background:#100e13;flex-direction:column;gap:5px;margin-bottom:-12px;padding:8px 0 12px;display:flex;position:sticky;bottom:-12px}.panel-btn{text-align:center;color:#1a1408;cursor:pointer;background:linear-gradient(#e0bd72 0%,#b88c3c 100%);border:1px solid #000;border-radius:2px;padding:8px 12px;font-weight:600;box-shadow:inset 0 1px #ffffff59}.panel-btn:hover{filter:brightness(1.1)}.ember-chips{flex-wrap:wrap;gap:6px;display:flex}.ember-chip{border:1px solid var(--border);cursor:pointer;background:#121016;border-radius:2px;align-items:center;gap:6px;padding:4px 9px 4px 6px;display:flex}.ember-chip:hover{border-color:var(--gold-dim)}.ember-chip.is-on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dark), 0 0 8px #ff7a2f59;color:#fff}.ember-gem{background:linear-gradient(135deg,#ffd08a 0%,#ff6a2f 55%,#7a2208 100%);width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 6px #ff6a2fcc}.skill-list{flex-direction:column;gap:4px;display:flex}.skill-row{border:1px solid var(--border);cursor:pointer;background:#121016;border-radius:2px;align-items:center;gap:9px;padding:5px 7px;display:flex}.skill-row.is-on{border-color:var(--gold);background:#1d1a14}.skill-row.is-off{opacity:.5;cursor:default}.skill-row.is-off:hover{border-color:var(--border)}.skill-icon{width:34px;height:34px;color:var(--gold);border:1px solid var(--gold-dark);background:#0b0a0c;border-radius:2px;flex:none;place-items:center;display:grid}.skill-icon .glyph,.slot-well2 .glyph{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:70%}.skill-row.is-unfit .skill-icon{color:#a8574a}.skill-text{flex:1;min-width:0}.skill-name{align-items:baseline;gap:8px;display:flex}.skill-name b{color:var(--text);font-weight:600}.skill-name i{color:var(--gold);font-size:11px;font-style:normal}.skill-info,.skill-req{color:var(--text-dim);font-size:11px;line-height:1.35}.req-ok{color:#9fbf8a}.req-short{color:#ff7a66}.skill-tag{color:var(--text-dim);text-align:right;flex:none;max-width:96px;font-size:11px}.skill-tag.is-new{color:#9fe07a}.skill-tag.is-up{color:var(--lightning)}.skill-tag.is-slot{color:var(--gold)}.slot-row{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.slot-cell{cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex}.slot-key{color:var(--text-dim);font-family:Cinzel,serif;font-size:10px}.slot-well2{aspect-ratio:1;width:100%;color:var(--gold);border:1px solid var(--border);background:#0b0a0c;border-radius:2px;place-items:center;display:grid;position:relative}.slot-cell:hover .slot-well2{border-color:var(--gold-dim)}.slot-cell.is-target .slot-well2{border-color:var(--gold);box-shadow:0 0 6px #c9a35c80}.slot-cell.is-on .slot-well2{background:#1d1a14}.slot-cell.is-locked{cursor:default;opacity:.45}.slot-cell.is-locked:hover .slot-well2{border-color:var(--border)}.slot-lock2{color:var(--text-dim);background:#05040899;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}@media (max-width:700px){.panel{max-height:94vh;top:2vh}.panel-body{display:block;overflow-y:auto}.panel-col{min-height:auto;overflow:visible}.panel-foot{background:0 0;margin-bottom:0;padding-bottom:0;position:static}.panel-col+.panel-col{border-left:none;border-top:1px solid var(--gold-dark)}}.menu-btn{cursor:pointer;position:relative}.menu-btn-off{cursor:default}.menu-badge{color:#1a0d04;pointer-events:none;background:linear-gradient(#ffb46a 0%,#ff6a2f 100%);border:1px solid #000;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 6px #ff6a2fe6}.menu-badge[hidden]{display:none}.hud.has-art .menu-btn{position:absolute}.hud.has-art .menu-badge{top:4%;right:4%}.hud.has-art .menu-btn:not(.menu-btn-off):hover{border-radius:4px;box-shadow:inset 0 0 0 1px #f1e2c08c,0 0 10px #f1e2c059}.slot-unfit .glyph{color:#a8574a;opacity:.75}.slot-unfit:after{content:"!";color:#ff7a66;text-shadow:0 0 3px #000;font-size:12px;font-weight:700;position:absolute;top:2%;right:8%}.fl-loot{color:#ffb46a;text-shadow:0 0 6px #ff6a2fe6,0 1px 2px #000;font-weight:600}.socket-row{flex-wrap:wrap;gap:5px;display:flex}.socket-cell{border:1px dashed var(--border);min-width:84px;min-height:30px;color:var(--text-dim);background:#0b0a0c;border-radius:2px;flex:1 1 0;align-items:center;gap:6px;padding:4px 7px;font-size:12px;display:flex}.socket-cell.is-filled{border:1px solid var(--gold-dim);color:var(--text);cursor:pointer;background:#16131b}.socket-cell.is-filled:hover{border-color:#ff7a66}.socket-gem{color:#8fb7ff;flex:none;width:16px;height:16px}.socket-gem .glyph,.sigil-row .skill-icon .glyph{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.sigil-row .skill-icon{color:#8fb7ff}.sigil-row .skill-icon .glyph{width:70%;height:70%}.socket-empty{font-size:11px}.fl-sigil{color:#a9c8ff;text-shadow:0 0 6px #6b8cffe6,0 1px 2px #000}.skill-list.is-compact{gap:3px}.skill-list.is-compact .skill-row{padding:3px 7px}.skill-list.is-compact .skill-row:not(.is-on) .skill-info,.skill-list.is-compact .skill-row:not(.is-on) .skill-req{display:none}.skill-list.is-compact .skill-row:not(.is-on) .skill-icon{width:24px;height:24px}.skill-list.is-compact .skill-row.is-unfit:not(.is-on) .skill-name b{color:#ff9b8a}.panel-anima{color:#b9a6ff;margin-right:6px;font-size:12px;font-weight:600}.panel-foot.is-inline{background:0 0;border:none;margin:0;padding:0;position:static}.panel-btn.is-quiet{color:var(--text);border-color:var(--gold-dim);box-shadow:none;background:linear-gradient(#2a2632 0%,#17141c 100%)}.fl-anima{color:#c9b8ff;text-shadow:0 0 6px #9678ffe6,0 1px 2px #000}.wset{color:#b9b2a4;border:1px solid var(--gold-dim);cursor:pointer;pointer-events:auto;background:#0b0a0ce6;border-radius:3px;justify-content:center;align-self:center;align-items:center;gap:5px;margin-right:6px;padding:2px 8px;font-family:Cinzel,serif;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #000}.wset:hover{border-color:var(--gold-dim)}.wset-mark{text-align:center;opacity:.6;min-width:14px}.wset:not(.is-two) .wset-mark:first-child,.wset.is-two .wset-mark:nth-child(2){color:#ffd98a;opacity:1;text-shadow:0 0 6px #ffc86ef2}.wset-key{color:var(--text-dim);border:1px solid var(--border);border-radius:2px;padding:0 3px;font-family:Inter,sans-serif;font-size:.72em;font-weight:400}.wset.is-swapping{animation:.3s linear wset-swap}@keyframes wset-swap{0%{filter:brightness(2)}to{filter:none}}.hud.has-art .wset{left:var(--x);top:var(--y);width:var(--w);height:var(--h);font-size:clamp(10px, calc(var(--hud-w) * .011), 17px);margin:0;padding:0;position:absolute}.hud:not(.has-art) .wset{left:50%;bottom:calc(var(--slot,48px) * 1.75);position:absolute;transform:translate(-50%)}.slot-set{color:var(--gold);text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;font-family:Cinzel,serif;font-size:10px;position:absolute;bottom:3%;left:6%}.set-row{margin-top:2px}.set-choice{gap:4px;display:flex}.set-btn{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:#121016;border-radius:2px;padding:3px 10px;font-size:12px}.set-btn:hover{border-color:var(--gold-dim)}.set-btn.is-on{color:#fff;border-color:var(--gold);background:#1d1a14}.gauge{color:var(--text);border:1px solid var(--gold-dim);pointer-events:auto;--gauge:#c9a35c;background:#0b0a0ce6;border-radius:3px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:flex;box-shadow:0 0 0 1px #000}.gauge-name{color:var(--gauge);white-space:nowrap;font-family:Cinzel,serif;font-size:.95em;font-weight:700}.gauge-track{background:#050408;border:1px solid #000;border-radius:2px;flex:1;min-width:40px;height:7px;position:relative;overflow:hidden}.gauge-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--gauge) 100%, #fff 0%) 0%, color-mix(in srgb, var(--gauge) 55%, #000) 100%);width:0;transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.gauge-mark{opacity:.85;background:#fff;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px}.gauge-num{color:var(--text-dim);text-align:right;min-width:3.2em;font-size:.9em}.gauge-pips{flex:1;justify-content:center;gap:3px;display:none}.gauge-pips i{border:1px solid var(--gold-dark);background:#050408;width:8px;height:8px;transform:rotate(45deg)}.gauge-pips i.is-on{background:var(--gauge);box-shadow:0 0 5px var(--gauge);border-color:#000}.gauge.is-pips .gauge-track{display:none}.gauge.is-pips .gauge-pips{display:flex}.gauge.is-pips .gauge-num{display:none}.gauge.is-ready{border-color:var(--gauge);box-shadow:0 0 0 1px #000, 0 0 10px var(--gauge)}.gauge.is-boost{border-color:#ff6a2f;animation:.5s ease-in-out infinite alternate gauge-hot;box-shadow:0 0 0 1px #000,0 0 14px #ff6a2f}.gauge.is-lock{filter:grayscale();opacity:.75}@keyframes gauge-hot{0%{filter:brightness()}to{filter:brightness(1.5)}}.gauge-resolve{--gauge:#e0a04a}.gauge-focus{--gauge:#8fd66a}.gauge-arcana{--gauge:#6ec3ff}.gauge-soul{--gauge:#b98cff}.gauge-heat{--gauge:#ff7a3c}.gauge-spirit{--gauge:#ffe08a}.gauge-catalyst{--gauge:#9be35a}.hud.has-art .gauge{left:var(--x);top:var(--y);width:var(--w);height:var(--h);font-size:clamp(8px, calc(var(--hud-w) * .0082), 13px);padding:0 6px;position:absolute}.hud:not(.has-art) .gauge{right:8px;bottom:calc(var(--orb,96px) + 18px);width:150px;position:absolute}.st-mark{--st:#8fd66a}.fl-gauge{color:#ffe08a;text-shadow:0 0 6px #ffbe5ae6,0 1px 2px #000;font-weight:600}.drop-label{white-space:nowrap;color:var(--rarity-normal);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#08070ad1;border:1px solid #c8c8c859;border-radius:2px;padding:1px 7px;font-size:12px;line-height:16px;position:absolute;top:0;left:0}.drop-label:hover{background:#282216f2;border-color:#fff}.drop-magic{color:var(--rarity-magic);border-color:#6b8cff80}.drop-rare{color:var(--rarity-rare);border-color:#f0d34a99;font-weight:600}.drop-unique{color:var(--rarity-unique);border-color:#e07b39b3;font-weight:600}.drop-currency{color:var(--currency);border-color:#c9a35c8c}.drop-gold{color:#ffd166;pointer-events:none;border-color:#ffd16666;font-size:11px}.drop-ember{color:#ff9a5c;border-color:#ff7a3c99}.drop-sigil{color:#a9c8ff;border-color:#8fb7ff99}.goldpill{color:#ffd98a;border:1px solid var(--gold-dim);pointer-events:auto;background:#0b0a0ce6;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #000}.gold-coin{background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f0c14a 45%,#8a5a12 100%);border-radius:50%;width:.85em;height:.85em;box-shadow:0 0 0 1px #000}.hud.has-art .goldpill{left:var(--x);top:var(--y);width:var(--w);height:var(--h);font-size:clamp(10px, calc(var(--hud-w) * .0105), 16px);padding:0;position:absolute}.hud:not(.has-art) .goldpill{left:8px;bottom:calc(var(--orb,96px) + 18px);position:absolute}.fl-pick-magic{color:var(--rarity-magic)}.fl-pick-rare{color:var(--rarity-rare)}.fl-pick-unique{color:var(--rarity-unique)}.fl-pick-normal{color:var(--rarity-normal)}.fl-pick-currency,.fl-pick-gold{color:#ffd98a}.fl-pick-ember{color:#ff9a5c}.fl-pick-sigil{color:#a9c8ff}.inventory-panel{--cell:clamp(26px, min(2.9vw, 4.6vh), 38px);width:auto;max-width:98vw}.inv-body{align-items:flex-start;gap:16px;padding:10px 14px 14px;display:flex;overflow:auto}.inv-left{flex-direction:column;flex:none;gap:6px;display:flex}.inv-right{flex-direction:column;flex:none;gap:8px;display:flex}.doll-tabs{align-items:center;gap:4px;display:flex}.doll-tab{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:#121016;border-radius:2px;padding:3px 10px;font-family:Cinzel,serif;font-size:12px;position:relative}.doll-tab.is-on{color:#fff;border-color:var(--gold);background:#1d1a14}.doll-hand{color:var(--gold);margin-left:6px;font-family:Noto Sans Thai,sans-serif;font-size:10px;font-style:normal}.doll-swap{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:2px;margin-left:auto;padding:3px 8px;font-size:11px}.doll-swap:hover,.doll-tab:hover{border-color:var(--gold-dim)}.doll{width:calc(var(--cell) * var(--dw));height:calc(var(--cell) * var(--dh));position:relative}.doll-slot{border:1px solid var(--border);background:#050408bf;border-radius:2px;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 8px #000c}.doll-label{color:#4a4352;pointer-events:none;text-align:center;padding:0 2px;font-size:10px;position:absolute}.doll-slot.is-locked{opacity:.35}.doll-slot.is-ok{border-color:#6fd36a;box-shadow:inset 0 0 10px #6fd36a73}.doll-slot.is-bad{border-color:#ff6a5c;box-shadow:inset 0 0 10px #ff6a5c73}.doll-slot>.inv-item{position:absolute;inset:2px}.bag-grid{width:calc(var(--cell) * var(--bw));height:calc(var(--cell) * var(--bh));background-color:#050408cc;background-image:linear-gradient(90deg,#3a3340b3 1px,#0000 1px),linear-gradient(#3a3340b3 1px,#0000 1px);background-size:var(--cell) var(--cell);border:1px solid var(--gold-dim);position:relative;box-shadow:0 0 0 1px #000}.bag-cell{padding:1px;position:absolute}.bag-cell>.inv-item{width:100%;height:100%}.bag-target{pointer-events:none;border:1px solid;border-radius:2px;position:absolute}.bag-target.is-ok{background:#6fd36a2e;border-color:#6fd36a}.bag-target.is-bad{background:#ff6a5c2e;border-color:#ff6a5c}.inv-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(#28242ee6 0%,#0e0c12f2 100%);border:1px solid #c8c8c840;border-radius:2px;place-items:center;display:grid;position:relative;overflow:hidden}.inv-item:hover{border-color:#fff9}.inv-item.r-magic{background:radial-gradient(#283460bf 0%,#0e0c12f2 100%);border-color:#6b8cff8c}.inv-item.r-rare{background:radial-gradient(#5a4c18b3 0%,#0e0c12f2 100%);border-color:#f0d34a99}.inv-item.r-unique{background:radial-gradient(#603418b3 0%,#0e0c12f2 100%);border-color:#e07b39b3}.inv-item.is-unfit{background:radial-gradient(#6e1818bf 0%,#1e0808f2 100%)}.inv-icon{object-fit:contain;max-width:92%;max-height:92%;image-rendering:pixelated;pointer-events:none}.inv-name{text-align:center;color:var(--text);word-break:break-word;pointer-events:none;padding:2px;font-size:10px;line-height:1.15;display:none}.inv-item.no-icon .inv-icon{display:none}.inv-item.no-icon .inv-name{display:block}.inv-item.r-magic .inv-name{color:var(--rarity-magic)}.inv-item.r-rare .inv-name{color:var(--rarity-rare)}.inv-charges{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.inv-ghost{z-index:90;pointer-events:none;opacity:.85;position:fixed;top:0;left:0;box-shadow:0 6px 16px #000000b3}.inventory-panel.is-dragging .inv-item{cursor:grabbing}.inventory-panel.is-throwing{outline-offset:3px;outline:2px dashed #ff6a5cb3}.inv-pouch{color:var(--text-dim);align-items:center;gap:14px;font-size:12px;display:flex}.inv-gold{color:#ffd98a;align-items:center;gap:6px;font-weight:600;display:inline-flex}.inv-orbs{max-width:calc(var(--cell) * 12);flex-wrap:wrap;gap:5px;display:flex}.inv-orb{color:var(--currency);border:1px solid var(--border);background:#121016;border-radius:2px;align-items:center;gap:4px;padding:2px 7px 2px 3px;font-size:11px;display:inline-flex}.inv-orb img{width:18px;height:18px}.inv-hint{max-width:calc(var(--cell) * 12)}@media (max-width:760px){.inv-body{flex-direction:column;align-items:center}.inventory-panel{--cell:clamp(20px, calc((96vw - 40px) / 12), 34px)}}.tip{z-index:95;width:max-content;max-width:min(320px,100vw - 12px);max-height:calc(100vh - 12px);color:var(--text);border:1px solid var(--rarity-normal);pointer-events:none;text-align:center;background:#0a090cf7;border-radius:2px;padding:0 0 6px;font-size:12px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #000,0 8px 24px #000c}.tip[hidden]{display:none}.tip-head{background:linear-gradient(#c8c8c81f,#0000);border-bottom:1px solid #c8c8c840;padding:6px 12px 5px}.tip-name{color:var(--rarity-normal);font-size:15px;font-weight:700}.tip-base{color:var(--rarity-normal);font-size:13px;font-weight:600}.tip-en{color:var(--text-dim);font-family:Cinzel,serif;font-size:10px}.tip-magic{border-color:var(--rarity-magic)}.tip-magic .tip-name,.tip-magic .tip-base{color:var(--rarity-magic)}.tip-magic .tip-head{background:linear-gradient(#6b8cff29,#0000);border-bottom-color:#6b8cff66}.tip-rare{border-color:var(--rarity-rare)}.tip-rare .tip-name,.tip-rare .tip-base{color:var(--rarity-rare)}.tip-rare .tip-head{background:linear-gradient(#f0d34a24,#0000);border-bottom-color:#f0d34a66}.tip-unique{border-color:var(--rarity-unique)}.tip-unique .tip-name,.tip-unique .tip-base{color:var(--rarity-unique)}.tip-kind{color:var(--text-dim);padding:5px 12px 0;font-size:11px}.tip-sec{border-top:1px solid #3a3340e6;margin:5px 10px 0;padding-top:5px}.tip-sec:first-of-type{border-top:none}.tip-prop{color:var(--text-dim)}.tip-prop b{color:var(--text);font-weight:600}.tip-prop b.tip-changed{color:#8fb7ff}.tip-imp{color:#b9c8ff}.tip-mods{color:#8fb7ff}.tip-mod{justify-content:center;align-items:baseline;gap:6px;display:flex}.tip-tier{color:#5d6a8f;font-size:9px;font-style:normal}.tip-req{color:var(--text-dim);font-size:11px}.tip-req .req-short{color:#ff6a5c;font-weight:600}.tip-ilvl{color:#6a6470;margin-top:4px;font-size:10px}.tip-warn{color:#ff6a5c;margin:5px 10px 0;font-size:11px;font-weight:600}.tip-cmp{text-align:left}.tip-cmp-title{color:var(--gold);text-align:center;margin-bottom:2px;font-size:11px}.tip-up{color:#7fe07a}.tip-down{color:#ff6a5c}.tip-same{color:var(--text-dim);text-align:center}.tip-hint{color:#6a6470;margin:6px 10px 0;font-size:10px}#ui>.inv-ghost,#ui>.tip,#ui>.hud,#ui>.minimap,#ui>.charpanel,#ui>#hint,#ui>.xpbar{pointer-events:none}.minimap .mm-zoom,.minimap .mm-btn{pointer-events:auto}.inv-orb{cursor:pointer}.inv-orb:hover{border-color:var(--gold-dim)}.inv-orb.is-on{border-color:var(--currency);color:#fff;box-shadow:0 0 8px #c9a35c99}.inventory-panel.is-orb .inv-item{cursor:crosshair}.inventory-panel.is-orb .inv-item:hover{border-color:var(--currency);box-shadow:0 0 8px #c9a35c99}.inv-hint.is-orb{color:var(--currency)}.inv-item.is-target{cursor:pointer;border-color:#f0d34a;animation:1.1s ease-in-out infinite inv-target}.inv-item.is-off{opacity:.35;filter:grayscale(.7);cursor:not-allowed}@keyframes inv-target{0%,to{box-shadow:0 0 0 1px #f0d34a99,0 0 6px #f0be5059}50%{box-shadow:0 0 0 1px #ffe58a,0 0 14px #ffd264d9}}.inv-runes{align-items:center;margin-top:4px}.inv-runes-label{color:var(--text-dim,#8b8578);margin-right:2px;font-size:11px}.inv-orb.is-rune{color:#b9d7c9}.inv-orb.is-skill{cursor:default;opacity:.8}.tip-runes{flex-direction:column;gap:2px;display:flex}.tip-rune-title{color:#8b8578;font-size:11px}.tip-rune{color:#b9d7c9;align-items:center;gap:6px;display:flex}.tip-rune.is-empty{color:#6f6a62}.tip-rune-gem{background:currentColor;border:1px solid;flex:none;width:8px;height:8px;transform:rotate(45deg)}.tip-rune.is-empty .tip-rune-gem{background:0 0}.tip-rune-can{color:#6f6a62;font-size:11px}.tip-unique-mods .tip-mod{color:#e9b08a}.tip-unique-mods .tip-mod.is-down{color:#d26a5c}.tip-flavour{color:#b07a52;border-top:1px solid #e07b3940;margin:6px 10px 0;padding-top:6px;font-size:11px;font-style:italic;line-height:1.45}.npc-label{white-space:nowrap;color:#f2dfae;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #000;background:#08070acc;border:1px solid #c9a35c99;border-radius:2px;padding:1px 8px;font-family:Cinzel,Noto Sans Thai,serif;font-size:12px;line-height:17px;position:absolute;top:0;left:0}.npc-label:hover,.npc-label.is-open{color:#fff;border-color:var(--gold);box-shadow:0 0 8px #c9a35c80}.town-panel{--cell:clamp(22px, min(2.6vw, 3.9vh), 34px);width:auto;min-width:min(380px,96vw);max-width:min(560px,96vw);left:2vw;transform:none}.town-body{flex-direction:column;gap:8px;padding:10px 14px 14px;display:flex;overflow:auto}.town-gold{align-self:flex-end}.town-shelf{max-width:calc(var(--cell) * 14);flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.town-ware{flex-direction:column;align-items:center;gap:2px;display:flex}.town-ware>.inv-item{width:calc(var(--cell) * var(--iw));height:calc(var(--cell) * var(--ih));cursor:pointer}.town-price{color:#ffd98a;font-variant-numeric:tabular-nums;font-size:11px}.town-price.is-short{color:#ff6a5c}.town-orbs{flex-direction:column;gap:4px;display:flex}.town-orb{color:var(--currency);align-items:center;gap:6px;font-size:12px;display:flex}.town-orb img{width:20px;height:20px}.town-orb-name{flex:1}.set-btn.is-off,.town-gamble-btn.is-off{opacity:.45}.town-gamble{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.town-gamble-btn{border:1px solid var(--border);cursor:pointer;background:#121016;border-radius:2px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;display:flex}.town-gamble-btn:hover{border-color:var(--gold-dim)}.town-gamble-btn b{color:#ffd98a;font-variant-numeric:tabular-nums}.town-shards{color:var(--currency)}.town-stash .inv-item{cursor:pointer}.tip-extra{color:#ffd98a;margin:6px 10px 0;font-weight:600}.inventory-panel.is-side{left:auto;right:2vw;transform:none}.inventory-panel.is-side .inv-left{display:none}@media (max-width:1000px){.inventory-panel.is-side{top:auto;bottom:2vh}}.slot-charm .charm-row{gap:2px;display:flex;position:absolute;inset:3px}.slot-charm .charm-cell{background:#0a090cb3;border:1px solid #c9a35c73;border-radius:2px;flex:1;position:relative;overflow:hidden}.slot-charm .charm-pic{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.slot-charm .charm-cell.no-pic:before{content:"";z-index:1;border:1px solid #e7d39a;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.slot-charm .charm-fill{background:linear-gradient(#c9a35c26,#c9a35c8c);position:absolute;bottom:0;left:0;right:0}.slot-charm .charm-cell.is-empty{opacity:.45}.slot-charm.is-active{box-shadow:0 0 10px #e7d39acc}.orb-guard{z-index:3;color:#1a1712;pointer-events:none;white-space:nowrap;background:linear-gradient(#f1ead7,#b9b2a0);border-radius:8px;padding:0 6px;font-size:11px;font-weight:700;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #f1ead7cc}.fl-charm{color:#f1e3b0}.tree-panel{width:min(1180px,96vw);height:min(820px,90vh);max-height:none}.tree-points{color:var(--text-dim);margin-left:8px;font-size:13px}.tree-points.has-free{color:#f0d34a;font-weight:700}.tree-zoom{text-align:center;min-width:22px}.tree-respec{color:#c9b8ff;border-bottom:1px solid var(--gold-dark);background:#3c2c6059;padding:6px 12px;font-size:12px}.tree-box{background:radial-gradient(#15121b 0%,#0b0a0c 70%);flex:1;min-height:0;position:relative;overflow:hidden}.tree-svg{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.tree-svg:active{cursor:grabbing}.tree-link{stroke:#2b2631;stroke-width:7px}.tree-link.is-open{stroke:#5c5032}.tree-link.is-held{stroke:#c9a35c}.tree-node{fill:#221e27;stroke:#4d4555;stroke-width:3px;cursor:pointer}.tree-node.k-attribute{stroke:#3f6a3c}.tree-node.k-socket{fill:#0b0a0c;stroke:#3d6b80;stroke-dasharray:5 4}.tree-node.k-notable{stroke:#7a6233;stroke-width:4px}.tree-node.k-keystone{stroke:#8a3b22;stroke-width:5px}.tree-node.k-start{fill:#1d1a14;stroke:#6d5d2c;stroke-width:4px}.tree-node.is-near{stroke:#8b7a4c}.tree-node.is-open{stroke:#f0d34a;filter:drop-shadow(0 0 6px #f0d34acc)}.tree-node.is-held{fill:#c9a35c;stroke:#fff1c4}.tree-node.k-keystone.is-held{fill:#ff6a2f}.tree-node.k-attribute.is-held{fill:#6fd36a}.tree-node.k-start.is-held{fill:#f0d34a}.tree-node.is-refund{stroke:#c9b8ff}.tree-node:hover{stroke-width:6px}.tree-name{fill:#d9d2c5;text-anchor:middle;paint-order:stroke;stroke:#0b0a0c;stroke-width:5px;pointer-events:none;font-size:22px}.tree-sector{fill:#4d4555;text-anchor:middle;pointer-events:none;font-family:Cinzel,Noto Sans Thai,serif;font-size:28px}.tree-tip{z-index:5;border:1px solid var(--gold-dim);pointer-events:none;background:#0a090cf5;border-radius:2px;max-width:300px;padding:8px 10px;font-size:12px;position:absolute;top:0;left:0}.tree-tip-name{color:var(--gold);font-family:Cinzel,Noto Sans Thai,serif;font-size:14px}.tree-tip-name.k-keystone{color:#ff8a4f}.tree-tip-name.k-minor,.tree-tip-name.k-attribute{color:var(--text)}.tree-tip-en{color:var(--text-dim);margin-bottom:4px;font-size:10px}.tree-tip-mod{color:#8fb7ff}.tree-tip-key{color:#e9b08a;margin-top:4px}.tree-tip-hint{color:var(--text-dim);margin-top:6px;font-size:11px}.tree-picker{z-index:6;border:1px solid var(--gold-dim);background:#0a090cf5;gap:4px;padding:4px;display:flex;position:absolute;top:0;left:0}.tree-modes{gap:4px;margin-left:10px;display:flex}.tree-node.is-set{fill:#5f86d6;stroke:#cfe0ff}.tree-panel.is-set-2 .tree-node.is-set{fill:#c8543a;stroke:#ffd2c4}.tree-panel.is-set-1 .tree-link.is-held{stroke:#6b8cff}.tree-panel.is-set-2 .tree-link.is-held{stroke:#e0703f}.enemy-bar.r-magic{border-color:#3550b0;width:70px}.enemy-bar.r-rare{border-color:#a88a1c;width:84px;height:6px}.enemy-name{white-space:nowrap;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.enemy-name b{font-size:12px;font-weight:700}.enemy-name i{color:#d9d2c5;opacity:.9;font-size:10px;font-style:normal}.r-magic .enemy-name b{color:var(--rarity-magic)}.r-rare .enemy-name b{color:var(--rarity-rare)}.zone-label{color:#ffe2a0;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #000;background:#08070abf;border:1px solid #e8b84a99;border-radius:2px;padding:1px 8px;font-family:Cinzel,Noto Sans Thai,serif;font-size:12px;position:absolute;top:0;left:0}.town-travel{flex-direction:column;gap:6px;display:flex}.town-travel-row{align-items:center;gap:8px;display:flex}.town-travel-name{flex:1;font-size:13px}.zone-banner{color:#f2dfae;text-shadow:0 0 10px #000,0 0 4px #000;pointer-events:none;opacity:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:26px;transition:opacity .6s;position:absolute;top:27%;left:50%;transform:translate(-50%)}.zone-banner.is-on{opacity:1}.enemy-bar.is-boss{display:none!important}.boss-bar{pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:4px;width:min(560px,70vw);display:flex;position:absolute;top:23%;left:50%;transform:translate(-50%)}.boss-name{color:#f0d34a;text-shadow:0 0 6px #000,0 0 3px #000;font-family:Cinzel,Noto Sans Thai,serif;font-size:16px}.boss-track{background:#0a0608d9;border:1px solid #a88a1c;width:100%;height:14px;position:relative;box-shadow:0 0 0 1px #000,0 0 12px #000c}.boss-fill{background:linear-gradient(#d24434,#8a1c16);height:100%;transition:width .1s linear}.boss-marks{position:absolute;inset:0}.boss-mark{background:#f0d34a;width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 4px #000}.boss-bar.is-immune .boss-track{border-color:#e8e2c8;box-shadow:0 0 14px #e8e2c8cc}.boss-bar.is-immune .boss-fill{background:linear-gradient(#b9b2a0,#6c675c)}.floater.fl-levelup{color:#ffe27a;text-shadow:0 0 8px #ffd25ae6,0 0 3px #000;font-size:20px;font-weight:800}.system-panel{width:min(440px,94vw)}.system-body{flex-direction:column;gap:10px;padding:14px 18px 18px;display:flex;overflow-y:auto}.system-card{background:#08070ab3;border:1px solid #3a3040;flex-direction:column;gap:3px;padding:10px 12px;display:flex;box-shadow:inset 0 0 12px #000000b3,0 0 0 1px #000}.system-name{color:#f6dfa0;font-family:Cinzel,Noto Sans Thai,serif;font-size:17px}.system-line{color:var(--text);font-size:12.5px}.system-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.system-buttons .panel-btn{grid-column:1/-1}.system-buttons .kit-btn{text-align:center;cursor:pointer;padding:7px 8px;font-size:12px}.panel-btn.is-off{opacity:.45;cursor:default;filter:grayscale(.6)}.system-note{color:#e6c983}.system-confirm{border:1px solid var(--kit-gold,#d2ab5c);background:#3c0c0873;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.system-confirm p{margin:0;font-size:12.5px;line-height:1.5}.system-confirm .kit-btn{text-align:center;cursor:pointer;padding:6px 8px;font-size:12px}.save-toast{color:#e6c983;opacity:0;pointer-events:none;background:#08070acc;border:1px solid #d2ab5c73;border-radius:2px;padding:2px 10px;font-size:11px;transition:opacity .3s;position:absolute;top:calc(min(26vw,230px) + 8px);right:18px}.save-toast.is-on{opacity:.75}.save-toast.is-loud{opacity:1;color:#fff3c4;box-shadow:0 0 10px #d2ab5c80}.save-toast.is-warn{opacity:1;color:#ffd2c4;border-color:#dc5a46b3;max-width:320px;font-size:12px}#ui>.save-toast{pointer-events:none}@media (max-width:640px){.panel-head{flex-wrap:wrap;row-gap:4px}.panel-head .panel-hint{display:none}}@media (max-height:460px){.tip{font-size:10.5px}.tip-name{font-size:13px}}.glyph-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1px #000c);width:84%;height:84%;display:block}.slot .glyph-img{width:88%;height:88%}.slot-locked .glyph-img{opacity:.25;filter:grayscale()}.sk-hero-icon .glyph-img{filter:drop-shadow(0 0 5px #f0c87859);width:86%;height:86%}.tree-pic{pointer-events:none;opacity:.8;filter:grayscale(.35)brightness(.85);transition:opacity .15s}.tree-node.is-open+.tree-pic,.tree-node.is-near+.tree-pic{opacity:.95;filter:grayscale(.1)}.tree-node.is-held+.tree-pic,.tree-node.is-set+.tree-pic{opacity:1;filter:none}.system-sound{gap:6px;margin-top:10px;display:grid}.system-slider{color:var(--text);grid-template-columns:110px 1fr 44px;align-items:center;gap:8px;font-size:13px;display:grid}.system-slider b{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim);font-weight:600}.kit-range{accent-color:#c9a35c;width:100%}.system-mute{text-align:center;justify-self:start;min-width:120px;padding:6px 16px}.system-mute.is-on{color:#ffd2c4;border-color:#dc5a46b3}:root{--kit-gold-hi:#fbe7a6;--kit-gold:#d2ab5c;--kit-gold-mid:#a8843f;--kit-gold-lo:#6a5228;--kit-red-hi:#a3291e;--kit-red:#6e140e;--kit-red-lo:#320806;--kit-ink:#0b090d;--kit-line:#2e2633;--kit-slot:linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) left top / 7px 1.5px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) left top / 1.5px 7px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) right top / 7px 1.5px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) right top / 1.5px 7px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) left bottom / 7px 1.5px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) left bottom / 1.5px 7px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) right bottom / 7px 1.5px no-repeat, linear-gradient(var(--kit-gold-mid), var(--kit-gold-mid)) right bottom / 1.5px 7px no-repeat, radial-gradient(ellipse at 50% 40%, #1d1922 0%, #08070b 80%)}.panel{scrollbar-color:var(--kit-gold-mid) #0a080c;scrollbar-width:thin;background:radial-gradient(at 50% -10%,#78609629,#0000 55%),linear-gradient(#0000 40%,#00000059 100%),url(/ui/kit/stone.webp) 0 0/384px,#141118;border:2px solid #0000;border-image:url(/ui/kit/frame.svg) 32/34px/10px;border-radius:0;box-shadow:0 16px 50px #000000e6,0 0 0 1px #0009}.panel:before{content:"";pointer-events:none;z-index:3;filter:drop-shadow(0 2px 3px #000c);background:url(/ui/kit/crest.svg) 50%/contain no-repeat;width:168px;height:40px;position:absolute;top:-27px;left:50%;transform:translate(-50%)}.panel-head{background:linear-gradient(90deg,#0000 0%,#d2ab5c8c 18% 82%,#0000 100%) 0 100%/100% 1px no-repeat;border-bottom:none;min-height:46px;padding:12px 14px 8px;position:relative}.panel-head:after{content:"";border:1px solid var(--kit-gold);background:linear-gradient(135deg,#d9f3ff 0%,#5fb4ff 40%,#1f56b8 100%);width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 6px #5fb4ff99}.panel-title{white-space:nowrap;color:#f6dfa0;letter-spacing:.08em;text-shadow:0 1px #000,0 0 8px #ffbe6e59;background:linear-gradient(180deg, var(--kit-red-hi) 0%, var(--kit-red) 45%, var(--kit-red-lo) 100%);border:1px solid var(--kit-gold);pointer-events:none;padding:3px 26px 4px;font-size:17px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);box-shadow:inset 0 1px #ffd2a04d,inset 0 0 0 1px #0000008c,0 0 0 1px #000,0 3px 10px #000000b3}.panel-title:before,.panel-title:after{content:"";background:var(--kit-gold);width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 0 1px #000}.panel-title:before{left:9px}.panel-title:after{right:9px}.panel-hint{z-index:1;position:relative}.panel-close{z-index:1;color:#f0d79a;border:1px solid var(--kit-gold);background:radial-gradient(circle at 50% 38%,#4a1813 0%,#160708 75%);border-radius:50%;width:28px;height:28px;font-size:19px;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 6px #000c}.panel-close:hover{color:#fff;border-color:var(--kit-gold-hi);box-shadow:0 0 0 1px #000,0 0 10px #ff785099}.tree-panel .panel-title{position:static;transform:none}.panel-sub{color:#e6c983;letter-spacing:.03em;align-items:center;gap:7px;display:flex}.panel-sub:before{content:"";border:1px solid var(--kit-gold-mid);background:linear-gradient(135deg,#d9f3ff 0%,#5fb4ff 45%,#1f56b8 100%);flex:none;width:7px;height:7px;transform:rotate(45deg)}.panel-col+.panel-col{border-left:1px solid #0000;border-image:linear-gradient(180deg, transparent, var(--kit-gold-lo) 12%, var(--kit-gold-lo) 88%, transparent) 1}.panel-foot{border-top-color:var(--kit-gold-lo);background:linear-gradient(#120f15f0,#0c0a0efa)}.panel-btn{color:#f8e7c0;text-shadow:0 1px 2px #000;background:linear-gradient(180deg, var(--kit-red-hi) 0%, var(--kit-red) 50%, var(--kit-red-lo) 100%);border:1px solid var(--kit-gold);border-radius:1px;box-shadow:inset 0 1px #ffd7a04d,inset 0 0 0 1px #00000080,0 0 0 1px #000}.panel-btn:hover{filter:brightness(1.18);box-shadow:inset 0 1px #ffd7a059,inset 0 0 0 1px #00000080,0 0 0 1px #000,0 0 12px #d23c2880}.panel-btn.is-quiet{color:var(--text);border-color:var(--kit-gold-lo);background:linear-gradient(#2b2531 0%,#141117 100%)}.set-btn,.doll-swap,.town-gamble-btn,.ember-chip,.kit-btn,.kit-chip{color:#cfc6b4;background:linear-gradient(#27212d 0%,#15121a 100%);border:1px solid #5a4a2e;border-radius:1px;box-shadow:inset 0 1px #ffebbe14,0 0 0 1px #000}.set-btn:hover,.doll-swap:hover,.town-gamble-btn:hover,.ember-chip:hover,.kit-btn:hover,.kit-chip:hover{color:#fff;border-color:var(--kit-gold)}.set-btn.is-on,.ember-chip.is-on,.kit-btn.is-on,.kit-chip.is-on{color:#ffe9b0;border-color:var(--kit-gold-hi);background:linear-gradient(#3d311c 0%,#1d170e 100%);box-shadow:inset 0 0 8px #d2ab5c59,0 0 0 1px #000}.set-btn.is-gold{color:#1a1408;background:linear-gradient(#f0d48c 0%,#c89a48 55%,#8c672c 100%);border-color:#000;font-weight:600}.set-btn.is-gold:hover{filter:brightness(1.12);color:#000}.doll-tab,.kit-tab{color:#a89f8e;cursor:pointer;background:linear-gradient(#231e28 0%,#110e14 100%);border:1px solid #4a3d28;border-radius:1px;padding:4px 12px;font-family:Cinzel,Noto Sans Thai,serif;font-size:12px;position:relative;box-shadow:0 0 0 1px #000}.doll-tab:hover,.kit-tab:hover{color:#fff;border-color:var(--kit-gold-mid)}.doll-tab.is-on,.kit-tab.is-on{color:#ffe3a0;border-color:var(--kit-gold);background:linear-gradient(#7a1c14 0%,#3a0a07 100%);box-shadow:inset 0 1px #ffd29640,0 0 0 1px #000,0 0 10px #a01e1473}.kit-tabs,.kit-chips{flex-wrap:wrap;gap:4px;display:flex}.kit-chip{cursor:pointer;padding:2px 9px;font-size:11px}.doll-slot,.slot-well2,.skill-icon,.sk-socket-gem,.sk-hero-icon{background:var(--kit-slot);border:1px solid var(--kit-line);border-radius:1px;box-shadow:inset 0 0 10px #000000d9,0 0 0 1px #000}.doll-label{color:#d6b4706b;font-size:10px}.bag-grid{background:url(/ui/kit/cell.svg) 0 0 / var(--cell) var(--cell) repeat, #08070b;border:1px solid var(--kit-gold-lo);box-shadow:0 0 0 1px #000, 0 0 0 3px #0b090de6, 0 0 0 4px var(--kit-gold-lo)}.inv-item{border-radius:1px}.inv-item.is-dim,.bag-cell.is-dim>.inv-item{opacity:.22;filter:grayscale(.8)}.skill-row{background:linear-gradient(90deg,#1f1b24f5 0%,#110e14f5 100%);border:1px solid #3a3040;border-radius:1px;box-shadow:0 0 0 1px #0009}.skill-row:hover{border-color:#8a6d3a}.skill-row.is-on{border-color:var(--kit-gold);background:linear-gradient(90deg,#761c1499 0%,#22180ff0 100%);box-shadow:inset 0 0 0 1px #0009,0 0 10px #a0281459}.skill-icon{color:#e3c37e}.kit-input,.kit-select{font:inherit;color:var(--text);background:linear-gradient(#0b090e,#15121a);border:1px solid #5a4a2e;border-radius:1px;outline:none;padding:3px 8px;font-size:12px;box-shadow:inset 0 1px 4px #000c,0 0 0 1px #000}.kit-input:focus,.kit-select:focus{border-color:var(--kit-gold);box-shadow:inset 0 1px 4px #000c,0 0 0 1px #000,0 0 8px #d2ab5c66}.kit-select option{color:var(--text);background:#141118}.tip{background:linear-gradient(#08070ae6,#08070af2),url(/ui/kit/stone.webp) 0 0/384px,#0a090c}.inv-right{gap:7px}.inv-tools{max-width:calc(var(--cell) * 12);align-items:center;gap:8px;display:flex}.inv-sort{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.inv-search{flex:1;min-width:80px}.inv-used{color:#e6c983;white-space:nowrap;margin-left:auto;font-size:12px}.inv-dyn{flex-direction:column;gap:7px;display:flex}.inv-pouch.is-lit,.inv-orbs.is-lit{outline:1px solid var(--kit-gold);outline-offset:3px;box-shadow:0 0 12px #d2ab5c40}.inv-actions{max-width:calc(var(--cell) * 12);gap:6px;margin-top:2px;display:flex}.inv-actions .kit-btn{cursor:pointer;flex:1;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;display:flex}.inv-actions .kit-btn.is-red{color:#f8e7c0;background:linear-gradient(180deg, var(--kit-red-hi) 0%, var(--kit-red) 50%, var(--kit-red-lo) 100%);border-color:var(--kit-gold-mid)}.inv-actions .kit-btn.is-off{opacity:.45;cursor:default;filter:grayscale(.6)}.inv-actions .kit-btn.is-on{box-shadow:inset 0 0 10px #ffc87866,0 0 0 1px #000,0 0 12px #d23c2899}.inv-trash{cursor:default}.inv-trash.is-ok{color:#fff;border-color:#ff6a5c;box-shadow:inset 0 0 12px #ff6a5c73,0 0 0 1px #000}.inventory-panel.is-town-mode .bag-grid .inv-item{cursor:pointer}.inventory-panel.is-town-mode .bag-grid .inv-item:hover{border-color:#ffb46a;box-shadow:0 0 8px #ff8c5099}.kit-ico{width:14px;height:14px;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;background:currentColor;flex:none}.kit-ico-trash{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13M10 11v6M14 11v6'/%3E%3C/svg%3E")}.kit-ico-sort{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M4 12h7M4 18h4M17 4v16M14 17l3 3 3-3'/%3E%3C/svg%3E")}.kit-ico-coin{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v10M9.5 9.5h4a1.8 1.8 0 0 1 0 3.5h-3a1.8 1.8 0 0 0 0 3.5h4' stroke-linecap='round'/%3E%3C/svg%3E")}.skills-panel{width:min(1000px,96vw)}.sk-body{flex:1;grid-template-columns:78px minmax(250px,330px) 1fr;min-height:0;display:grid;overflow:hidden}.sk-rail{border-right:1px solid #0000;border-image:linear-gradient(180deg, transparent, var(--kit-gold-lo) 10%, var(--kit-gold-lo) 90%, transparent) 1;flex-direction:column;gap:6px;padding:10px 8px;display:flex}.sk-rail-tab{cursor:pointer;color:#a89f8e;background:linear-gradient(#231e28 0%,#110e14 100%);border:1px solid #4a3d28;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;display:flex;position:relative;box-shadow:0 0 0 1px #000}.sk-rail-tab:hover{color:#fff;border-color:var(--kit-gold-mid)}.sk-rail-tab.is-on{color:#ffe3a0;border-color:var(--kit-gold);background:linear-gradient(#7a1c14 0%,#3a0a07 100%);box-shadow:inset 0 1px #ffd29640,0 0 0 1px #000,0 0 10px #a01e1473}.sk-rail-icon{color:#e3c37e;place-items:center;width:30px;height:30px;display:grid}.sk-rail-icon .glyph{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sk-rail-icon .ember-gem{width:16px;height:16px}.sk-rail-name{text-align:center;font-size:11px;line-height:1.15}.sk-rail-badge{color:#1a0d04;background:linear-gradient(#ffb46a 0%,#ff6a2f 100%);border:1px solid #000;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 6px #ff6a2fcc}.sk-list{min-width:0}.sk-detail{background:url(/ui/kit/sigil-circle.svg) 50% 46%/min(380px,90%) no-repeat;min-width:0}.sk-empty{text-align:center;max-width:260px;margin:auto}.sk-target{color:#e6c983}.sk-hero{align-items:center;gap:12px;display:flex}.sk-hero-icon{color:#f0d48c;width:66px;height:66px;box-shadow:inset 0 0 14px #000000e6, 0 0 0 1px #000, 0 0 0 3px #120f15, 0 0 0 4px var(--kit-gold-mid), 0 0 14px #d2ab5c40;flex:none;place-items:center;display:grid}.sk-hero-icon .glyph{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #f0c87880);width:62%;height:62%}.sk-hero-icon.is-sigil{color:#a9c8ff}.sk-hero-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sk-hero-name{color:#f6dfa0;text-shadow:0 1px #000,0 0 8px #ffbe6e4d;margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:19px}.sk-hero-en{color:var(--text-dim);font-family:Cinzel,serif;font-size:11px}.sk-hero-sub{color:#cfc6b4;font-size:12px}.sk-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.sk-tag{color:#bfe0ff;background:#1f56b838;border:1px solid #5fb4ff73;border-radius:1px;padding:0 7px;font-size:10px;line-height:17px}.sk-desc{background:#08070ab8;border:1px solid #3a3040;padding:8px 11px;box-shadow:inset 0 0 12px #000000b3,0 0 0 1px #000}.sk-desc p{color:var(--text);margin:0;font-size:12.5px;line-height:1.55}.sk-desc .sk-desc-line{color:var(--text-dim);margin-top:5px;font-size:11px}.sk-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sk-stat{text-align:center;background:var(--kit-slot);border:1px solid var(--kit-line);flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;box-shadow:inset 0 0 10px #000000d9,0 0 0 1px #000}.sk-stat-label{color:var(--text-dim);font-size:10.5px}.sk-stat-value{color:#f6dfa0;font-size:13px;font-weight:600;line-height:1.25}.sk-req{font-size:12px}.sk-sockets{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.sk-socket{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.sk-socket-gem{aspect-ratio:1;color:#a9c8ff;place-items:center;width:100%;max-width:46px;display:grid}.sk-socket-gem .glyph{fill:none;stroke:currentColor;stroke-width:1.6px;filter:drop-shadow(0 0 4px #5fb4ffb3);width:60%;height:60%}.sk-socket.is-filled{color:var(--text);cursor:pointer}.sk-socket.is-filled:hover .sk-socket-gem{border-color:#ff7a66}.sk-socket.is-empty{cursor:pointer}.sk-socket.is-empty .sk-socket-gem:after{content:"+";color:#d6b4708c;font-size:18px}.sk-socket.is-empty:hover .sk-socket-gem{border-color:var(--kit-gold)}.sk-socket.is-locked{opacity:.4}.sk-socket-name{word-break:break-word;line-height:1.2}.sk-detail .slot-row{gap:4px}@media (max-width:700px){.sk-body{display:block;overflow-y:auto}.sk-rail{border-right:none;flex-direction:row}.sk-rail-tab{flex:1}.sk-list,.sk-detail{overflow:visible}.inv-tools{flex-wrap:wrap}}.slot-cell.is-on .slot-well2{border-color:var(--kit-gold-hi);box-shadow:inset 0 0 10px #000000d9,0 0 0 1px #000,0 0 10px #f0c8788c}.slot-cell:not(.is-locked):hover .slot-well2{border-color:var(--kit-gold)}#ui>.touch{pointer-events:none;z-index:5;position:absolute;inset:0}.touch-stick,.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-stick{--size:clamp(104px, 27vh, 210px);left:max(16px,3vw);bottom:calc(var(--hud-h,30vh) * .86);width:var(--size);height:var(--size);opacity:.8;background:radial-gradient(circle at 50% 45%,#28222c8c 0%,#0a080cb8 70%);border:2px solid #a8843fbf;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #000,inset 0 0 18px #000000d9,0 6px 18px #00000080}.touch-stick:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23a8843f' fill-opacity='0.8'%3E%3Cpath d='M50 4 L57 14 H43 Z M50 96 L57 86 H43 Z M4 50 L14 43 V57 Z M96 50 L86 43 V57 Z'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:8%}.touch-stick.is-on{opacity:1}.touch-knob{border:2px solid var(--kit-gold-mid);pointer-events:none;background:radial-gradient(circle at 40% 32%,#5a5260 0%,#2a2430 45%,#0e0c11 100%);border-radius:50%;width:40%;height:40%;transition:transform 60ms linear;position:absolute;top:30%;left:30%;box-shadow:0 0 0 2px #000,0 4px 10px #000000b3,inset 0 2px 3px #fff0d226}.touch-cluster{--big:clamp(70px, 19vh, 150px);--small:clamp(44px, 10.5vh, 84px);right:calc(max(16px, 3vw) + var(--big) * .95);bottom:calc(var(--hud-h,30vh) * .86 + var(--big) * .25);width:var(--big);height:var(--big);pointer-events:none;position:absolute}.touch-btn{width:var(--small);height:var(--small);transform:translate(calc(-50% + var(--tx,0) * var(--big) / 2), calc(-50% + var(--ty,0) * var(--big) / 2));color:#f0d48c;border:2px solid var(--kit-gold-mid);background:radial-gradient(circle at 50% 38%,#2c2632d9 0%,#0a080ce6 75%);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #000,inset 0 0 12px #000000d9,0 4px 12px #0000008c}.touch-btn.is-big{width:var(--big);height:var(--big);box-shadow:0 0 0 2px #000, 0 0 0 5px #0b090de6, 0 0 0 6px var(--kit-gold-lo), inset 0 0 16px #000000e6, 0 6px 16px #0009;border-width:3px}.touch-btn.is-down{border-color:var(--kit-gold-hi);box-shadow:0 0 0 2px #000,inset 0 0 14px #ffbe6e59,0 0 14px #ffbe6e8c}.touch-btn.is-locked,.touch-btn.is-empty{opacity:.45}.touch-btn.is-roll{color:#d9f3ff;border-color:#5fb4ffb3}.touch-icon{pointer-events:none;place-items:center;width:58%;height:58%;display:grid}.touch-icon .glyph{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #f0c87873);width:100%;height:100%}.touch-cd{background:conic-gradient(#050408b8 calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.touch-cd-num{font-variant-numeric:tabular-nums;color:#fff4d6;text-shadow:0 0 3px #000,0 1px #000;pointer-events:none;place-items:center;font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.touch-cd-num:empty{display:none}.touch-key{color:#e6c983;white-space:nowrap;pointer-events:none;background:#08070ad9;border:1px solid #a8843f99;border-radius:2px;padding:0 5px;font-family:Cinzel,Noto Sans Thai,serif;font-size:clamp(8px,1.6vh,12px);line-height:1.4;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.touch-btn.is-big .touch-key{bottom:2px}.is-touch .hud .skillbar .slotcol,.is-touch .hud .flaskbar .slotcol{pointer-events:auto;touch-action:none}.rotate-hint{color:#f6dfa0;border:1px solid var(--kit-gold-mid);pointer-events:none;text-align:center;background:#08070ad9;border-radius:2px;padding:6px 14px;font-size:13px;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (max-width:700px){.rotate-hint{animation:.6s 6s forwards rotate-hint-out;display:block}}@keyframes rotate-hint-out{to{opacity:0}}.is-touch #hint,.is-touch .cp-dev{display:none}.is-touch .charpanel,.is-touch .minimap{--hud-w:var(--hud-w-top)}.is-panel-open>.touch{display:none}.menu{z-index:200;color:var(--text);-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 110%,#82181059 0%,#0000 55%),radial-gradient(at 50% 0,#5a467838 0%,#0000 60%),linear-gradient(#00000040,#0009),url(/ui/kit/stone.webp) 0 0/384px,#0b0a0c;flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,26px);padding:clamp(14px,4vh,48px) 16px 20px;font-family:Noto Sans Thai,Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-head{flex-direction:column;align-items:center;gap:4px;display:flex}.menu-crest{filter:drop-shadow(0 3px 4px #000c);background:url(/ui/kit/crest.svg) 50%/contain no-repeat;width:220px;height:52px}.menu-logo{object-fit:contain;filter:drop-shadow(0 4px 6px #000000e6)drop-shadow(0 0 22px #ff966e2e);width:min(560px,82vw);height:auto;max-height:24vh;display:block}.menu-title{letter-spacing:.12em;color:#f6dfa0;text-shadow:0 2px #000,0 0 18px #ffb45a59;text-align:center;margin:0;font-family:Cinzel,serif;font-size:clamp(26px,5.2vh,52px);font-weight:700}.menu-subtitle{color:var(--text-dim);margin:4px 0 0;font-size:13px}.menu .panel.menu-panel{flex:none;width:min(1040px,100%);max-height:none;position:relative;top:auto;left:auto;transform:none}.menu-body{flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex}.menu-list{grid-template-columns:minmax(220px,300px) 1fr;gap:16px;min-height:300px;display:grid}.menu-slots{flex-direction:column;gap:5px;max-height:52vh;padding-right:2px;display:flex;overflow-y:auto}.menu-slot{cursor:pointer;background:linear-gradient(90deg,#1f1b24f5,#110e14f5);border:1px solid #3a3040;align-items:center;gap:10px;padding:6px 9px;display:flex;box-shadow:0 0 0 1px #0009}.menu-slot:hover{border-color:#8a6d3a}.menu-slot.is-on{border-color:var(--kit-gold);background:linear-gradient(90deg,#761c1499,#22180ff0);box-shadow:inset 0 0 0 1px #0009,0 0 10px #a0281459}.menu-slot.is-broken{opacity:.6}.menu-face{border:1px solid var(--kit-gold-mid);background:#0b0a0c 50%/cover no-repeat;border-radius:50%;flex:none;width:44px;height:44px;box-shadow:0 0 0 1px #000,inset 0 0 8px #000c}.menu-slot-text{flex-direction:column;min-width:0;display:flex}.menu-slot-text b{color:#f1e2c0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.menu-slot-text span{color:var(--text-dim);font-size:11.5px}.menu-view{background:url(/ui/kit/sigil-circle.svg) 25%/300px no-repeat,#08070a8c;border:1px solid #3a3040;grid-template-columns:minmax(150px,.8fr) 1.2fr;align-items:stretch;gap:16px;padding:10px;display:grid;box-shadow:inset 0 0 18px #000000b3}.menu-art{filter:drop-shadow(0 6px 10px #000c);background:bottom/contain no-repeat;min-height:260px}.menu-info{flex-direction:column;justify-content:center;gap:6px;display:flex}.menu-name{color:#f6dfa0;text-shadow:0 1px #000,0 0 10px #ffbe6e4d;word-break:break-word;margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:24px}.menu-class{color:#e6c983;font-family:Cinzel,Noto Sans Thai,serif;font-size:13px}.menu-facts{color:var(--text);align-items:baseline;gap:10px;font-size:13px;display:flex}.menu-level{color:#fff3c4;font-family:Cinzel,serif;font-weight:700}.menu-line{color:var(--text-dim);font-size:12px}.menu-play{letter-spacing:.06em;margin-top:8px;font-size:15px}.menu-remove{cursor:pointer;align-self:flex-start;padding:4px 10px;font-size:11.5px}.menu-foot{gap:8px;display:flex}.menu-foot .panel-btn{flex:1}.menu-foot .kit-btn{text-align:center;cursor:pointer;padding:8px 14px}.menu-row{gap:6px;display:flex}.menu-row>*{text-align:center;cursor:pointer;flex:1;padding:7px 10px}.menu-note{color:#e6c983}.menu-classes{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.menu-class-card{cursor:pointer;background:linear-gradient(#1f1b24e6,#0c0a0ef2);border:1px solid #3a3040;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 7px;transition:transform .12s;display:flex;box-shadow:0 0 0 1px #000}.menu-class-card:hover{border-color:#8a6d3a}.menu-class-card.is-on{border-color:var(--kit-gold);background:linear-gradient(#761c148c,#140c0af2);transform:translateY(-3px);box-shadow:0 0 0 1px #000,0 0 14px #a0281473}.menu-class-pic{aspect-ratio:.5;background:bottom/contain no-repeat;width:100%}.menu-class-name{color:#f1e2c0;text-align:center;font-size:12px;line-height:1.25}.menu-create{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.menu-create-info{flex-direction:column;gap:6px;display:flex}.menu-table{grid-template-columns:max-content 1fr;gap:3px 12px;font-size:12.5px;display:grid}.menu-k{color:var(--text-dim)}.menu-v{color:var(--text)}.menu-starter{margin-top:4px}.menu-create-name{background:#08070a8c;border:1px solid #3a3040;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px;display:flex;box-shadow:inset 0 0 18px #000000b3}.menu-name-input{padding:8px 10px;font-size:16px}.menu-name-error{min-height:1.2em}@media (max-width:760px),(max-height:520px){.menu-list,.menu-view,.menu-create{grid-template-columns:1fr}.menu-art{min-height:160px}.menu-classes{grid-template-columns:repeat(7,minmax(70px,1fr));overflow-x:auto}.menu-crest{height:34px}.menu-logo{width:min(380px,70vw);max-height:18vh}}.menu-art,.menu-class-pic{-webkit-mask-image:radial-gradient(62% 58% at 50% 52%,#000 62%,#0000 100%);mask-image:radial-gradient(62% 58% at 50% 52%,#000 62%,#0000 100%)}.menu-row .menu-play{margin-top:0}.menu-row{align-items:stretch}#ui>.loading{z-index:150;pointer-events:auto;background:radial-gradient(at 50% 110%,#8218104d 0%,#0000 55%),linear-gradient(#0000004d,#000000a6),url(/ui/kit/stone.webp) 0 0/384px,#0b0a0c;place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.loading.is-out{opacity:0;pointer-events:none}.loading-box{flex-direction:column;align-items:center;gap:10px;width:min(460px,86vw);display:flex}.loading-logo{filter:drop-shadow(0 3px 5px #000000e6);width:min(320px,70vw);height:auto;margin-bottom:6px}.loading-title{color:#f6dfa0;text-shadow:0 2px #000,0 0 14px #ffb45a4d;text-align:center;min-height:1.2em;font-family:Cinzel,Noto Sans Thai,serif;font-size:clamp(20px,3.6vh,32px)}.loading-bar{border:1px solid var(--kit-gold-mid);background:#07060a;width:100%;height:12px;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 0 6px #000000e6}.loading-fill{background:linear-gradient(#e9c46a 0%,#b5832f 55%,#6e4a14 100%);width:0;height:100%;transition:width .2s linear;box-shadow:0 0 10px #f0be5a99}.loading-row{width:100%;color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.loading-pct{color:#e6c983;font-variant-numeric:tabular-nums}.hud-base{display:none}.hud.has-art .hud-base{left:0;right:0;top:var(--base-top);pointer-events:none;border-top:2px solid var(--kit-gold-mid,#a8843f);background:linear-gradient(#0000 0%,#00000073 100%),url(/ui/kit/stone.webp) 0 0/256px,#100d12;display:block;position:absolute;bottom:0;box-shadow:0 -1px #000,inset 0 1px #ffe1a040,inset 0 6px 10px #000000b3,0 -10px 22px #0000008c}.hud.has-art .hud-base:before{content:"";opacity:.85;background:radial-gradient(circle,#e6c983 0 1.6px,#6a5228 2.2px,#0000 2.8px) 0 0/48px 6px repeat-x;height:6px;position:absolute;top:-4px;left:0;right:0}