:root{color-scheme:dark;--bg: #120f14;--panel: #1d1820;--panel-2: #241d22;--line: #3a2f33;--fg: #efe4d2;--muted: #a8968a;--gold: #e0a73d;--ember: #d9472b;--it-exc: #5ce07a;--it-gold: #f2c14e;--it-blue: #8ac4ff;--it-opt: #7cb4ff;--font-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-title: "Cinzel", Georgia, serif;--font-body: "Chakra Petch", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}html{font-size:17.5px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16.5px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px 20px}.wrap{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:12px}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-family:var(--font-display);font-weight:700;font-size:1.5rem;margin:0;letter-spacing:.02em}h1 span{color:var(--ember)}.tag{font-family:var(--font-display);font-size:.8rem;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}button{font:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kbd{font-family:var(--font-display);font-size:.74rem;border:1px solid var(--line);border-radius:3px;padding:0 4px;color:var(--fg)}.note{color:var(--muted);font-size:.86rem;line-height:1.5;margin:0}.note b{color:var(--fg);font-weight:600}.stage{position:relative;border:2px solid var(--line);border-radius:6px;overflow:hidden;height:min(80vh,680px);min-height:440px;background:#2a1d14;touch-action:none;user-select:none;-webkit-user-select:none}.stage canvas{display:block;image-rendering:pixelated}.stage>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chip{font-family:var(--font-display);font-size:.76rem;letter-spacing:.06em;padding:3px 8px;background:#120f14c7;border:1px solid var(--line);border-radius:4px;color:var(--muted);white-space:nowrap}.chip b{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums}.corner{position:absolute;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:6px}.corner>*{pointer-events:auto}.corner.tl{top:8px;left:8px;width:190px}.corner.tc{top:8px;left:50%;transform:translate(-50%)}.corner.tr{top:8px;right:8px;align-items:center}.petf,.pf{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:5px 7px;background:#120f14cc;border:1px solid var(--line);border-radius:4px}.petf[hidden]{display:none}.petf #petIcon{grid-row:span 2;width:22px;height:22px}.petf #petIcon svg{width:100%;height:100%}.petf small{grid-column:2;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.pf{grid-template-columns:1fr}.pf.me .pf-name{color:var(--gold)}.pf.dead{opacity:.55}.pf-name{font-family:var(--font-display);font-size:.78rem;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-name small{color:var(--muted);font-size:.7rem}.pf-bar{display:block;height:5px;background:#120f14;border:1px solid #000;border-radius:1px;overflow:hidden}.pf-bar i{display:block;height:100%;background:linear-gradient(#ff6a5a,#b0181c)}.pf-bar.pet i{background:linear-gradient(#fff3b0,#e0a73d)}.party-frames{display:flex;flex-direction:column;gap:4px}.minimap{padding:0;border:2px solid var(--gold);border-radius:50%;overflow:hidden;width:136px;height:136px;background:#120f14;cursor:pointer;box-shadow:0 0 0 2px #120f14,0 2px 10px #0009}.minimap canvas{width:132px;height:132px;image-rendering:auto}.coords{font-family:var(--font-display);font-size:.72rem;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.skill.sel{outline:2px solid #fff;outline-offset:2px}.mm-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;color:var(--fg);text-shadow:0 1px 2px #000}.pad{position:absolute;z-index:2;right:calc(12px + env(safe-area-inset-right,0px));bottom:118px;width:116px;height:116px;border-radius:50%;background:#120f148c;border:2px solid var(--line);touch-action:none}.pad .knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ember);border:2px solid var(--gold);box-shadow:0 0 12px #d9472b8c;pointer-events:none}@media(hover:hover)and (pointer:fine){.pad{display:none}}.hud-bar{position:absolute;z-index:2;left:50%;bottom:6px;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px;padding:6px 12px;background:linear-gradient(180deg,#241d22eb,#120f14f2);border:1px solid #5a4630;border-radius:8px;box-shadow:0 0 0 1px #120f14,inset 0 1px #e0a73d40}.xpbar{position:absolute;left:10px;right:10px;top:-13px;height:9px;background:#120f14;border:1px solid #5a4630;border-radius:3px;overflow:hidden}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(#bfe2ff,#3a8aff)}.xpbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:.56rem;line-height:1;color:#fff;text-shadow:0 1px 1px #000;letter-spacing:.04em}.hud-mid{display:flex;flex-direction:column;gap:6px;align-items:center}.skills{display:flex;gap:8px}.skill{width:54px;height:54px;border-radius:8px;border:2px solid var(--gold);cursor:pointer;position:relative;background:radial-gradient(circle at 35% 30%,#ff9a4a,#b0221c 60%,#3c0a0e);color:#fff;font-family:var(--font-display);font-size:.6rem;letter-spacing:.03em;line-height:1.05;display:grid;place-items:center;text-align:center;padding:3px;touch-action:manipulation;box-shadow:0 0 8px #d9472b73,inset 0 -3px #00000059}.skill .k{position:absolute;top:1px;left:4px;color:var(--gold);font-size:.62rem;font-weight:700;text-shadow:0 1px 0 #000}.skill .sk-ic{width:70%;height:70%;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.skill[data-tint=gold]{background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a73d 55%,#6a4a0e);box-shadow:0 0 8px #e0a73d80,inset 0 -3px #00000059}.skill[data-tint=green]{background:radial-gradient(circle at 35% 30%,#a8f0a0,#2e8a3a 58%,#0e2a14);border-color:#a8e890;box-shadow:0 0 8px #5ce07a73,inset 0 -3px #00000059}.skill[data-tint=blue]{background:radial-gradient(circle at 35% 30%,#a8d0ff,#2a5ad0 58%,#0a1a3a);border-color:#9ac8ff;box-shadow:0 0 8px #5aa0ff73,inset 0 -3px #00000059}.skill[data-tint=purple]{background:radial-gradient(circle at 35% 30%,#e0b0ff,#7a2ac0 58%,#1e0a30);border-color:#d0a0ff;box-shadow:0 0 8px #b040ff73,inset 0 -3px #00000059}.skill[data-tint=orange]{background:radial-gradient(circle at 35% 30%,#ffd0a0,#e0682a 58%,#3a1206);box-shadow:0 0 8px #ff783273,inset 0 -3px #00000059}.skill:disabled{filter:grayscale(1) brightness(.6);cursor:not-allowed;box-shadow:none}.skill.nomana{filter:saturate(.35) brightness(.7)}.skill.empty{background:#120f14b3;border-color:var(--line);box-shadow:none;cursor:default}.menu{display:flex;gap:4px}.menu button{font-family:var(--font-display);font-size:.7rem;letter-spacing:.04em;color:var(--fg);cursor:pointer;background:#2a2126;border:1px solid var(--line);border-radius:4px;padding:3px 7px;display:flex;gap:5px;align-items:center}.menu button:hover,.menu button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.menu .kbd{font-size:.62rem;color:var(--muted)}.orb{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.orb svg{width:48px;height:66px;overflow:visible}.orb .shell{fill:#1a1014}.orb .rim{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round}.orb.hp svg{filter:drop-shadow(0 0 6px rgba(217,71,43,.55))}.orb.hp .l1{stop-color:#ff8a6a}.orb.hp .l2{stop-color:#e0281c}.orb.hp .l3{stop-color:#5a0508}.orb.mp svg{filter:drop-shadow(0 0 6px rgba(58,120,255,.55))}.orb.mp .l1{stop-color:#8ac4ff}.orb.mp .l2{stop-color:#2a6af0}.orb.mp .l3{stop-color:#0a1a5a}.orb-num{font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;width:88px;box-sizing:border-box;text-align:center;padding:1px 0 0;line-height:1.25;white-space:nowrap;overflow:hidden;border-radius:3px;border:1px solid #7a5a28;background:linear-gradient(#2a2026,#140f14);box-shadow:inset 0 1px #ffdc962e,0 0 0 1px #0c090c,0 2px 4px #00000080;text-shadow:0 1px 0 #000}.orb.hp .orb-num{color:#ffc2b4}.orb.mp .orb-num{color:#c2dcff}.orb .surf{transition:transform .25s ease-out}.orb .surf path{fill:#ffffff59;animation:orb-wave 2.4s linear infinite}.orb.mp .surf path{animation-duration:3s}@keyframes orb-wave{to{transform:translate(28px)}}.orb svg rect[id$=Fill]{transition:y .25s ease-out}.orb.low svg{animation:orb-low 1s ease-in-out infinite}@keyframes orb-low{50%{filter:drop-shadow(0 0 12px rgba(255,40,30,.95))}}.win{position:absolute;z-index:3;top:8px;width:330px;max-height:calc(100% - 16px);display:flex;flex-direction:column;background:#1d1820f7;border:1px solid #5a4630;border-radius:6px;box-shadow:0 0 0 1px #120f14,0 8px 24px #0009}.win[hidden],.mapfull[hidden]{display:none}.win.left{left:8px}.win.right{right:8px}.win header,.mapfull header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 6px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#2e2429,#221b20);border-radius:6px 6px 0 0}.win h2,.mapfull h2{font-family:var(--font-title);font-weight:700!important;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0;font-weight:500}.x{background:none;border:1px solid var(--line);color:var(--fg);width:24px;height:24px;border-radius:4px;cursor:pointer;line-height:1}.x:hover{border-color:var(--gold)}.win-body{padding:10px 12px 12px;overflow:auto;display:flex;flex-direction:column;gap:8px}.win h3{font-family:var(--font-display);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-weight:500}.seg{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.seg button,.win button:not(.x):not(.it){color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.82rem}.seg button[aria-pressed=true]{background:var(--ember);border-color:var(--gold);color:#fff}.win button:not(.x):hover:not(:disabled){border-color:var(--gold)}.win button:disabled{opacity:.4;cursor:not-allowed}.st-tag{font-family:var(--font-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}.lvl{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lvl .lbl{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lvl output{font-family:var(--font-display);font-size:1.4rem;color:var(--gold);font-variant-numeric:tabular-nums}.st-pts{font-size:.88rem;color:var(--muted)}.st-pts b{font-family:var(--font-display);color:var(--gold);font-size:1.05rem;font-weight:500}.st-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px}.st-name{display:flex;flex-direction:column;line-height:1.15;font-size:.92rem}.st-name small{color:var(--muted);font-size:.72rem}.st-row>b{font-family:var(--font-display);font-weight:500;font-size:1.05rem;text-align:right;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;line-height:1.05}.st-row>b small{font-family:var(--font-body);font-size:.66rem;color:var(--muted)}.st-add{display:flex;gap:3px}.st-add button{padding:3px 5px!important;font-size:.74rem!important}.st-derived{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:4px 0 0;font-size:.84rem;border-top:1px solid var(--line);padding-top:8px}.st-derived dt{color:var(--muted)}.st-derived dd{margin:0;font-variant-numeric:tabular-nums}.eq-grid{display:grid;gap:6px;justify-content:center;grid-template-columns:56px 56px 80px;grid-template-rows:56px 84px 56px 44px;grid-template-areas:"pet helm wings" "weapon armor shield" "gloves pants boots" "ring1 pendant ring2"}.slot{position:relative;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;border:1px solid var(--line);border-radius:4px;background:repeating-linear-gradient(45deg,#1a1418,#1a1418 4px,#1d171b 4px,#1d171b 8px);display:grid;place-items:center}.slot>span{font-family:var(--font-display);font-size:.64rem;color:#6a5a52;letter-spacing:.06em}.slot.filled{background:#241a1c;border-color:#5a4630}.slot.can{border-color:var(--it-exc);box-shadow:0 0 0 1px var(--it-exc) inset}.slot .it{position:absolute;top:0;right:0;bottom:0;left:0;padding:4px;box-sizing:border-box}.slot .it svg{object-fit:contain}.bag{position:relative;margin:0 auto;border:1px solid #5a4630;border-radius:2px;background-color:#17121a;background-image:linear-gradient(#2c2328 1px,transparent 1px),linear-gradient(90deg,#2c2328 1px,transparent 1px);background-size:var(--c) var(--c)}.bag-pos{position:absolute}.bag .it{width:calc(var(--w) * var(--c));height:calc(var(--h) * var(--c));background:#5a463040;border:1px solid rgba(224,167,61,.18)}.it{position:relative;cursor:grab;touch-action:none;display:grid;place-items:center}.it svg,.it .ico-img{width:100%;height:100%;display:block;image-rendering:pixelated}.ico-img{object-fit:contain;image-rendering:pixelated;pointer-events:none}.shop-ic .ico-img{width:calc(var(--w) * 16px);height:calc(var(--h) * 16px);max-width:100%;max-height:100%}.it.exc{box-shadow:inset 0 0 8px #5ce07a73,0 0 4px #5cf0c859;overflow:hidden}.it.exc:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(150,255,220,.35) 50%,transparent 60%);animation:exc-sweep 2.6s ease-in-out infinite}@keyframes exc-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}@media(prefers-reduced-motion:reduce){.it.exc:after{animation:none}}.it .plus{position:absolute;right:1px;bottom:0;font-family:var(--font-display);font-size:.62rem;font-weight:500;color:var(--it-gold);text-shadow:0 1px 1px #000,0 0 2px #000}.ghost{position:fixed;z-index:50;pointer-events:none;opacity:.9;padding:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.it.held{opacity:.3}body.holding,body.holding *{cursor:grabbing!important}.inv-test{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.inv-help{color:var(--muted);font-size:.76rem;margin:0;text-align:center}.shop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.shop-list li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:4px 6px;background:#1a1418;border:1px solid var(--line);border-radius:4px}.shop-ic{width:40px;height:40px;display:grid;place-items:center}.shop-ic svg{max-width:100%;max-height:100%;width:calc(var(--w) * 16px);height:calc(var(--h) * 16px)}.shop-name{font-size:.86rem}.shop-buy{display:flex;flex-direction:column;gap:3px}.shop-buy button{font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:center;gap:4px;justify-content:flex-end}.coin{display:inline-block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#e0a73d 55%,#7a5210);border:1px solid #3c2a08}.pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pl li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;background:#1a1418;border:1px solid var(--line);border-radius:4px;font-size:.88rem}.pl small{color:var(--muted)}.mapfull{position:absolute;z-index:4;top:8px;right:8px;bottom:8px;left:8px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:10px;background:#120f14f0;border:1px solid #5a4630;border-radius:6px}.mapfull header{align-self:stretch}.map-body{flex:1;min-height:0;width:calc(100% - 20px);display:flex;gap:10px}.mapfull canvas{flex:1;min-width:0;min-height:0;object-fit:contain;border:1px solid var(--line);image-rendering:auto;cursor:pointer}.map-list{width:190px;flex:none;overflow:auto;display:flex;flex-direction:column;gap:6px}.map-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.map-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;text-align:left;font:inherit;font-family:var(--font-display);font-weight:600;color:var(--fg);background:#1d1820;border:1px solid var(--line);border-radius:4px;padding:6px 8px;cursor:pointer}.map-list button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.map-list button:disabled{opacity:.45;cursor:not-allowed}.map-list button.here{border-color:var(--gold);background:#2a2018;cursor:default}.map-list small{color:var(--muted);font-weight:500}@media(max-width:640px){.map-body{flex-direction:column}.map-list{width:auto}}.lg{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 2px 0 8px;vertical-align:middle;border:1px solid #120f14}.lg.me{background:var(--gold)}.lg.party{background:#5ce07a}.lg.other{background:var(--fg)}.prompt{position:absolute;z-index:5;left:50%;top:42px;transform:translate(-50%);padding:10px 14px;text-align:center;background:#1d1820f7;border:1px solid var(--gold);border-radius:6px;display:flex;flex-direction:column;gap:8px;align-items:center}.prompt[hidden],.ctx[hidden]{display:none}.prompt p{margin:0}.prompt button{color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:4px;padding:5px 12px;cursor:pointer}.prompt button[data-ok="1"]{border-color:var(--gold);color:var(--gold)}.ctx{position:absolute;z-index:6;background:#1d1820fa;border:1px solid var(--gold);border-radius:4px;padding:4px;display:flex;flex-direction:column;min-width:160px}.ctx b{font-family:var(--font-display);font-weight:500;font-size:.8rem;padding:2px 6px 4px;color:var(--gold)}.ctx button{text-align:left;color:var(--fg);background:none;border:0;padding:5px 6px;cursor:pointer;border-radius:3px}.ctx button:hover{background:#3a2f33}.toasts{position:absolute;z-index:5;left:50%;top:70px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none}.toast{font-size:.86rem;padding:4px 10px;background:#120f14e0;border:1px solid var(--line);border-radius:4px;animation:toast 3.2s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-4px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.tip{position:fixed;z-index:60;pointer-events:none;max-width:280px;padding:8px 10px;text-align:center;background:#0c0a0ef5;border:1px solid #5a4630;border-radius:4px;font-size:13.4px;line-height:1.45}.tip[hidden]{display:none}.tip div:first-child{font-family:var(--font-display);font-size:15.2px;margin-bottom:4px}.t-desc{color:var(--fg);font-size:.78rem;line-height:1.4;margin-top:4px;max-width:250px}.t-base{color:var(--fg)}.t-muted{color:var(--muted);font-size:.78rem}.t-opt{color:var(--it-opt)}.t-warn{color:#ff6a5a}.death{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;text-align:center;gap:6px;pointer-events:none;background:radial-gradient(circle,#3c0a0e59,#120f14b3);font-family:var(--font-display)}.death[hidden]{display:none}.death b{font-size:2rem;color:var(--ember);letter-spacing:.06em}.death small{color:var(--fg);letter-spacing:.1em}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;font-family:var(--font-display);color:var(--muted);letter-spacing:.1em;background:var(--bg)}.loading[hidden]{display:none}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.group{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:10px}.group>.lbl{font-family:var(--font-display);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.controls .note{flex:1;min-width:260px}@media(max-width:640px){.stage{height:min(78vh,640px)}.corner.tl{width:140px}.corner.tc{display:none}.minimap{width:92px;height:92px}.minimap canvas{width:88px;height:88px}.mm-label{display:none}.hud-bar{gap:6px;padding:4px 6px;left:6px;right:6px;transform:none;justify-content:space-between}.orb svg{width:36px;height:50px}.skill{width:46px;height:46px}.skill.empty{display:none}.menu{display:grid;grid-template-columns:1fr 1fr}.menu .kbd{display:none}.win{left:6px!important;right:6px!important;width:auto}}.head-right{display:flex;align-items:center;gap:14px}.lang{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.lang button{background:transparent;color:var(--muted);border:0;padding:3px 9px;cursor:pointer;font-family:var(--font-display);font-size:.78rem;letter-spacing:.08em}.lang button[aria-pressed=true]{background:var(--ember);color:#fff}.sep{width:1px;align-self:stretch;background:var(--line);margin:0 2px}.potion{width:40px;height:54px;border-radius:8px 8px 14px 14px;border:2px solid var(--line);cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;touch-action:manipulation}.potion.hp{background:radial-gradient(circle at 40% 62%,#ff7a62,#b0181c 55%,#3c0a0e)}.potion.mp{background:radial-gradient(circle at 40% 62%,#8ac4ff,#1f56d0 55%,#0a1a5a)}.potion:before{content:"";position:absolute;top:3px;left:50%;width:12px;height:8px;margin-left:-6px;background:#c9a77a;border-radius:2px}.potion .k{position:absolute;top:1px;left:4px;color:var(--gold);font-family:var(--font-display);font-size:.6rem}.potion b{font-family:var(--font-display);font-weight:500;font-size:.72rem;color:#fff;text-shadow:0 1px 2px #000}.potion.empty{filter:grayscale(1) brightness(.5)}.menu .pvp[aria-pressed=true]{background:#6a1414;border-color:var(--ember);color:#fff}.gold{display:flex;align-items:center;gap:4px;padding:0 4px 0 8px;font-family:var(--font-display);font-size:.78rem;color:var(--it-gold);font-variant-numeric:tabular-nums}.gold i{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#e0a73d 55%,#7a5210);border:1px solid #3c2a08}.pvp-hint{position:absolute;z-index:2;left:50%;bottom:128px;transform:translate(-50%);pointer-events:none;font-family:var(--font-display);font-size:.78rem;letter-spacing:.06em;color:#fff;padding:3px 10px;background:#6a1414d9;border:1px solid var(--ember);border-radius:4px}.pvp-hint[hidden]{display:none}@media(max-width:640px){.potion{width:34px;height:46px}.sep{display:none}.menu{grid-template-columns:1fr 1fr 1fr}.head-right .tag{display:none}}.it .qty{position:absolute;left:1px;bottom:0;font-family:var(--font-display);font-size:.6rem;font-weight:500;color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000}.auth{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;background:var(--bg)}.auth[hidden]{display:none}.auth-card{width:min(360px,100%);display:flex;flex-direction:column;gap:10px;padding:18px 20px 16px;background:#1d1820f7;border:1px solid #5a4630;border-radius:6px;box-shadow:0 0 0 1px #120f14,0 10px 30px #0009}.auth-card.wide{width:min(640px,100%)}.auth-card h2{font-family:var(--font-display);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-weight:500}.auth-card h2 small{color:var(--muted);font-size:.72rem;margin-left:8px;letter-spacing:.06em}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:.84rem;color:var(--muted)}.auth-card input:not([type=radio]){font:inherit;font-size:.95rem;color:var(--fg);background:#120f14;border:1px solid var(--line);border-radius:4px;padding:8px 10px}.auth-card input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.auth-hint{color:var(--muted);font-size:.76rem;margin:0}.auth-err{color:#ff7a6a;font-size:.86rem;margin:0}.auth-warn{color:#ffb4a6;font-size:.88rem;line-height:1.5;margin:0;padding:8px 10px;border:1px solid #6a1414;background:#6a141440;border-radius:4px}.auth-main,.auth-danger,.auth-link{font:inherit;cursor:pointer;border-radius:4px;padding:8px 14px}.auth-main{background:var(--ember);color:#fff;border:1px solid var(--gold);font-family:var(--font-display);letter-spacing:.08em}.auth-danger{background:transparent;color:#ff7a6a;border:1px solid #6a1414}.auth-main:disabled,.auth-danger:disabled{opacity:.4;cursor:not-allowed}.auth-link{background:none;border:0;color:var(--muted);text-decoration:underline;padding:4px}.auth-link:hover{color:var(--fg)}.auth-row{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;align-items:center}.auth-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.auth-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--fg);background:#1a1418;border:1px solid var(--line);border-radius:4px}.auth-list button:hover{border-color:var(--gold)}.auth-list small{color:var(--it-exc);font-size:.76rem}.char-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.char-slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;min-height:150px;cursor:pointer;font:inherit;color:var(--fg);background:#1a1418;border:1px solid var(--line);border-radius:6px}.char-slot:hover{border-color:#8a6a3a}.char-slot.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 0 12px #e0a73d4d}.char-slot b{font-family:var(--font-display);font-weight:500;font-size:.86rem}.char-slot small{color:var(--muted);font-size:.7rem;text-align:center}.char-slot.empty{justify-content:center;font-size:1.6rem;color:var(--muted);border-style:dashed}.auth-sprite{width:100px;height:100px;display:grid;place-items:center;image-rendering:pixelated;background:url(/sprites/base.png) 0 0 / 1613px auto no-repeat;color:var(--muted);font-family:var(--font-display);font-size:1.6rem}.auth-sprite.mage{background-image:url(/sprites/mage_base.png);background-size:806px auto}.auth-sprite.barb{background-image:url(/sprites/barb_base.png)}.auth-sprite.elf{background-image:url(/sprites/elf_base.png);background-size:806px auto}.auth-sprite.locked{background:radial-gradient(circle,#2a2126,#1a1418 70%);border-radius:50%;width:70px;height:70px;margin:15px}.class-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.class-card{position:relative;align-items:center;text-align:center;padding:8px;cursor:pointer;background:#1a1418;border:1px solid var(--line);border-radius:6px;color:var(--fg)!important}.class-card input{position:absolute;opacity:0}.class-card:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.class-card:has(input:focus-visible){outline:2px solid var(--gold)}.class-card.locked{opacity:.5;cursor:not-allowed}.class-card b{font-family:var(--font-display);font-weight:500}.class-card small{color:var(--muted);font-size:.72rem}.auth-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;background:#0c0a0ecc;padding:16px}.head-btn{font-family:var(--font-display);font-size:.74rem;letter-spacing:.08em;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:4px;padding:3px 9px;cursor:pointer}.head-btn[hidden]{display:none}@media(max-width:640px){.char-slots{grid-template-columns:repeat(3,1fr)}.class-pick{grid-template-columns:1fr}}.chat{position:absolute;z-index:2;left:8px;bottom:150px;width:min(360px,calc(100% - 180px));display:flex;flex-direction:column;gap:4px;pointer-events:none}.chat-log{display:flex;flex-direction:column;gap:1px;max-height:150px;overflow:hidden;justify-content:flex-end;font-size:.82rem;line-height:1.3;text-shadow:0 1px 2px #000,0 0 2px #000}.chat-log p{margin:0;padding:1px 6px;background:#120f1473;border-radius:3px;overflow-wrap:anywhere;transition:opacity 1s}.chat-log p.old{opacity:0}.chat.open .chat-log p{opacity:1}.chat-log b{font-weight:600}.chat-log .ch-n b{color:#efe4d2}.chat-log .ch-p b,.chat-log .ch-p{color:#7ae08a}.chat-log .ch-g b,.chat-log .ch-g{color:#ffcf6a}.chat-log .ch-s{color:var(--muted);font-style:italic}.chat-form{display:flex;gap:4px;pointer-events:auto}.chat-form[hidden]{display:none}.chat-form select,.chat-form input{font:inherit;font-size:.86rem;color:var(--fg);background:#120f14e6;border:1px solid var(--gold);border-radius:4px;padding:4px 6px}.chat-form input{flex:1;min-width:0}@media(max-width:640px){.chat{bottom:120px;width:calc(100% - 150px)}}.vault-gold{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vault-gold span{display:flex;align-items:center;gap:5px;font-family:var(--font-display);color:var(--it-gold);margin-right:auto;font-variant-numeric:tabular-nums}.vault-gold input{width:90px;font:inherit;font-size:.84rem;color:var(--fg);background:#120f14;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.vault-grid .it{width:calc(var(--w) * var(--c));height:calc(var(--h) * var(--c));background:#5a463040;border:1px solid rgba(224,167,61,.18)}.auto-row{display:flex;flex-direction:column;gap:4px;font-size:.86rem;color:var(--muted)}.auto-row select{font:inherit;color:var(--fg);background:#120f14;border:1px solid var(--line);border-radius:4px;padding:5px 6px}.auto-row b{color:var(--fg);font-weight:600}.auto-row input[type=range]{accent-color:var(--ember)}.chk{display:flex;align-items:center;gap:6px;font-size:.86rem}.chk.soon{color:var(--muted)}.chk small{color:var(--muted);font-size:.72rem}.auto-picks{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.auto-go{font-family:var(--font-display);letter-spacing:.08em;background:var(--ember)!important;color:#fff!important;border-color:var(--gold)!important;padding:8px!important}.skill.locked{filter:grayscale(1) brightness(.45)}.skill.locked:after{content:"🔒";position:absolute;right:2px;bottom:1px;font-size:.7rem}.skill.buff{background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a73d 55%,#5a3a08);color:#2a1a04}.buffs{position:absolute;z-index:2;top:8px;left:50%;transform:translate(-50%) translateY(28px);display:flex;gap:4px;pointer-events:none}.buff-ic{font-family:var(--font-display);font-size:.68rem;color:#2a1a04;background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a73d 60%,#7a5210);border:1px solid #fff3b0;border-radius:5px;padding:2px 6px;box-shadow:0 0 8px #e0a73d99;display:inline-flex;align-items:center;gap:4px;font-weight:700}.buff-ic svg{width:12px;height:12px;image-rendering:pixelated}.buff-ic.def{color:#06142e;background:radial-gradient(circle at 35% 30%,#e0f0ff,#5aa0ff 60%,#1e3a7a);border-color:#cfe4ff;box-shadow:0 0 8px #5aa0ff99}.buff-ic.atk{color:#2a0e02;background:radial-gradient(circle at 35% 30%,#ffe0c0,#ff8a3a 60%,#8a2a0a);border-color:#ffd0a0;box-shadow:0 0 8px #ff783299}.skill[hidden]{display:none}.win.wide{width:420px}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-items{min-height:104px;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;padding:4px;background:#17121a;border:1px solid #5a4630;border-radius:3px}.trade-items .it{width:calc(var(--w) * 20px);height:calc(var(--h) * 20px);background:#5a463040;border:1px solid rgba(224,167,61,.18)}.trade-gold{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--it-gold);font-family:var(--font-display)}.trade-gold input{width:100%;font:inherit;font-size:.84rem;color:var(--fg);background:#120f14;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.trade-ok{margin:4px 0 0;font-size:.78rem;color:var(--muted)}.trade-ok.yes{color:var(--it-exc);font-weight:600}.mk-tabs{margin-bottom:4px}.mk-search{font:inherit;font-size:.86rem;color:var(--fg);background:#120f14;border:1px solid var(--line);border-radius:4px;padding:5px 8px}.mk-list{max-height:360px;overflow:auto}.mk-list li{grid-template-columns:40px 1fr auto auto}.mk-name{display:flex;flex-direction:column;line-height:1.2;font-size:.84rem;min-width:0}.mk-name small{color:var(--muted);font-size:.72rem}.mk-price{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--it-gold);white-space:nowrap}.mk-jw{width:16px;height:16px;display:inline-block}.mk-jw svg{width:100%;height:100%}.mk-sell{display:flex;align-items:center;gap:10px}html,body{height:100%;overflow:hidden}body{padding:0}.wrap{max-width:none;height:100%;gap:0}.stage{height:100%;min-height:0;border:0;border-radius:0;flex:1}body,.stage,.stage canvas{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20shape-rendering%3D%22crispEdges%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M1%201h1v1h1v1h1v1h1v1h1v1h1v1H5v1H4v1H3v1H2v1H1z%22%20fill%3D%22%232a1a08%22/%3E%3Cpath%20d%3D%22M2%203h1v1h1v1h1v1h1v1H4v1H3v1H2z%22%20fill%3D%22%23f2c14e%22/%3E%3Cpath%20d%3D%22M2%203h1v1H2z%22%20fill%3D%22%23fff3b0%22/%3E%3C/svg%3E) 2 2,default}.stage canvas.cur-attack{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20shape-rendering%3D%22crispEdges%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M1%201h3v1h1v1h1v1h1v1h1v1h1v2h-1v1h1v1h1v1H9v-1H8V9H7v1H5V9H4V8H3V7H2V6H1z%22%20fill%3D%22%232a1a08%22/%3E%3Cpath%20d%3D%22M2%202h2v1h1v1h1v1h1v1h1v1h-1v1H6V7H5V6H4V5H3V4H2z%22%20fill%3D%22%23e8e4dc%22/%3E%3Cpath%20d%3D%22M2%202h1v1H2z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M8%207h1v1h1v1h1v1h-1V9H9V8H8z%22%20fill%3D%22%23d9472b%22/%3E%3C/svg%3E) 2 2,crosshair}.stage canvas.cur-talk{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20shape-rendering%3D%22crispEdges%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M1%201h10v7H5L3%2010V8H1z%22%20fill%3D%22%232a1a08%22/%3E%3Cpath%20d%3D%22M2%202h8v5H4v1L3%208V7H2z%22%20fill%3D%22%23f2ece0%22/%3E%3Cpath%20d%3D%22M4%204h1v1H4zM6%204h1v1H6zM8%204h1v1H8z%22%20fill%3D%22%232a1a08%22/%3E%3C/svg%3E) 4 18,pointer}.stage canvas.cur-pick{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20shape-rendering%3D%22crispEdges%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M3%201h2v4h1V3h2v2h1V4h2v6l-1%201H4L2%209V6h1z%22%20fill%3D%22%232a1a08%22/%3E%3Cpath%20d%3D%22M4%202h0v4h1v1h1V4h1v3h1V5h1v1h1v4H5L3%208V7h1z%22%20fill%3D%22%23ffd9b8%22/%3E%3C/svg%3E) 8 4,grab}.gear{position:absolute;z-index:3;top:8px;right:152px;width:34px;height:34px;padding:6px;cursor:pointer;color:var(--gold);background:#120f14d9;border:1px solid #5a4630;border-radius:6px}.gear:hover,.gear[aria-pressed=true]{color:#fff3b0;border-color:var(--gold)}.gear svg{width:100%;height:100%;display:block}.opt-acc{display:flex;flex-direction:column;gap:6px}.opt-acc[hidden]{display:none}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.88rem}@media(max-width:640px){.gear{right:106px}}.chaos-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;min-height:60px}.chaos-it{width:100%;display:flex;align-items:center;gap:8px;text-align:left;font:inherit;background:#1d1820;border:1px solid var(--line);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--fg)}.chaos-it:hover{border-color:#ff7a6a}.chaos-it .shop-ic{width:28px;height:28px;display:grid;place-items:center}.chaos-mix{margin:8px 0;padding:6px 8px;border:1px dashed var(--line);border-radius:4px;color:var(--muted);text-align:center}.chaos-mix.ok{color:#ffe07a;border-color:#8a6a28;background:#e0a73d14}.chaos-help{margin-top:8px;font-size:.84rem;color:var(--muted)}.chaos-help ul{margin:6px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.opt-plan{margin:0 0 6px;font-size:.9rem;color:var(--muted)}.opt-plan .vip-1{color:#d8dce4}.opt-plan .vip-2{color:#f2c14e}.opt-plan .vip-0{color:var(--fg)}.mk-filters{display:flex;gap:6px;margin:6px 0}.mk-filters select{flex:1;min-width:0}.mk-own{font-size:.74rem;color:var(--muted);white-space:nowrap;padding:0 4px}[data-scene=gate]{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 260' preserveAspectRatio='none'><path d='M0 260V150l90-40 70 30 110-80 90 60 80-40 120 90 90-50 110 70 120-90 100 60 100-40 120 50V260z' fill='%2314101c'/></svg>") bottom / 100% 34% no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'><g fill='%230b080e'><path d='M40 200V96h18V80h10v16h14V60h-6l17-26 17 26h-6v36h14V80h10v16h18v104z'/><path d='M150 200V70h-8l26-40 26 40h-8v58h48V100h10v-8h8v8h8v-8h8v8h10v28h48V70h-8l26-40 26 40h-8v130z'/><path d='M330 200V110h14V96h10v14h16v90z'/></g><g fill='%23ffb04a'><rect x='93' y='70' width='4' height='7'/><rect x='165' y='80' width='5' height='8'/><rect x='236' y='120' width='6' height='10'/><rect x='311' y='80' width='5' height='8'/></g></svg>") 50% 100% / min(760px,90%) auto no-repeat,radial-gradient(circle at 78% 18%,rgba(255,240,210,.95) 0 3.2%,rgba(255,220,170,.25) 3.6%,transparent 13%),radial-gradient(ellipse at 50% 100%,rgba(217,71,43,.45),transparent 55%),linear-gradient(#0b0a1a,#1c1230 45%,#3a1a24 78%,#120d14)}[data-scene=hall]{background:radial-gradient(ellipse 34% 9% at 50% 86%,rgba(255,190,110,.32),transparent 70%),radial-gradient(circle at 9% 36%,rgba(255,150,60,.42),transparent 18%),radial-gradient(circle at 91% 36%,rgba(255,150,60,.42),transparent 18%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 160'><path d='M0 0h240v160H0z' fill='%23181218'/><path d='M20 160V60a40 40 0 0 1 80 0v100zM140 160V60a40 40 0 0 1 80 0v100z' fill='%230e0a0f'/><g stroke='%23221a20' stroke-width='2'><path d='M0 20h240M0 40h240M0 100h240M0 130h240'/><path d='M10 0v20M50 20v20M90 0v20M130 20v20M170 0v20M210 20v20M30 100v30M120 100v30M200 100v30'/></g></svg>") center / 480px auto repeat-x,linear-gradient(#0d0a0e 0,#0d0a0e 72%,#1a1216 72%,#0a080a)}[data-scene] .scene-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}[data-scene=gate] .scene-fx:before,[data-scene=gate] .scene-fx:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:120%;background-image:radial-gradient(2px 2px at 12% 90%,#ffb04a,transparent),radial-gradient(1.5px 1.5px at 28% 80%,#ff7a3a,transparent),radial-gradient(2px 2px at 47% 95%,#ffd27a,transparent),radial-gradient(1.5px 1.5px at 63% 85%,#ff9a4a,transparent),radial-gradient(2px 2px at 81% 92%,#ffb04a,transparent),radial-gradient(1.5px 1.5px at 92% 78%,#ff7a3a,transparent);animation:embers 9s linear infinite;opacity:.8}[data-scene=gate] .scene-fx:after{animation-duration:13s;animation-delay:-6s;transform:scaleX(-1)}@keyframes embers{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-60%);opacity:0}}[data-scene=hall] .scene-fx:before,[data-scene=hall] .scene-fx:after{content:"";position:absolute;top:calc(36% - 34px);width:16px;height:30px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff3c0,#ffb04a 40%,#d9472b 75%,transparent 76%);filter:drop-shadow(0 0 10px #ff8a3a);animation:torch .18s ease-in-out infinite alternate}[data-scene=hall] .scene-fx:before{left:calc(9% - 8px)}[data-scene=hall] .scene-fx:after{right:calc(9% - 8px);animation-delay:-.09s}@keyframes torch{to{transform:scale(.88,1.08) translateY(-2px);opacity:.85}}@media(prefers-reduced-motion:reduce){[data-scene] .scene-fx:before,[data-scene] .scene-fx:after{animation:none}}.auth,.loading{flex-direction:column}.auth>.auth-card,.auth>form,.logo{position:relative}.logo{font-family:var(--font-title);font-weight:700;font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:.06em;margin:0 0 14px;color:#f2e2c0;text-shadow:0 2px 0 #3a1a10,0 0 24px rgba(255,140,60,.45)}.logo span{color:var(--ember)}.loading{display:flex;align-items:center;justify-content:center;gap:6px}.load-text{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;color:#e8d8c0;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.load-bar{display:block;width:220px;height:6px;border:1px solid #7a5a28;border-radius:3px;background:#140f14;overflow:hidden;position:relative}.load-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,#e0a73d,transparent);animation:loadbar 1.2s ease-in-out infinite}@keyframes loadbar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.st-test[hidden],.inv-test[hidden],.touch-only{display:none!important}.tmenu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:12px;background:#0c0a0e8c}.tmenu-card{width:min(340px,100%);max-height:calc(100% - 8px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:#1d1820fa;border:1px solid var(--gold);border-radius:8px;box-shadow:0 8px 30px #000000b3}.tmenu-tip{font-size:.86rem;line-height:1.4;text-align:center}.tmenu-tip div:first-child{font-family:var(--font-display);font-size:1rem;margin-bottom:4px}.tmenu-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tmenu-btns button{font-family:var(--font-display);font-size:.92rem;letter-spacing:.03em;color:var(--fg);min-height:40px;padding:6px 8px;cursor:pointer;background:#2a2126;border:1px solid #5a4630;border-radius:6px}.tmenu-btns button:first-child{background:var(--ember);border-color:var(--gold);color:#fff}.tmenu-btns .tmenu-close{grid-column:1 / -1;background:transparent!important;border-color:var(--line)!important;color:var(--muted)!important}@media(hover:none)and (pointer:coarse){.touch-only{display:flex!important}.menu .kbd,.mm-label .kbd,.skill .k,.potion .k{display:none}.pad{left:calc(14px + env(safe-area-inset-left,0px));right:auto}.chat{bottom:250px}.win-body{overscroll-behavior:contain}.x{width:34px;height:34px;font-size:1.1rem}.tip{pointer-events:none}}@media(max-height:500px){.corner.tc{display:none}.corner.tl{width:150px}.minimap{width:84px;height:84px}.minimap canvas{width:80px;height:80px}.mm-label{font-size:.62rem}.gear{right:100px;width:30px;height:30px;padding:5px}.hud-bar{gap:6px;padding:3px 8px;bottom:2px}.xpbar{top:-11px;height:8px}.orb svg{width:30px;height:42px}.orb-num{width:64px;font-size:.64rem}.skills{gap:6px}.skill{width:42px;height:42px}.skill.empty{display:none}.potion{width:32px;height:42px}.menu button{font-size:.64rem;padding:2px 6px}.menu .kbd{display:none}.gold{font-size:.7rem}.pad{bottom:82px;width:104px;height:104px}.chat{bottom:194px;width:min(300px,40%)}.chat-log{max-height:76px;font-size:.74rem}.pvp-hint{bottom:92px}.win{top:4px;max-height:calc(100% - 8px)}.win-body{padding:8px;gap:6px}#invBody{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}#winInv{width:auto}.inv-help{display:none}.mapfull{top:4px;right:4px;bottom:4px;left:4px}}@media(max-width:640px){.hud-bar{align-items:center}.hud-mid{flex:1;min-width:0}.hud-bar{gap:4px;padding:4px 5px}.skills{flex-wrap:wrap;justify-content:center;gap:4px}.skill{width:40px;height:40px}.potion{width:30px;height:40px}.orb svg{width:32px;height:44px}.orb-num{width:50px;font-size:.6rem}.menu{width:100%}.menu button{justify-content:center;font-size:.68rem;padding:4px 2px}.gold{justify-content:center}.pad{bottom:170px}.chat{bottom:290px;width:calc(100% - 16px)}.chat-log{max-height:90px}.pvp-hint{bottom:170px}.win{max-height:calc(100% - 12px)}.stage:has(.win.left:not([hidden])) .win.right:not([hidden]){top:auto;bottom:6px;max-height:calc(50% - 9px)}.stage:has(.win.right:not([hidden])) .win.left:not([hidden]){max-height:calc(50% - 9px)}}