:root{--panel: rgba(18, 14, 26, .92);--panel-2: rgba(40, 32, 54, .95);--line: #5a4a70;--line-hi: #a08ac0;--text: #f0e8dc;--dim: #a89cb4;--gold: #ffd040;--hp: #e04a5a;--st: #58c878;--mp: #7a6cff;--xp: #5fb4ff;--accent: #ffb640;--bad: #ff6060;--good: #7ae08a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#07060a;color:var(--text);font-family:Chakra Petch,Sarabun,system-ui,sans-serif;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none}canvas#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated;cursor:crosshair}#ui{position:fixed;inset:0;pointer-events:none}#ui .interactive,#ui button,#ui input,#ui .slot{pointer-events:auto}button{font:inherit}.th{font-family:Sarabun,sans-serif}.hud-tl{position:absolute;left:16px;top:14px;width:280px}.lv{font-size:14px;color:var(--dim);margin-bottom:4px;display:flex;justify-content:space-between}.lv b{color:var(--text)}.bar{position:relative;height:16px;background:#1a1422;border:2px solid #0a080e;box-shadow:inset 0 0 0 1px #3a2e48;margin-bottom:5px}.bar>i{position:absolute;inset:0;transform-origin:left;display:block}.bar>i.lag{background:#fff6;transition:transform .5s ease-out .25s}.bar>span{position:absolute;inset:0;font-size:12px;line-height:12px;font-weight:600;text-align:center;text-shadow:1px 1px 0 #000}.bar.hp>i.fill{background:linear-gradient(#ff7080,var(--hp) 55%,#a02838)}.bar.st{height:9px}.bar.st>i.fill{background:linear-gradient(#90f0a0,var(--st))}.bar.mp{height:9px}.bar.mp>i.fill{background:linear-gradient(#b0a8ff,var(--mp))}.bar.xp{height:5px;border-width:1px}.bar.xp>i.fill{background:var(--xp)}.hud-tr{position:absolute;right:16px;top:14px;text-align:right;display:grid;grid-template-columns:auto auto auto;column-gap:12px;align-items:start}.hud-tr .bell{grid-column:1;grid-row:1}.hud-tr .info{grid-column:2}.hud-tr .clock{grid-column:3;grid-row:1}.hud-tr #minimap{grid-column:1 / span 3;justify-self:end}.bell{position:relative;width:36px;height:36px;padding:6px;background:var(--panel);border:2px solid var(--line);border-radius:8px;cursor:pointer;box-shadow:2px 2px #000}.bell:hover{border-color:var(--line-hi)}.bell svg{width:100%;height:100%;display:block;fill:var(--gold)}.bell .dot{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:var(--bad);border:2px solid #0a080e;display:none}.bell.unseen .dot{display:block}.bell.unseen svg{animation:bell-swing 2.4s ease-in-out infinite;transform-origin:50% 12%}@keyframes bell-swing{0%,70%,to{transform:rotate(0)}76%{transform:rotate(14deg)}84%{transform:rotate(-11deg)}92%{transform:rotate(6deg)}}.news-entry{padding:12px 16px;margin-top:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.news-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.news-ver{font-family:Chakra Petch,sans-serif;font-weight:700;color:var(--accent)}.news-title{font-size:18px}.news-new{font-size:12px;padding:1px 8px;border-radius:10px;background:var(--bad);color:#fff}.news-date{margin-left:auto;color:var(--dim);font-size:14px;font-family:Chakra Petch,sans-serif}.news-items{margin:8px 0 2px;padding-left:20px;line-height:1.55}.news-items li{margin:2px 0}.news-sub{margin:10px 0 0;font-size:14px;font-weight:600;color:var(--accent)}.clock svg{width:72px;height:72px;display:block;filter:drop-shadow(2px 2px 0 #000)}.clock .face{transition:fill 1s}.loc{font-size:18px;text-shadow:2px 2px 0 #000}.sub{font-size:13px;color:var(--dim);text-shadow:1px 1px 0 #000;margin-top:2px}.hud-tr .day{font-size:14px;color:var(--text);text-shadow:1px 1px 0 #000;margin-top:3px;font-family:Sarabun,sans-serif}.hud-tr .time{font-size:17px;font-weight:600;color:#fff4d8;text-shadow:2px 2px 0 #000;font-family:Chakra Petch,sans-serif;line-height:1.1;text-align:center;margin-top:3px}.gold{color:var(--gold);font-size:16px;text-shadow:2px 2px 0 #000;margin-top:4px}#minimap{margin-top:8px;border:2px solid #0a080e;background:#08060cb3;image-rendering:pixelated}.quests{position:absolute;left:16px;top:100px;width:260px;font-size:13px}.quests h4{margin:0 0 4px;font-size:12px;color:var(--accent);letter-spacing:1px;text-shadow:1px 1px 0 #000}.quests div{font-family:Sarabun,sans-serif;text-shadow:1px 1px 0 #000,-1px 0 0 #000;margin-bottom:2px}.quests div.done{color:var(--good)}.hotbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end}.hk{position:relative;width:52px;height:52px;background:var(--panel);border:2px solid var(--line);display:grid;place-items:center;font-size:11px;overflow:hidden}.hk .key{position:absolute;left:3px;top:1px;color:var(--accent);font-size:12px;text-shadow:1px 1px 0 #000;z-index:2}.hk .nm{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-family:Sarabun,sans-serif;font-size:10px;text-shadow:1px 1px 0 #000;z-index:2}.keybind-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn.keybind{min-width:64px}.btn.keybind.on{border-color:var(--accent);color:var(--accent)}.hk.empty{opacity:.45;border-style:dashed}.hk .cd{position:absolute;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.hk .ic{width:28px;height:28px;border-radius:50%;margin-top:-8px}.hk img{width:32px;height:32px;image-rendering:pixelated;margin-top:-6px}.hk .cnt{position:absolute;right:3px;bottom:12px;font-size:12px;text-shadow:1px 1px 0 #000;z-index:2}#boss-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);width:clamp(280px,100vw - 820px,600px);text-align:center;display:none;padding:6px 10px 4px;background:linear-gradient(#0c0912e0,#0c091290);border:2px solid #3a2a20;box-shadow:inset 0 0 0 1px #6a4a30,0 2px 10px #000a}#boss-bar .nm{font-size:18px;color:#ffe2b0;text-shadow:2px 2px 0 #000;margin-bottom:4px;font-family:Sarabun,Chakra Petch,sans-serif;font-weight:700;letter-spacing:.5px}#boss-bar .nm:before,#boss-bar .nm:after{content:"◆";color:#c08040;font-size:11px;margin:0 8px;vertical-align:2px}#boss-bar .bar{height:20px;margin-bottom:2px;border-color:#050308;box-shadow:inset 0 0 0 1px #4a3020}#boss-bar .bar>i.fill{background:linear-gradient(#ff8a70,#e83030 45%,#8a1010);transition:transform .08s linear}#boss-bar .bar>i.lag{background:#fff2d0;transition:transform .6s ease-out .3s}#boss-bar.rage .bar>i.fill{background:linear-gradient(#ff6060,#c01020 45%,#600010);animation:boss-rage .9s ease-in-out infinite}#boss-bar .bar>b.half{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#ffe2b0;box-shadow:0 0 0 1px #000}#boss-bar .bar>span{font-size:13px;line-height:16px;color:#fff}@keyframes boss-rage{50%{filter:brightness(1.35)}}#prompt{position:absolute;left:50%;bottom:100px;transform:translate(-50%);background:var(--panel);border:2px solid var(--line-hi);padding:6px 14px;font-size:15px;display:none;white-space:nowrap}#prompt b{color:var(--accent);margin-right:6px}#toasts{position:absolute;right:16px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.toast{background:var(--panel);border-left:3px solid var(--accent);padding:5px 10px;font-size:14px;font-family:Sarabun,sans-serif;animation:toastIn .2s ease-out;display:flex;align-items:center;gap:6px;max-width:360px}.toast img{width:20px;height:20px;image-rendering:pixelated}.toast.out{opacity:0;transition:opacity .4s}@keyframes toastIn{0%{transform:translate(20px);opacity:0}}#banner{position:absolute;left:0;right:0;top:30%;text-align:center;font-size:34px;text-shadow:3px 3px 0 #000;opacity:0;transition:opacity .5s;font-family:Sarabun,Chakra Petch,sans-serif;font-weight:600}#banner small{display:block;font-size:16px;color:var(--dim);margin-top:4px}#banner .banner-note{display:block;margin-top:8px;font-size:18px;font-style:normal;color:#7ae08a}#banner.show{opacity:1}#numbers{position:absolute;inset:0;overflow:hidden}.num{position:absolute;font-size:16px;font-weight:600;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;transform:translate(-50%,-50%);white-space:nowrap;will-change:transform,opacity}.num.crit{font-size:22px;color:#ffd040}.num.hurt{color:#ff5a5a}.num.heal{color:#7ae08a}.num.xp{color:#8ac8ff;font-size:13px}.num.gold{color:var(--gold);font-size:13px}.num.info{color:#fff;font-size:13px;font-family:Sarabun,sans-serif}.num.alert{color:#ffe040;font-size:26px;font-weight:700}.keys-help{position:absolute;left:16px;bottom:16px;font-size:12px;color:var(--dim);line-height:1.6;text-shadow:1px 1px 0 #000}.keys-help b{color:var(--text);background:#0008;padding:0 4px;border:1px solid #fff3}.overlay{position:absolute;inset:0;background:#05030a8c;display:grid;place-items:center;pointer-events:auto}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:0 0 0 2px #000,0 16px 40px #000a;width:min(1180px,96vw);max-height:92vh;display:flex;flex-direction:column}.panel header{display:flex;align-items:center;gap:6px;border-bottom:2px solid var(--line);padding:10px 14px}.panel header h2{margin:0 16px 0 4px;font-size:26px;font-family:Sarabun,Chakra Petch,sans-serif;font-weight:600}.panel header .x{margin-left:auto}.panel .body{padding:16px 20px;overflow:auto;font-family:Sarabun,sans-serif;font-size:17px}.tab,.btn{background:var(--panel-2);color:var(--text);border:2px solid var(--line);padding:7px 16px;cursor:pointer;font-family:Sarabun,sans-serif;font-size:17px}.tab.on{border-color:var(--accent);color:var(--accent)}.btn:hover:not(:disabled),.tab:hover{border-color:var(--line-hi)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--accent);background:#4a3418}.btn.danger{border-color:#a04040}.cols{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.col{flex:1 1 340px;min-width:300px}.muted{color:var(--dim);font-size:15px}h3{margin:6px 0 10px;font-size:19px;color:var(--accent);font-weight:600}.stats{display:grid;grid-template-columns:auto auto;gap:4px 18px;font-size:17px}.stats b{font-family:Chakra Petch,sans-serif;font-weight:400}.row{display:flex;align-items:center;gap:14px;padding:10px;border-bottom:1px solid #2e2440}.row img{width:44px;height:44px;image-rendering:pixelated}.row .grow{flex:1}.row .price{color:var(--gold);font-family:Chakra Petch,sans-serif;font-size:18px;min-width:90px;text-align:right}.row.dim{opacity:.5}#tooltip{position:fixed;z-index:50;pointer-events:none;background:#0c0912f2;border:2px solid var(--line-hi);padding:10px 12px;font-family:Sarabun,sans-serif;font-size:15px;max-width:320px;display:none}#tooltip .t{font-size:18px;font-weight:600;margin-bottom:2px}#tooltip .k{color:var(--dim);font-size:14px;margin-bottom:4px}#tooltip .s{color:#c8f0c0}#tooltip .h{color:var(--dim);margin-top:6px;font-size:14px}label.opt{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:17px}label.opt select{font:inherit;padding:3px 6px}label.opt input[type=checkbox]{width:18px;height:18px}label.opt input[type=range]{width:220px}.screen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;cursor:pointer;background:radial-gradient(ellipse at 50% 40%,#2a2040cc,#07060af2 70%)}.screen .inner{text-align:center}.pause-screen{position:fixed;z-index:1000}.logo{font-size:54px;line-height:1;letter-spacing:2px;color:#ffe0a0;text-shadow:0 4px 0 #6a3a18,0 8px 24px #000}.logo small{display:block;font-size:20px;color:#c8b0ff;letter-spacing:6px;margin-top:10px;text-shadow:0 2px 0 #000}.blink{margin-top:40px;font-size:22px;animation:blink 1.2s steps(2) infinite;font-family:Sarabun,Chakra Petch,sans-serif}@keyframes blink{50%{opacity:.3}}.save-info{margin-top:16px;color:var(--dim);font-family:Sarabun,sans-serif;font-size:15px}.title-actions{margin-top:18px;display:flex;gap:10px;justify-content:center}.controls{margin-top:34px;color:var(--dim);font-size:13px;font-family:Sarabun,sans-serif;line-height:1.8}.controls b{color:var(--text);background:#0006;padding:1px 6px;border:1px solid #fff3;font-family:Chakra Petch,sans-serif;font-weight:400}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#07060a;color:var(--dim);font-size:18px;z-index:100}#npc-tags{position:absolute;inset:0;overflow:hidden}.npc-tag{position:absolute;left:0;top:0;display:none;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;pointer-events:none;font-family:Sarabun,sans-serif;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.npc-tag .nm{font-size:13px;font-weight:600;color:#fff4d8}.npc-tag .tt{font-size:10px;color:var(--dim);display:none}.npc-tag.near .tt{display:block}.npc-bubble{display:none;order:-1;margin-bottom:4px;background:#fff8ec;color:#2a2030;text-shadow:none;font-size:13px;padding:3px 9px;border-radius:8px;border:2px solid #2a2030;position:relative;max-width:220px;white-space:normal;text-align:center}.npc-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:5px solid transparent;border-top-color:#2a2030}#dialog{position:absolute;left:50%;bottom:140px;transform:translate(-50%);width:min(720px,92vw);background:var(--panel);border:2px solid var(--line-hi);padding:12px 18px 14px;display:none;font-family:Sarabun,sans-serif}#dialog .who{color:var(--accent);font-weight:600;font-size:19px;margin-bottom:2px}#dialog .who small{color:var(--dim);font-weight:400;margin-left:8px;font-size:14px}#dialog .say{font-size:18px;line-height:1.55}:root{--hud: 1;--menu: 1}.hud-tl{transform:scale(var(--hud));transform-origin:top left}.quests{top:calc(100px * var(--hud));transform:scale(var(--hud));transform-origin:top left}.hud-tr{transform:scale(var(--hud));transform-origin:top right}.keys-help{transform:scale(var(--hud));transform-origin:bottom left}.hotbar{transform:translate(-50%) scale(var(--hud));transform-origin:bottom center}#prompt{bottom:calc(100px * var(--hud));transform:translate(-50%) scale(var(--hud));transform-origin:bottom center}#dialog{bottom:calc(140px * var(--hud));transform:translate(-50%) scale(var(--hud));transform-origin:bottom center}#toasts{transform:scale(var(--hud));transform-origin:bottom right}#boss-bar{transform:translate(-50%) scale(var(--hud));transform-origin:top center}#banner{font-size:calc(34px * var(--hud))}#banner small{font-size:calc(16px * var(--hud))}#banner .banner-note{font-size:calc(18px * var(--hud))}.num{font-size:calc(16px * var(--hud))}.num.crit{font-size:calc(22px * var(--hud))}.num.alert{font-size:calc(26px * var(--hud))}.num.xp,.num.gold,.num.info,.npc-tag .nm{font-size:calc(13px * var(--hud))}.npc-tag .tt{font-size:calc(10px * var(--hud))}.npc-bubble{font-size:calc(13px * var(--hud));max-width:calc(220px * var(--hud))}.panel{transform:scale(var(--menu));width:min(1180px,calc(96vw / var(--menu)));max-height:calc(92vh / var(--menu))}.panel.fixed{height:min(800px,calc(92vh / var(--menu)))}.panel.fixed .body{flex:1 1 auto;min-height:0;scrollbar-gutter:stable}#tooltip{font-size:calc(15px * var(--menu));max-width:calc(320px * var(--menu))}#tooltip .t{font-size:calc(18px * var(--menu))}#tooltip .k,#tooltip .h{font-size:calc(14px * var(--menu))}label.opt output{min-width:3.5em;color:var(--accent);font-family:Chakra Petch,sans-serif}.quests .qs{color:var(--gold);font-size:.8em;letter-spacing:-1px}.quests .muted-q{color:var(--dim)}.stars{color:var(--gold);letter-spacing:1px;font-family:Chakra Petch,sans-serif;white-space:nowrap}.stars .off{color:#4a3e5a}.qreward{text-align:right;min-width:110px;font-family:Chakra Petch,sans-serif}.qreward .g{color:var(--gold);font-size:18px}.qreward .x{color:var(--xp);font-size:14px}.qprog{color:var(--good);font-family:Chakra Petch,sans-serif}.board-sec{margin:6px 0 14px}.ach-total{height:8px;background:#1a1422;border:1px solid #3a2e48;margin:8px 0 14px}.ach-total i{display:block;height:100%;background:linear-gradient(90deg,#c08020,var(--gold))}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.ach{display:flex;gap:12px;align-items:center;padding:10px 12px;background:#151020;border:2px solid #2e2440;opacity:.72}.ach.on{opacity:1;border-color:#a07020;background:linear-gradient(135deg,#2a1e10,#151020 60%)}.ach .ic{font-size:30px;width:40px;text-align:center;filter:grayscale(1) brightness(.7)}.ach.on .ic{filter:none}.ach .grow{flex:1;min-width:0}.ach .muted{font-size:14px}.ach .prog{height:6px;background:#0c0912;border:1px solid #3a2e48;margin-top:5px}.ach .prog i{display:block;height:100%;background:var(--xp)}.ach .rw{color:var(--gold);font-family:Chakra Petch,sans-serif;font-size:15px;white-space:nowrap;text-align:right;flex-shrink:0}.ach .rw .ach-num{color:var(--dim);font-size:12px;margin-top:3px}.screen.title{cursor:default}.title-menu{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:12px}.title-menu .btn{width:300px;padding:12px 20px;font-size:21px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px}.title-menu .btn small{font-size:13px;font-weight:400;color:var(--dim)}.title-menu .btn.danger small{color:#ff9a9a}.hud-tl .buffs{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.hud-tl .buffs span{background:#0009;border:1px solid #fff3;padding:1px 6px;font-size:12px;font-family:Chakra Petch,sans-serif;text-shadow:1px 1px 0 #000}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.chip{background:#151020;color:var(--dim);border:2px solid #2e2440;border-radius:999px;padding:5px 14px;cursor:pointer;font-family:Sarabun,sans-serif;font-size:15px}.chip span{font-family:Chakra Petch,sans-serif;font-size:12px;background:#2e2440;border-radius:999px;padding:0 6px;margin-left:4px;color:var(--text)}.chip:hover{border-color:var(--line-hi);color:var(--text)}.chip.on{border-color:var(--accent);color:var(--accent);background:#2a1e10}.tag{font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 7px;margin-left:6px;font-weight:400}.row.locked{opacity:.55}.row.locked img{filter:grayscale(1)}.row .lock{font-size:13px;color:#ffb640;margin-left:6px}.icon-box{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border:2px solid #2e2440;background:radial-gradient(circle at 50% 40%,#2a2038,#120e1a 75%)}.icon-box img{width:40px;height:40px}.chips-stat{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 2px}.sc{font-family:Chakra Petch,sans-serif;font-size:13px;padding:0 7px;border-radius:4px;background:#221a30;border:1px solid #3a2e48;white-space:nowrap}.sc.atk{color:#ff9a80;border-color:#6a3a30}.sc.def{color:#8ac0ff;border-color:#30486a}.sc.hp{color:#ff8090;border-color:#6a3040}.sc.crit{color:#ffd060;border-color:#6a5a20}.sc.spd{color:#80f0c0;border-color:#2a5a4a}.sc.slow{color:#b0a0a0}.slot.g1,.icon-box.g1{border-color:#3f9a52;box-shadow:inset 0 0 0 1px #6ee07a55}.slot.g2,.icon-box.g2{border-color:#3a74b0;box-shadow:inset 0 0 0 1px #5fb4ff66}.slot.g3,.icon-box.g3{border-color:#7a4cb0;box-shadow:inset 0 0 0 1px #c07cff77,0 0 6px #c07cff44}.slot.g4,.icon-box.g4{border-color:#b83a34;box-shadow:inset 0 0 0 1px #ff5a5088,0 0 8px #ff5a5055}.slot.g5,.icon-box.g5{border-color:#d8a020;box-shadow:inset 0 0 6px #ffc83099,0 0 10px #ffc83077}.icon-box.g1{background:radial-gradient(circle at 50% 40%,#1c3222,#0e140f 75%)}.icon-box.g2{background:radial-gradient(circle at 50% 40%,#1a2840,#0c1018 75%)}.icon-box.g3{background:radial-gradient(circle at 50% 40%,#2c1c40,#120c18 75%)}.icon-box.g4{background:radial-gradient(circle at 50% 40%,#401a1a,#180c0c 75%)}.icon-box.g5{background:radial-gradient(circle at 50% 40%,#40321a,#18120a 75%)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}.gcard{display:flex;gap:12px;padding:10px 12px;background:#151020;border:2px solid #2e2440}.gimg{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border:2px solid #2e2440;background:radial-gradient(circle at 50% 40%,#2a2038,#120e1a 75%)}.gimg img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.gimg.big{width:72px;height:72px}.gimg.big img{width:64px;height:64px}.gtext{flex:1;min-width:0;font-size:14px}.gtext b{font-size:16px}.gsub{margin-left:8px;font-size:12px;color:var(--accent)}.gline{color:var(--dim);margin-top:2px;line-height:1.45}.gline .dim{opacity:.7;font-size:12px}.gline.hint{color:#8a7ea0;font-style:italic}.gcard.unknown{background:#0e0b14}.gcard.unknown .gimg img{filter:brightness(0);opacity:.85}.gcard.unknown .gimg{border-color:#221a2e;box-shadow:none}.gcard.unknown b{color:#5a4e6a;letter-spacing:2px}.gimg.g1{border-color:#3f9a52}.gimg.g2{border-color:#3a74b0}.gimg.g3{border-color:#7a4cb0;box-shadow:0 0 6px #c07cff44}.gimg.g4{border-color:#b83a34;box-shadow:0 0 8px #ff5a5055}.gimg.g5{border-color:#d8a020;box-shadow:0 0 10px #ffc83077}.grid{display:grid;grid-template-columns:repeat(auto-fill,62px);gap:7px;padding:10px;background:#0c0912;border:1px solid #2a2238;border-radius:10px;box-shadow:inset 0 2px 8px #0008}.slot{width:62px;height:62px;position:relative;display:grid;place-items:center;cursor:pointer;border-radius:8px;background:linear-gradient(160deg,#241c34,#16111f 70%);border:1px solid #3a2e50;box-shadow:inset 0 1px #ffffff14,inset 0 -3px #0006,0 2px #0008;transition:transform .08s,border-color .08s}.slot.empty{background:radial-gradient(circle,#1a1426 30%,#120e1a 72%);box-shadow:inset 0 2px 6px #0009;border-color:#241c30}.slot.filled:hover{transform:translateY(-2px);border-color:var(--line-hi)}.slot.drag-over{border-color:var(--accent)!important;background:#2a2038}.slot img{width:44px;height:44px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px 0 #0009)}.slot img.ph{opacity:.12;filter:none}.slot .q{position:absolute;right:3px;bottom:3px;min-width:18px;padding:0 4px;border-radius:9px;background:#000b;font-size:12px;line-height:16px;text-align:center;font-family:Chakra Petch,sans-serif;pointer-events:none}.slot .p{position:absolute;left:3px;top:3px;padding:0 5px;border-radius:4px;background:#3a2408e0;color:var(--gold);font-size:11px;line-height:15px;font-family:Chakra Petch,sans-serif;pointer-events:none}.slot .lbl{position:absolute;left:0;right:0;bottom:3px;text-align:center;color:#6a5e7a;font-size:11px;pointer-events:none}.slot.filled:after{content:"";position:absolute;left:6px;right:6px;bottom:2px;height:2px;border-radius:2px;background:transparent}.slot.g1:after{background:#6ee07a}.slot.g2:after{background:#5fb4ff}.slot.g3:after{background:#c07cff;box-shadow:0 0 6px #c07cff}.slot.g4:after{background:#ff5a50;box-shadow:0 0 6px #ff5a50}.slot.g5:after{background:#ffc830;box-shadow:0 0 8px #ffc830}.slot.g1{background:linear-gradient(160deg,#1e3024,#14161a 70%)}.slot.g2{background:linear-gradient(160deg,#1c2a40,#121620 70%)}.slot.g3{background:linear-gradient(160deg,#2c1e42,#16111f 70%)}.slot.g4{background:linear-gradient(160deg,#3e1c1e,#1a1016 70%)}.slot.g5{background:linear-gradient(160deg,#3e3018,#1a140c 70%)}.bag-layout{justify-content:center}.cols.bag-layout{display:grid;grid-template-columns:minmax(280px,330px) max-content;gap:0 24px;align-items:start}.bag-layout>.col{display:contents}.bag-layout .name-field{grid-column:1;grid-row:1}.bag-layout .doll-head{grid-column:1;grid-row:2}.bag-layout .bag-head{grid-column:2;grid-row:2}.bag-layout .doll{grid-column:1;grid-row:3}.bag-layout .bag-body{grid-column:2;grid-row:3 / span 2}.bag-layout .bag-stats{grid-column:1;grid-row:4}.bag-layout .doll-head,.bag-layout .bag-head h3{margin:0 0 8px}.bag-layout .bag-head .bag-cap{margin:-2px 0 10px}.name-field{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.name-lbl{color:var(--accent);font-size:15px;white-space:nowrap}.name-input{flex:1;min-width:0;padding:6px 10px;font:600 16px Sarabun,sans-serif;color:var(--text);background:#1a1422;border:2px solid var(--line);border-radius:6px;outline:none}.name-input:focus{border-color:var(--line-hi)}.name-input::placeholder{color:var(--dim);font-weight:400}.lv .hero-name{color:var(--text);margin-right:8px}.bag-layout .doll-col{flex:0 1 330px}.doll{position:relative;display:grid;grid-template-columns:58px 1fr 58px;grid-template-rows:repeat(4,58px);gap:6px 8px;align-items:center;justify-items:center;padding:10px 12px;margin-bottom:14px;background:radial-gradient(ellipse at 50% 55%,#2a2040,#0e0b14 70%);border:1px solid #2e2440;border-radius:12px}.doll-hero{position:relative;grid-column:2;grid-row:1 / -1;width:100%;height:100%;display:grid;place-items:center;overflow:visible}.doll-hero:before{content:"";position:absolute;left:calc(50% - 30px);top:calc(50% + 47px);width:40px;height:10px;border-radius:50%;background:radial-gradient(ellipse,#000b 0 45%,transparent 70%)}.doll-hero img{position:relative;z-index:1;width:168px;height:112px;margin:0 -2px 0 -22px;image-rendering:pixelated;filter:drop-shadow(0 3px 0 #0008)}.slot.eq{width:58px;height:58px}.slot.eq img{width:40px;height:40px}.slot.eq .lbl{font-size:11px}.eq-helmet{grid-column:1;grid-row:1}.eq-armor{grid-column:1;grid-row:2}.eq-pants{grid-column:1;grid-row:3}.eq-boots{grid-column:1;grid-row:4}.eq-accessory{grid-column:3;grid-row:2}.eq-weapon{grid-column:3;grid-row:3}.grid.bag-grid{grid-template-columns:repeat(10,62px);justify-content:start}.bag-layout .bag-col{flex:0 0 auto;width:max-content}.bag-count{color:var(--dim);font-family:Chakra Petch,sans-serif;font-size:15px;margin-left:6px}.bag-cap{height:5px;background:#0c0912;border:1px solid #2a2238;border-radius:3px;margin:-4px 0 10px;overflow:hidden}.bag-cap i{display:block;height:100%;background:linear-gradient(90deg,#5fb4ff,#c07cff)}.trash{margin-top:10px;padding:12px;border:2px dashed #4a2a34;border-radius:10px;text-align:center;color:#a06070;font-size:14px;pointer-events:auto}.trash.drag-over{background:#3a1820;border-color:#ff6070;color:#ffb0b8}.overlay.drag-out{background:#0a1e2d73;outline:3px dashed #5fb4ff;outline-offset:-12px}.howto{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.howto{grid-template-columns:repeat(2,1fr)}}.howto-card{background:var(--panel-2);border:2px solid var(--line);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.howto-card .art{height:78px;display:flex;align-items:center;justify-content:center;gap:6px}.howto-card .lbl{font-size:18px;font-weight:600;color:var(--text)}.howto-card .sub2{font-size:14px;color:var(--dim);line-height:1.35}kbd.kc{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;font:600 15px Chakra Petch,sans-serif;color:var(--text);background:linear-gradient(#4a3e5e,#342a44);border:2px solid var(--line-hi);border-bottom-width:5px;border-radius:4px;box-shadow:0 2px #000}kbd.kc.mid{min-width:52px}kbd.kc.wide{min-width:150px}.wasd{display:grid;grid-template-columns:repeat(3,38px);gap:4px;justify-items:center}.mouse{width:38px;height:54px}.mouse .m-body{fill:#342a44;stroke:var(--line-hi);stroke-width:2}.mouse .m-left{fill:var(--accent)}.mouse .m-line{stroke:var(--line-hi);stroke-width:1.5}.howto-card .plus,.howto-card .or{color:var(--dim);font-size:18px}.howto-card .aim{color:var(--accent);font-size:34px;line-height:1}.howto-card .ico{width:36px;height:36px;image-rendering:pixelated}.job-intro{margin:0 0 14px;font-size:16px;line-height:1.5;color:var(--text)}.job-intro b{color:var(--accent)}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.job-grid{grid-template-columns:repeat(2,1fr)}}.job-card{background:var(--panel-2);border:2px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.job-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.job-look{position:relative;height:72px;display:flex;align-items:flex-end;justify-content:center}.job-look img{width:108px;height:72px;image-rendering:pixelated}.job-look .job-ico{position:absolute;right:-4px;top:-4px;font-size:22px;line-height:1}.job-card .lbl{font-size:19px;font-weight:600;color:var(--text)}.job-card .sub2{font-size:14px;color:var(--dim);line-height:1.35;min-height:38px}.job-bonus{list-style:none;margin:2px 0 4px;padding:0;font-size:14px;color:#7ae08a;line-height:1.5}.job-skill{font-size:13px;line-height:1.4;color:var(--dim);border-top:1px solid var(--line);padding-top:6px;margin-bottom:4px}.job-skill b{color:#ffd060}.skill-job{font-size:12px;padding:1px 6px;border:1px solid #ffd060;color:#ffd060;border-radius:8px}.job-card .btn{margin-top:auto;width:100%}.job-foot{display:flex;justify-content:center;margin-top:16px}.settings-apply{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.settings-apply.dirty{border-color:var(--accent)}.settings-apply.dirty .settings-note{color:var(--accent)}.settings-apply .btn:disabled{opacity:.45;cursor:default}.credits{max-width:640px}.credit-name{font-family:Chakra Petch,sans-serif;font-size:28px;margin-bottom:16px}.credit-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.credit-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:2px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);text-decoration:none;font-size:18px;box-shadow:2px 2px #000}.credit-btn.fb{border-color:#1877f2}.credit-btn.fb:hover{background:#1b2c4a}.credit-btn.feedback{border-color:var(--accent)}.credit-btn.feedback:hover{background:#4a3418}.store-layout{display:flex;gap:18px;justify-content:center;align-items:flex-start}.store-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.store-title h3{margin:0}.btn.small{padding:3px 10px;font-size:14px}.store-head .bag-cap{margin:-2px 0 10px}.grid.store-grid{grid-template-columns:repeat(6,62px);width:max-content}.store-layout>.col{flex:0 0 auto;width:max-content}.store-worn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 14px}.store-worn h3{margin:0}.store-mid{display:flex;flex-direction:column;gap:10px;width:150px;margin-top:48px}.store-mid .btn{line-height:1.35;padding:10px 8px;text-align:center}.store-mid .btn b{font-size:22px}.store-mid .btn span:not(.muted){font-family:Chakra Petch,sans-serif;font-size:12px;background:#2e2440;border-radius:999px;padding:0 7px}.store-foot{margin-top:14px;text-align:center;font-size:14px}.slot.dim{opacity:.28}.slot.to-chest:hover:before,.slot.to-bag:hover:before{position:absolute;top:1px;font:700 15px Chakra Petch,sans-serif;color:#ffd27a;text-shadow:0 1px 2px #000;pointer-events:none}.slot.to-chest:hover:before{content:"→";right:4px}.slot.to-bag:hover:before{content:"←";left:4px}.slot.just-moved{animation:store-flash .6s ease-out}@keyframes store-flash{0%{box-shadow:0 0 0 3px #ffd27a,0 0 14px #ffd27a}to{box-shadow:none}}.chips.sort-bar{margin-top:-4px;align-items:center}.sort-bar>.muted{font-size:14px;margin-right:2px}.sort-bar .chip b{color:var(--accent)}.store-title .sort-bar{margin:0;gap:4px;flex-wrap:nowrap}.store-title .sort-bar .chip{padding:2px 10px;font-size:13px}.bag-head .store-title h3{margin:0}.row.worn{background:#1c1626;border-left:3px solid var(--accent)}