:root{--rarity-common: #9d9d9d;--rarity-uncommon: #1eff00;--rarity-rare: #3d8bff;--rarity-epic: #b65cff;--rarity-legendary: #ff8000;--bg: #0e0a07;--panel: #1d150eee;--border: #6e5320;--text: #ecdfc2;--accent: #e0b04f;--error: #e05a5a;--hp: #c0392b;--rage: #d9681c;--xp: #8e5bd9;--gold: #c9a24a;--gold-light: #f2d58c;--gold-dark: #6e5320;--wood: #2a1e13;--wood-dark: #160f09;--muted: #b3a385;--font-title: "Cloister Black TR", "Old English Text MT", serif;--font-body: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;font-family:var(--font-body)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0}.panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px #000;display:flex;flex-direction:column;gap:10px;text-align:center;z-index:10}.panel h1{margin:0 0 8px;font-size:22px;color:var(--accent);letter-spacing:1px}.game-logo{align-self:center;width:88px;height:88px;padding:12px;box-sizing:border-box;border-radius:50%;background:#f2f0ec;border:2px solid var(--gold);box-shadow:0 0 0 2px #000,3px 3px 0 2px #000}#characters{width:min(460px,calc(100vw - 32px))}#game-menu{z-index:25}#game-menu>div{display:flex;flex-direction:column;gap:8px}#game-menu>div[hidden]{display:none}#game-menu .gm-link{text-align:center;padding:4px}#game-menu .setting{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;text-align:left}#game-menu .setting:has(input[type=checkbox]){justify-content:flex-start}#game-menu .setting input[type=checkbox]{width:16px;height:16px;padding:0}#game-menu select{font:inherit;padding:4px;color:var(--text);background:#0e0f15;border:2px solid var(--border)}table.controls{width:100%;font-size:12px;border-collapse:collapse;text-align:left}table.controls td{padding:3px 4px;border-bottom:1px solid #ffffff12}table.controls td:first-child{color:var(--accent);white-space:nowrap}#death h1{color:var(--error)}.panel p{margin:0}.panel label{text-align:left;font-size:13px}.panel input,.panel button{font:inherit;padding:10px;border:2px solid var(--border);background:#0e0f15;color:var(--text)}.panel button{background:var(--accent);color:#1a1408;font-weight:700;cursor:pointer}.panel button:disabled{opacity:.6;cursor:wait}.panel .row{display:flex;gap:8px}.panel .row>*{flex:1;min-width:0}.panel button.secondary{background:#0e0f15;color:var(--accent);border-color:var(--accent)}.panel button.link{background:none;border:0;padding:4px;color:#fff9;font-weight:400;text-decoration:underline}.muted{color:#fff9;font-size:13px}.gm-link{color:#7fe3ff;font-size:13px}#class-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.panel button.class-card{display:flex;flex-direction:column;gap:4px;padding:8px 6px;text-align:left;color:var(--text);background:#0e0f15;border:2px solid #000}.panel button.class-card b{color:var(--class-color)}.panel button.class-card span{font-size:10px;font-weight:400;line-height:1.3;color:#fffa}.panel button.class-card.active{border-color:var(--class-color);box-shadow:0 0 8px var(--class-color)}#character-list{display:flex;flex-direction:column;gap:6px}.panel button.character{display:flex;justify-content:space-between;align-items:center;background:#0e0f15;color:var(--text);text-align:left}.panel button.character:hover{border-color:var(--accent)}.error{color:var(--error);min-height:1em;margin:0;font-size:13px}#hud>*{position:fixed}.frame{width:210px;padding:6px;background:#000a;border:2px solid var(--border);box-shadow:2px 2px #000;display:flex;flex-direction:column;gap:3px}#player-frame{top:8px;left:8px}#target-frame{top:8px;left:50%;transform:translate(-50%)}.frame-title{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.lvl{color:var(--accent)}.bar{position:relative;height:14px;background:#222;border:1px solid #000}.bar .fill{height:100%;transition:width .12s linear}.bar span{position:absolute;inset:0;font-size:11px;line-height:12px;text-align:center;text-shadow:1px 1px 0 #000}.bar.hp .fill{background:var(--hp)}.bar.rage{height:8px}.bar.rage span{display:none}.bar.rage .fill{background:var(--rage)}.bar.rage.mana .fill{background:#3b82f6}.bar.hp.shielded{box-shadow:0 0 0 1px #74c0fc,0 0 6px #74c0fc}#cast-bar{bottom:132px;left:50%;transform:translate(-50%);width:220px;height:16px;background:#000c;border:2px solid var(--border);box-shadow:2px 2px #000}#cast-fill{height:100%;width:0}#cast-name{position:absolute;inset:0;font-size:11px;line-height:12px;text-align:center;text-shadow:1px 1px 0 #000}#cast-bar.interrupted{border-color:var(--error)}#cast-bar.interrupted #cast-fill{background:var(--error)!important}#chat{left:8px;bottom:22px;width:min(380px,calc(100vw - 16px));display:flex;flex-direction:column;gap:4px}#chat-log{max-height:180px;overflow-y:auto;padding:4px 6px;font-size:12px;line-height:1.35;background:#0007;border:1px solid #ffffff1a;scrollbar-width:thin}#chat.active #chat-log{background:#000b;border-color:var(--border)}#chat-log:empty{display:none}.chat-line{text-shadow:1px 1px 0 #000;overflow-wrap:anywhere}.chat-line .name{cursor:pointer;font-weight:700}.chat-line.whisper{color:#f783ac}.chat-line.system{color:#ffd34d}.chat-line .gm{color:#7fe3ff}#chat-input{font:inherit;font-size:13px;padding:6px 8px;color:var(--text);background:#000d;border:2px solid var(--accent);outline:none}@media(max-width:600px){#chat-log{max-height:90px}}#boss-bar{top:76px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 32px));padding:6px 8px;background:#000c;border:2px solid #8b1a1a;box-shadow:2px 2px #000}#boss-name{margin-bottom:4px;font-weight:700;text-align:center;color:#ff8c1a;text-shadow:1px 1px 0 #000}#boss-bar .bar{height:16px}#boss-bar .bar.hp .fill{background:linear-gradient(#e23b3b,#9b1c1c)}#boss-bar.enraged{animation:boss-enraged .8s ease-in-out infinite}@keyframes boss-enraged{50%{box-shadow:0 0 14px #ff3b3b}}#loading{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent);background:#000d}#killfeed{top:40px;right:196px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none}#killfeed .kill{padding:2px 8px;font-size:12px;font-weight:700;background:#000a;border-left:3px solid #888;text-shadow:1px 1px 0 #000}#killfeed .kill.mine{border-left-color:#4cd964}#killfeed .kill.died{border-left-color:var(--error)}#killfeed small{color:#ffd34d}#killfeed b{color:#ff8c1a}#pvp-stats{top:84px;left:8px;padding:3px 8px;font-size:12px;color:#ff8787;background:#000a;border:1px solid #c92a2a}#leaderboard{top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 16px));z-index:15}#leaderboard table{width:100%;border-collapse:collapse;font-size:12px}#leaderboard th{text-align:left;color:var(--accent);border-bottom:1px solid var(--border);padding:4px}#leaderboard td{padding:4px;border-bottom:1px solid #ffffff10}#leaderboard tr:first-child td{color:#ffd34d}.online-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#4cd964}.target-actions{display:flex;gap:4px}.target-actions button{flex:1}#target-invite,#target-trade,#target-duel{font:inherit;font-size:11px;padding:3px;color:#1a1408;background:#4cd964;border:1px solid #000;cursor:pointer}#party-frames{top:112px;left:8px;width:170px;display:flex;flex-direction:column;gap:4px}.party-member{padding:4px 5px;background:#000a;border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:2px}.party-member:hover{border-color:#4cd964}.party-member .pm-title{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.party-member .pm-info{color:#fff9;font-weight:400}.party-member .bar{height:7px}.party-member .bar.rage{height:4px}.party-member.offline,.party-member.dead{opacity:.5}.party-leave{font:inherit;font-size:10px;padding:2px;color:#fffa;background:#000a;border:1px solid var(--border);cursor:pointer}#party-invite,#duel-invite,#trade-invite,#dungeon-invite{top:22%;left:50%;transform:translate(-50%);width:min(300px,calc(100vw - 16px));z-index:16;text-align:center}#party-invite p,#duel-invite p,#trade-invite p,#dungeon-invite p{margin:0}#party-invite .row,#duel-invite .row,#trade-invite .row,#dungeon-invite .row{display:flex;gap:8px}#party-invite button,#duel-invite button,#trade-invite button,#dungeon-invite button{flex:1;font:inherit;font-weight:700;padding:6px;border:2px solid #000;cursor:pointer}#party-accept,#duel-accept,#trade-accept,#dungeon-accept{background:#4cd964}#party-decline,#duel-decline,#trade-decline,#dungeon-decline,#target-duel{background:#e05a5a;color:#fff}.chat-line.party{color:#74c0fc}#minimap{top:40px;right:8px;width:auto;align-items:center;pointer-events:none}#minimap-zone{align-self:stretch;font-size:11px;font-weight:700;text-align:center;color:var(--accent)}#minimap-canvas{display:block;image-rendering:pixelated;border:1px solid #000}#minimap-legend{display:flex;align-items:center;gap:3px;font-size:9px;color:#fffc}#minimap-legend i{display:inline-block;width:6px;height:6px;margin-left:4px;border:1px solid #000;border-radius:50%}#minimap-legend .self{background:#ffe14d}#minimap-legend .party{background:#4cd964}#minimap-legend .player{background:#fff}body.touch #minimap{top:196px}@media(max-width:600px){#minimap-canvas{width:112px}#minimap-legend{display:none}}#netinfo{top:8px;right:8px;display:flex;gap:12px;padding:4px 8px;font-size:12px;background:#0009;border:1px solid var(--border);pointer-events:none}#messages{top:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.message{font-size:16px;font-weight:700;text-shadow:2px 2px 0 #000;animation:fade-out 1.6s forwards}.message.error{color:var(--error)}.message.info{color:var(--text)}.message.level{font-size:24px;color:var(--accent);animation-duration:3s}@keyframes fade-out{0%,70%{opacity:1}to{opacity:0}}#bottom{bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}#action-dock{display:flex;flex-direction:column;gap:3px}#hotbar{display:flex;gap:4px;padding:4px;background:#000a;border:2px solid var(--border)}.slot{position:relative;width:44px;height:44px;padding:0;overflow:hidden;font:inherit;color:#fff;background:var(--skill-color);border:2px solid #000;box-shadow:inset 0 0 0 2px #ffffff40;cursor:pointer}.slot-label{font-size:15px;font-weight:700;text-shadow:1px 1px 0 #000}.slot-key{position:absolute;top:1px;left:3px;font-size:10px;text-shadow:1px 1px 0 #000}.slot-sweep{position:absolute;left:0;right:0;bottom:0;height:0;background:#000b;pointer-events:none}.slot.no-resource{filter:grayscale(.8) brightness(.6)}.slot.pressed{animation:press .15s}@keyframes press{50%{transform:scale(.88)}}#xp-bar{width:100%;height:10px;border-left:0;border-right:0}#xp-bar .fill{background:var(--xp)}#xp-bar span{font-size:9px;line-height:9px}#help{bottom:16px;right:8px;max-width:calc(50% - 160px);text-align:right;font-size:11px;color:#fffa;text-shadow:1px 1px 0 #000;pointer-events:none}@media(max-width:600px){.frame{width:150px}#target-frame{top:70px}#help,#netinfo{display:none}}.window{padding:8px;background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px #000;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 16px)}.window-scroll{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto}.window-scroll>*{flex-shrink:0}.window-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--accent)}.window .close{font:inherit;font-size:18px;line-height:1;padding:0 6px;color:var(--text);background:none;border:1px solid var(--border);cursor:pointer}.window-hint{margin:0;font-size:11px;color:#fff9}#inventory-window{top:60px;right:8px}#shop-window{top:60px;right:372px;width:260px}@media(max-width:760px){#shop-window{right:auto;left:8px;top:120px}}#upgrade-window{top:60px;right:372px;width:300px}@media(max-width:760px){#upgrade-window{right:auto;left:8px;top:120px}}.upgrade-body{display:flex;gap:10px;align-items:flex-start}#upgrade-slot{flex:none;width:48px;height:48px}#upgrade-slot img{width:44px;height:44px}#upgrade-info{display:flex;flex-direction:column;gap:3px;font-size:12px}#upgrade-info .muted{color:#fff9}#upgrade-info .requirement img{width:16px;height:16px;vertical-align:middle;image-rendering:pixelated}#upgrade-info .up{color:#4cd964}#upgrade-info .gold{color:#ffd34d}#upgrade-info .bad,#upgrade-info .danger{color:var(--error)}#upgrade-info .danger{font-weight:700}#upgrade-info .safe{color:#8fd18f}.upgrade-protect{display:flex;align-items:center;gap:6px;font-size:12px}#upgrade-button{font:inherit;font-weight:700;padding:8px;color:#1a1408;background:var(--accent);border:2px solid #000;cursor:pointer}#upgrade-button:disabled{opacity:.45;cursor:not-allowed}#upgrade-result{min-height:24px;font-size:18px;font-weight:700;text-align:center;text-shadow:2px 2px 0 #000}#upgrade-result.success{color:#4cd964;animation:pop .5s}#upgrade-result.failed{color:silver;animation:shake .4s}#upgrade-result.protected{color:#ff8c1a;animation:shake .4s}#upgrade-result.burned{color:#ff3b3b;animation:shake .5s}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.char-panel{display:flex;gap:10px;align-items:center}#doll{position:relative;flex:none;width:196px;height:196px;overflow:hidden;cursor:pointer;border:2px solid #000;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 28px #000;background:radial-gradient(ellipse 34% 7% at 50% 89%,#ffffff30,transparent 70%),linear-gradient(90deg,#3d0a0d 0,#7a1a1e 4%,#350709 8%,#6e171b 12%,#2a0507 16%,transparent 19%,transparent 81%,#2a0507 84%,#6e171b 88%,#350709 92%,#7a1a1e 96%,#3d0a0d 100%),linear-gradient(180deg,#5a1014 0,#5a1014 7%,#2a0507 8%,transparent 9%),radial-gradient(ellipse at 50% 40%,#2c2433,#0b080e 75%)}#doll canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#doll-body{z-index:2}#doll-weapon{z-index:3}#doll-weapon.behind{z-index:1}#doll-weapon.glow-7{filter:drop-shadow(0 0 3px #a064ff)}#doll-weapon.glow-8{filter:drop-shadow(0 0 4px #b36bff) drop-shadow(0 0 8px #9b4dff);animation:doll-glow 1.8s ease-in-out infinite}#doll-weapon.glow-9,#doll-weapon.glow-10{filter:drop-shadow(0 0 3px #f0dcff) drop-shadow(0 0 8px #b066ff) drop-shadow(0 0 14px #8a2be2);animation:doll-glow 1s ease-in-out infinite}@keyframes doll-glow{50%{filter:drop-shadow(0 0 5px #f0dcff) drop-shadow(0 0 12px #b066ff) drop-shadow(0 0 20px #8a2be2)}}#doll-rotate{position:absolute;right:4px;bottom:4px;z-index:4;width:24px;height:24px;padding:0;font-size:15px;line-height:1;color:var(--text);background:#000a;border:1px solid var(--border);cursor:pointer}#doll.equip-flash #doll-body{animation:equip-flash .38s ease-out}@keyframes equip-flash{30%{filter:brightness(2.2) drop-shadow(0 0 6px #fff)}}.doll-drop{position:absolute;z-index:5;width:42px;height:42px;image-rendering:pixelated;pointer-events:none;transform:translate(-50%,-50%);animation:doll-drop .65s cubic-bezier(.4,0,.9,.6) forwards}@keyframes doll-drop{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% + var(--spin) * 10px),-110%) rotate(calc(var(--spin) * 20deg)) scale(1.1)}to{transform:translate(calc(-50% + var(--spin) * 40px),200%) rotate(calc(var(--spin) * 160deg)) scale(.9);opacity:0}}#equipment{display:grid;grid-template-columns:40px 40px;grid-template-rows:repeat(4,40px);gap:8px 6px;grid-template-areas:"earring head" "weapon  chest" "neck    legs" "ring    feet"}#stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:12px;color:#fffc}#stats b{color:var(--text)}#inventory-grid{display:grid;grid-template-columns:repeat(8,40px);gap:3px}.item-slot{position:relative;width:40px;height:40px;background:#0b0c12;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff14}.item-slot.filled{box-shadow:inset 0 0 0 1px var(--rarity);cursor:grab}.item-slot[data-label]:not(.filled):after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff6}.item-slot img{width:36px;height:36px;margin:1px;image-rendering:pixelated;pointer-events:none}.item-slot .qty,.slot .slot-count{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;pointer-events:none}.item-slot .plus{position:absolute;left:2px;top:0;font-size:10px;font-weight:700;color:var(--accent);text-shadow:1px 1px 0 #000}.gold-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700;color:#ffd34d}.coin{width:10px;height:10px;border-radius:50%;background:#ffd34d;box-shadow:inset -2px -2px #b8860b}#shop-list{display:flex;flex-direction:column;gap:3px;max-height:50vh;overflow-y:auto}.shop-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:3px 6px;font:inherit;font-size:13px;text-align:left;color:var(--text);background:#0b0c12;border:1px solid #000;cursor:pointer}.shop-row:hover{border-color:var(--accent)}.shop-row img{width:24px;height:24px;image-rendering:pixelated}.shop-row .price{color:#ffd34d}.shop-row.unaffordable{opacity:.5}.shop-row.unaffordable .price{color:var(--error)}.slot.item{background:#1b1d28}.slot img{width:36px;height:36px;image-rendering:pixelated}.item-slot.glow-7{box-shadow:inset 0 0 0 1px #8e4dd9,inset 0 0 6px #7a3fc480}.item-slot.glow-7 img{filter:drop-shadow(0 0 2px #a064ff99)}.item-slot.glow-8{box-shadow:inset 0 0 0 1px #b36bff,inset 0 0 10px #9b4dffa0;animation:glow-8 1.8s ease-in-out infinite}.item-slot.glow-8 img{filter:drop-shadow(0 0 2px #c48cff) drop-shadow(0 0 5px #a64dffcc)}.item-slot.glow-9,.item-slot.glow-10{box-shadow:inset 0 0 0 1px #dcb3ff,inset 0 0 14px #b066ffd0;animation:glow-9 1.1s ease-in-out infinite}.item-slot.glow-9 img,.item-slot.glow-10 img{filter:drop-shadow(0 0 2px #f0dcff) drop-shadow(0 0 6px #b066ff) drop-shadow(0 0 10px #8a2be2)}.item-slot.glow-10{animation-duration:.8s}.item-slot.glow-9:before,.item-slot.glow-10:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px) 7px 6px / 40px 40px no-repeat,radial-gradient(circle,#e3c2ff 0 1px,transparent 1.5px) 28px 12px / 40px 40px no-repeat,radial-gradient(circle,#fff 0 1px,transparent 1.5px) 18px 30px / 40px 40px no-repeat,radial-gradient(circle,#d9a3ff 0 1px,transparent 1.5px) 33px 27px / 40px 40px no-repeat;animation:twinkle 1.4s steps(2,jump-none) infinite}.item-slot.glow-10:before{animation-duration:.7s}@keyframes glow-8{50%{box-shadow:inset 0 0 0 1px #c48cff,inset 0 0 16px #a64dffd0}}@keyframes glow-9{50%{box-shadow:inset 0 0 0 1px #f0dcff,inset 0 0 20px #c48cff,0 0 8px #a64dff}}@keyframes twinkle{0%{opacity:1;transform:translate(0)}50%{opacity:.2;transform:translate(3px,-4px)}to{opacity:1;transform:translate(-2px,2px)}}.glow-text-7{text-shadow:1px 1px 0 #000,0 0 5px #8e4dd9}.glow-text-8{text-shadow:1px 1px 0 #000,0 0 6px #a64dff,0 0 10px #8a2be2}.glow-text-9,.glow-text-10{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,0 0 6px #b066ff,0 0 12px #a64dff,0 0 18px #8a2be2}#tooltip{position:fixed;z-index:100;max-width:240px;padding:6px 8px;font-size:12px;background:#0b0c12f2;border:1px solid var(--border);box-shadow:2px 2px #000;pointer-events:none}#tooltip .tt-title{font-weight:700;font-size:13px}#tooltip .tt-muted{color:#fff9}#tooltip .tt-desc{color:#ffd34d}[hidden]{display:none!important}#stall-button,#fish-button{bottom:118px;left:50%;transform:translate(-50%);font:inherit;font-weight:700;padding:6px 14px;color:#1a1408;background:var(--accent);border:2px solid #000;box-shadow:3px 3px #000;cursor:pointer}#stall-setup,#stall-browse{top:60px;right:372px;width:330px}@media(max-width:760px){#stall-setup,#stall-browse{right:auto;left:8px;top:120px}}#stall-title-input,.stall-row input{font:inherit;font-size:13px;padding:4px 6px;color:var(--text);background:#0b0c12;border:1px solid var(--border)}#stall-title-input:disabled{opacity:.7}.stall-list{display:flex;flex-direction:column;gap:3px;max-height:45vh;overflow-y:auto}.stall-list .muted{margin:4px 0;font-size:12px;color:#fff9}.stall-row{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:13px;background:#0b0c12;border:1px solid #000}.stall-row img{width:24px;height:24px;image-rendering:pixelated}.stall-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stall-row input{width:92px}.stall-row input.qty{width:52px}.stall-row .price{color:#ffd34d}.stall-row .price:after{content:" ●";font-size:9px}.stall-row button,.stall-action{font:inherit;font-size:12px;font-weight:700;padding:2px 8px;color:#1a1408;background:var(--accent);border:1px solid #000;cursor:pointer}.stall-row button.remove{color:var(--text);background:none;border-color:var(--border)}.stall-action{padding:8px;font-size:14px}.stall-row.unaffordable .price{color:var(--error)}.stall-row.unaffordable button{opacity:.5}.stall-total{font-size:12px;color:#ffd34d}#stall-setup-hint.error{color:var(--error)}#npc-dialog{top:60px;left:50%;transform:translate(-50%);width:420px;max-height:calc(100vh - 180px)}#quest-log{top:60px;left:240px;width:360px;max-height:calc(100vh - 160px)}@media(max-width:760px){#npc-dialog,#quest-log{left:8px;right:8px;transform:none;width:auto}}#npc-dialog-body,#quest-log-body{display:flex;flex-direction:column;gap:6px;font-size:13px}.npc-greeting,.quest-text{margin:0;line-height:1.45;white-space:pre-line;color:#f1ead6}.quest-text.small{font-size:12px;color:#fffb}.npc-quests{display:flex;flex-direction:column;gap:3px}.npc-quest{display:flex;align-items:center;gap:8px;padding:5px 8px;font:inherit;font-size:13px;text-align:left;color:var(--text);background:#0b0c12;border:1px solid #000;cursor:pointer}.npc-quest:hover{border-color:var(--accent)}.npc-quest .mark{width:12px;font-weight:700;color:#ffd34d}.npc-quest.active .mark{color:#9a9a9a}.npc-quest.locked{opacity:.5;cursor:default}.npc-quest .title{flex:1}.npc-quest .lvl{font-size:11px;color:#fff9}.npc-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.npc-buttons button,.log-quest button{font:inherit;font-weight:700;padding:6px 12px;color:#1a1408;background:var(--accent);border:2px solid #000;cursor:pointer}.npc-buttons button.secondary,.log-quest button.secondary{color:var(--accent);background:#0e0f15;border-color:var(--accent)}.log-quest button.small{align-self:flex-start;padding:2px 8px;font-size:11px}.quest-chain{font-size:11px;color:#c49bff;text-transform:uppercase;letter-spacing:1px}.quest-title{margin:0;font-size:16px;color:#ffd34d}.label{font-size:12px;font-weight:700;color:var(--accent)}.objective{font-size:12px;color:#fffc}.objective.done{color:#4cd964}.quest-rewards{display:flex;flex-direction:column;gap:3px;padding-top:4px;border-top:1px solid #ffffff1a}.quest-rewards .currency{font-size:12px;color:#ffd34d}.reward-items{display:flex;flex-wrap:wrap;gap:4px}.reward-item{display:flex;align-items:center;gap:4px;padding:2px 6px 2px 2px;font-size:12px;background:#0b0c12;border:1px solid #000}.reward-item img{width:24px;height:24px;image-rendering:pixelated}.log-quest{display:flex;flex-direction:column;gap:3px;padding:6px;background:#0b0c1299;border:1px solid #000}#quest-tracker{top:216px;right:8px;width:220px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;background:#0008;border-left:2px solid var(--accent);pointer-events:none;text-shadow:1px 1px 0 #000}#quest-tracker .tracker-title{font-size:11px;color:#fff9}.tracker-quest{margin-top:4px;font-size:12px;font-weight:700;color:#ffd34d}.tracker-quest.ready{color:#4cd964}#quest-tracker .objective{padding-left:6px;font-size:11px}@media(max-width:600px){#quest-tracker{display:none}}body.touch,body.touch #game{touch-action:none;-webkit-user-select:none;user-select:none}#touch-controls{inset:0;pointer-events:none}#touch-controls>*{position:absolute;pointer-events:auto}#joystick{left:18px;bottom:120px;width:124px;height:124px;border-radius:50%;background:#0006;border:2px solid #ffffff40;touch-action:none}#joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#e0a83fcc;border:2px solid #000;transform:translate(-50%,-50%);pointer-events:none}#touch-actions{right:16px;bottom:120px;display:grid;grid-template-columns:58px 58px;grid-template-areas:"target interact" "attack attack";gap:10px}#touch-actions button,#touch-menu button{font:inherit;font-weight:700;color:var(--text);background:#000a;border:2px solid var(--border);touch-action:none}#touch-actions button{height:58px;border-radius:50%;font-size:13px}#touch-actions [data-action=targetNext]{grid-area:target}#touch-actions [data-action=interact]{grid-area:interact;font-size:20px}#touch-actions button.big{grid-area:attack;height:64px;border-radius:32px;color:#1a1408;background:#e0a83fdd;border-color:#000}#touch-actions button.pressed,#touch-menu button.pressed{transform:scale(.9);filter:brightness(1.3)}#touch-menu{right:8px;bottom:274px;display:flex;flex-direction:column;gap:6px}#touch-menu button{padding:6px 8px;font-size:12px}body.touch #chat{inset:8px 8px auto auto;width:min(260px,calc(100vw - 180px))}body.touch #chat-log{max-height:96px;font-size:11px}body.touch #netinfo,body.touch #help{display:none}body.touch #stall-button,body.touch #fish-button{bottom:194px}body{background:radial-gradient(ellipse at 50% 30%,#2a1d12,#0e0a07 70%)}.panel,.window,.frame,#hotbar,#boss-bar,#tooltip,#quest-tracker,#netinfo,#damage-meter,.party-member{background:linear-gradient(180deg,#ffffff08,transparent 40%),repeating-linear-gradient(90deg,#ffffff03 0 2px,transparent 2px 6px),linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%);border:2px solid var(--gold-dark);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #c9a24a33,0 6px 18px #000000b0}#quest-tracker{background:linear-gradient(90deg,#160f09dd,#160f0988);border:0;border-left:2px solid var(--gold-dark);box-shadow:none}.panel,.window{border-radius:3px}.panel:before,.window:before,#damage-meter:before{content:"";position:absolute;inset:-5px;pointer-events:none;--c: var(--gold);background:linear-gradient(var(--c),var(--c)) top left / 14px 3px no-repeat,linear-gradient(var(--c),var(--c)) top left / 3px 14px no-repeat,linear-gradient(var(--c),var(--c)) top right / 14px 3px no-repeat,linear-gradient(var(--c),var(--c)) top right / 3px 14px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 14px 3px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 3px 14px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 14px 3px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 3px 14px no-repeat;filter:drop-shadow(0 0 2px #000)}.window{padding:10px 12px 12px}.window-title{margin:-2px -4px 2px;padding:0 4px 6px;gap:8px;font-family:var(--font-title);font-weight:400;font-size:22px;line-height:1;color:var(--gold-light);text-shadow:0 2px 0 #000,0 0 8px #c9a24a55;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent) 1;cursor:grab}body.touch .window-title{cursor:default}.window-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window .close{flex:none;width:24px;height:24px;padding:0;font-family:var(--font-body);font-size:16px;line-height:20px;color:var(--gold-light);background:radial-gradient(circle at 50% 35%,#5a3a1a,#2a1a0c);border:1px solid var(--gold);border-radius:50%;box-shadow:0 1px #000;cursor:pointer}.window .close:hover{color:#fff;background:radial-gradient(circle at 50% 35%,#8a2a1a,#3a0f08)}.window-hint,.muted{color:var(--muted);font-style:italic}.panel h1{font-family:var(--font-title);font-weight:400;font-size:40px;line-height:1;color:var(--gold-light);text-shadow:0 3px 0 #000,0 0 14px #c9a24a66;letter-spacing:0}#death h1{color:#ff6b5a;text-shadow:0 3px 0 #000,0 0 14px #ff3b3b88}#loading{font-family:var(--font-title);font-weight:400;font-size:34px;color:var(--gold-light);text-shadow:0 3px 0 #000;background:radial-gradient(ellipse at 50% 50%,#2a1d12ee,#0e0a07f5 70%)}.panel button,.npc-buttons button,.log-quest button,#upgrade-button,.stall-action,.stall-row button,#stall-button,#fish-button,#party-invite button,#duel-invite button,#trade-invite button,#dungeon-invite button,#target-invite,#target-trade,#target-duel,.party-leave,#touch-menu button{font-family:var(--font-body);font-weight:700;color:#2a1a08;background:linear-gradient(180deg,#f2d58c,#c9a24a 45%,#8a6a28);border:1px solid #2a1a08;border-radius:3px;box-shadow:inset 0 1px #fff6,0 2px #000;text-shadow:0 1px 0 #fff4;cursor:pointer}.panel button:hover,.npc-buttons button:hover,.log-quest button:hover,#upgrade-button:hover:not(:disabled),.stall-action:hover,.stall-row button:hover,#stall-button:hover,#fish-button:hover{filter:brightness(1.12)}.panel button:active,.npc-buttons button:active,#upgrade-button:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6}.panel button.secondary,.npc-buttons button.secondary,.log-quest button.secondary,.stall-row button.remove,.party-leave,#touch-menu button{color:var(--gold-light);background:linear-gradient(180deg,#3a2a18,#1f150c);border-color:var(--gold-dark);text-shadow:0 1px 0 #000}.panel button.link{background:none;box-shadow:none;border:0;color:var(--muted);font-family:var(--font-body);font-size:14px}#party-decline,#duel-decline,#trade-decline,#dungeon-decline,#target-duel{color:#fff;background:linear-gradient(180deg,#d9534f,#8a1f1a);text-shadow:0 1px 0 #000}#game-menu button,#auth button,#create-panel button[type=submit],#play-btn,#death button,#disconnected button{font-family:var(--font-title);font-weight:400;font-size:21px;padding:6px 10px}.panel input,.panel select,#game-menu select,#chat-input,#stall-title-input,.stall-row input{font-family:var(--font-body);color:var(--text);background:#0c0805;border:1px solid var(--gold-dark);border-radius:2px;box-shadow:inset 0 1px 3px #000}.panel input:focus,#chat-input:focus,#stall-title-input:focus,.stall-row input:focus{outline:none;border-color:var(--gold)}.panel{padding:28px 24px 22px}.panel label{color:var(--muted)}table.controls td:first-child{color:var(--gold);font-weight:700}.frame{padding:6px 8px 7px}.frame-title,#boss-name,.party-member .pm-title{font-family:var(--font-title);font-weight:400;font-size:19px;line-height:1;color:var(--gold-light);text-shadow:0 1px 0 #000}#boss-name{font-size:24px;color:#ff9a4a}.party-member .pm-title{font-size:15px}.party-member .pm-info,.frame-title .lvl{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--gold);align-self:center}.bar{height:15px;background:linear-gradient(180deg,#0a0605,#1e1410);border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #c9a24a44;overflow:hidden}.bar .fill{box-shadow:inset 0 1px #fff5,inset 0 -2px #0005}.bar span{font-family:var(--font-body);font-weight:700;line-height:13px}.bar.hp .fill{background:linear-gradient(180deg,#e8564a,#a8241a 60%,#7a150e)}.bar.rage .fill{background:linear-gradient(180deg,#ffa24a,#d9681c 60%,#8a3a0c)}.bar.rage.mana .fill{background:linear-gradient(180deg,#6aa8ff,#2f6fd9 60%,#163c8a)}#xp-bar .fill{background:linear-gradient(180deg,#c49bff,#8e5bd9 60%,#5a2f9a)}#target-invite,#target-trade,#target-duel{font-size:12px;padding:3px 6px}#hotbar{gap:5px;padding:6px 8px;border-radius:3px 3px 0 0}.slot{border:1px solid var(--gold-dark);border-radius:3px;box-shadow:inset 0 0 0 1px #000,inset 0 0 10px #0008,0 0 0 1px #000}.slot-label{font-family:var(--font-body);font-weight:700;font-size:15px}.slot-key{font-family:var(--font-body);font-weight:700;color:var(--gold-light)}#xp-bar{border-radius:0;box-shadow:none;border-top:1px solid var(--gold-dark)}#cast-bar{height:18px;background:linear-gradient(180deg,#0a0605,#1e1410);border:1px solid var(--gold-dark);border-radius:2px}#cast-name{font-family:var(--font-body);font-weight:700;line-height:16px}#help{font-family:var(--font-body);color:#ecdfc2aa}#netinfo{font-family:var(--font-body);color:var(--muted)}.item-slot{background:radial-gradient(circle at 50% 40%,#241a10,#0c0805);border:1px solid #000;border-radius:2px;box-shadow:inset 0 0 0 1px #6e532066,inset 0 0 8px #000}.item-slot[data-label]:not(.filled):after{font-family:var(--font-body);font-style:italic;color:#b3a38577}#stats{color:var(--muted)}#tooltip{padding:8px 10px;font-size:13px;line-height:1.35}#tooltip .tt-title{font-family:var(--font-title);font-weight:400;font-size:19px;line-height:1.1;margin-bottom:2px}#tooltip .tt-muted{color:var(--muted)}#chat-log{font-size:13px;background:#0c0805aa;border:1px solid #6e532055;border-radius:2px}#chat.active #chat-log{background:#0c0805dd;border-color:var(--gold-dark)}.quest-title,.tracker-quest,#leaderboard th,#upgrade-result,.message.level{font-family:var(--font-title);font-weight:400}.quest-title{font-size:26px;color:var(--gold-light);text-shadow:0 2px 0 #000}.tracker-quest{font-size:17px}#quest-tracker .tracker-title{font-family:var(--font-title);font-size:16px;color:var(--gold)}.quest-chain{color:#c49bff;letter-spacing:2px}.npc-greeting,.quest-text{font-style:italic;font-size:14px;color:#f1e3c4}.npc-quest,.shop-row,.stall-row,.reward-item,.log-quest{background:linear-gradient(180deg,#1a120b,#0f0a06);border:1px solid #00000099;box-shadow:inset 0 0 0 1px #6e532044;border-radius:2px}.npc-quest:hover,.shop-row:hover{box-shadow:inset 0 0 0 1px var(--gold);border-color:#000}.npc-quest .mark{font-family:var(--font-title);font-size:20px;line-height:1}.message{font-family:var(--font-body);text-shadow:0 2px 0 #000,0 0 6px #000}.message.level{font-size:42px;color:var(--gold-light);text-shadow:0 3px 0 #000,0 0 16px #c9a24a}#upgrade-result{font-size:30px}.lvl,.label{color:var(--gold)}#auth,#characters{width:min(400px,calc(100vw - 32px))}#characters{width:min(480px,calc(100vw - 32px))}.panel button.character{font-family:var(--font-title);font-weight:400;font-size:21px;color:var(--gold-light);background:linear-gradient(180deg,#2a1e13,#160f09);border:1px solid var(--gold-dark);text-shadow:0 1px 0 #000}.panel button.character .lvl{font-family:var(--font-body);font-size:13px;color:var(--muted)}.panel button.class-card{background:linear-gradient(180deg,#2a1e13,#160f09);border:1px solid var(--gold-dark);text-shadow:none}.panel button.class-card b{font-family:var(--font-title);font-weight:400;font-size:19px}#hud>.window{z-index:10}.panel:before{inset:3px}#clock{top:38px;right:8px;padding:2px 10px;font-family:var(--font-body);font-size:13px;color:#ffe08a;background:#0009;border:1px solid var(--border);border-radius:10px;pointer-events:auto}body.touch #clock{top:8px}#clock.night{color:#c9b6ff}#tooltip .tt-stars{letter-spacing:1px;font-size:12px}#tooltip .tt-affix{color:#8f9cff}#passive-window{top:50px;left:50%;transform:translate(-50%);width:min(540px,calc(100vw - 16px));max-height:calc(100vh - 70px)}#passive-summary{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;font-family:var(--font-body);font-size:13px}.passive-attrs{display:flex;flex-wrap:wrap;gap:4px 14px}.passive-effects{color:#8f9cff}#passive-ring{--ring-size: min(480px, calc(100vw - 48px) );--ring-radius: calc(var(--ring-size) / 2 - 36px);--inner-radius: calc(var(--ring-radius) * .42);--node-size: 44px;--gold-fill: radial-gradient(circle at 50% 35%, #fff3bf, #ffd43b 55%, #d99a00);position:relative;width:var(--ring-size);height:var(--ring-size);margin:8px auto 4px}.passive-ring-line{position:absolute;inset:36px;border:1px solid #b3a38533;border-radius:50%;pointer-events:none}.passive-spin{position:absolute;inset:0;transition:transform .6s ease}.passive-minor-layer{position:absolute;inset:0;pointer-events:none}.passive-spoke{position:absolute;left:50%;top:50%;width:calc(var(--ring-radius) - var(--inner-radius) - var(--node-size) * .5 + 12px);height:6px;transform-origin:0 50%;transform:translateY(-50%) rotate(var(--angle)) translate(calc(var(--inner-radius) - 2px));transition:border-color .45s ease;border:1px solid #b3a38533;border-radius:3px;background:#00000040;overflow:hidden;pointer-events:none}.passive-spoke.greater{border-color:#c92a2a66}.passive-spoke.selected{border-color:#ffd43b99}.passive-spoke.greater.selected{border-color:#c92a2a}.spoke-fill{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(90deg,#ffd43b 0 6px,#ffe066 6px 9px);box-shadow:0 0 6px #ffd43b;transition:opacity .45s ease}.passive-spoke.selected .spoke-fill{opacity:1}.passive-node{position:absolute;width:var(--node-size);height:var(--node-size);border-radius:50%;background:radial-gradient(circle at 50% 40%,#1d150e,#090604);transition:transform .6s ease;--frame: #b3a38533;z-index:1}.passive-node:after{content:"";position:absolute;inset:-3px;border:1px solid var(--frame);border-radius:50%;pointer-events:none;transition:border-color .45s ease,box-shadow .45s ease}.passive-node.greater{--frame: #c92a2a}.passive-node.greater:after{border-width:2px}.passive-node.selected{--frame: #ffd43b;z-index:2}.passive-node.selected:after{border-width:2px;box-shadow:0 0 10px #ffd43b88}.passive-node:not(.selected) .passive-socket.major{opacity:.75}.passive-node .passive-socket.major{background:transparent}.node-fill{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.node-fill:before,.passive-socket.minor:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,#fff3bf,#ffd43b 45%,#e8a400);pointer-events:none;transition:opacity .45s ease}.passive-node.selected .node-fill:before{opacity:1}.passive-gem{position:absolute;width:9px;height:9px;border:1.5px solid #c92a2a;background:#0b0705;transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease;transform:translate(-50%,-50%) rotate(45deg);display:none;pointer-events:none;z-index:1}.passive-node.greater .passive-gem{display:block}.passive-node.greater.selected .passive-gem{background:#ffd43b;border-color:#ffd43b;box-shadow:0 0 6px #ffd43b}.passive-gem.n{left:50%;top:-4px}.passive-gem.s{left:50%;top:calc(100% + 4px)}.passive-gem.w{left:-4px;top:50%}.passive-gem.e{left:calc(100% + 4px);top:50%}.passive-socket{border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.passive-socket img{position:relative;z-index:1;margin:0}.passive-socket.major{position:relative;width:100%;height:100%;cursor:pointer}.passive-inner{position:absolute;left:50%;top:50%;width:calc(var(--inner-radius) * 2);height:calc(var(--inner-radius) * 2);transform:translate(-50%,-50%);border:1px solid #b3a38566;border-radius:50%;transition:border-color .45s ease,box-shadow .45s ease}.passive-inner.filling{border-color:#ffd43b;box-shadow:0 0 10px #ffd43b66,inset 0 0 10px #ffd43b33}.passive-socket.minor{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%);overflow:hidden;z-index:3}.passive-minor-layer.filling .passive-socket.minor:not(.inactive):not(.locked):before{opacity:1}.passive-socket.minor img{width:22px;height:22px}.passive-socket.inactive,.passive-node.locked,.passive-socket.minor.locked{opacity:.45}#passive-info{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;padding:6px 8px 2px;text-align:center;font-family:var(--font-body);font-size:13px;border-top:1px solid #6e532066}.passive-info-title{font-family:var(--font-title);font-size:18px;color:var(--gold-light)}.passive-info-title.greater{color:#ff6b6b}.passive-major-effect{color:#8f9cff;font-size:14px}@media(max-width:520px){#passive-ring{--node-size: 34px}.passive-socket.major img{width:30px;height:30px}}.slot.skill .slot-icon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.skill-badge img{width:100%;height:100%;border-radius:2px}.skill-badge{overflow:hidden;padding:0}#tooltip.skill{max-width:320px}.tt-skill-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tt-skill-head img{width:40px;height:40px;border:1px solid var(--gold-dark);border-radius:3px}#tooltip .tt-facts{margin:2px 0 4px;padding:3px 0;font-size:12px;color:var(--gold-light);border-top:1px solid #6e532066;border-bottom:1px solid #6e532066}#tooltip .tt-effect{margin-top:3px;color:#ecdfc2}#damage-meter{bottom:96px;right:8px;width:260px;padding:4px 5px 5px;font-family:var(--font-body);font-size:12px;border-radius:3px;z-index:5}body.touch #damage-meter{top:64px;bottom:auto;width:210px}.dm-title{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 2px 4px;font-family:var(--font-title);font-size:18px;line-height:1;color:var(--gold-light);text-shadow:0 2px 0 #000,0 0 8px #c9a24a55;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent) 1;cursor:grab;-webkit-user-select:none;user-select:none}body.touch .dm-title{cursor:default}.dm-tools{display:flex;gap:2px}.dm-tools button{width:22px;height:20px;padding:0;font-family:var(--font-body);font-size:13px;line-height:18px;color:var(--gold-light);background:linear-gradient(180deg,#3a2a1a,#1a120a);border:1px solid var(--gold-dark);border-radius:2px;cursor:pointer}.dm-tools button:hover{border-color:var(--gold)}#dm-segment-name{margin:3px 2px 4px;font-size:11px;font-style:italic;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#damage-meter-rows{display:flex;flex-direction:column;gap:2px;max-height:168px;overflow-y:auto}.dm-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:6px;height:19px;padding:0 5px;background:linear-gradient(180deg,#ffffff22,transparent 45%,#00000040) 0 0 / var(--fill) 100% no-repeat,linear-gradient(90deg,var(--class),color-mix(in srgb,var(--class) 60%,#000)) 0 0 / var(--fill) 100% no-repeat,#0b0805cc;border:1px solid #000;box-shadow:inset 0 0 0 1px #c9a24a1f}.dm-name,.dm-value{position:relative;white-space:nowrap;color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}.dm-name{overflow:hidden;text-overflow:ellipsis}.dm-empty{padding:4px 2px;color:var(--muted);font-style:italic}#dm-menu{position:absolute;top:28px;right:6px;z-index:6;display:flex;flex-direction:column;min-width:170px;max-height:240px;overflow-y:auto;padding:3px;background:linear-gradient(180deg,var(--wood),var(--wood-dark));border:1px solid var(--gold-dark);box-shadow:0 6px 18px #000000b0}#dm-menu[hidden]{display:none}#dm-menu button{padding:3px 8px;text-align:left;font-family:var(--font-body);font-size:12px;color:var(--text);background:none;border:0;cursor:pointer}#dm-menu button:hover{background:#c9a24a22}#dm-menu button.active{color:var(--gold-light)}#skills-window{top:50px;left:50%;transform:translate(-50%);width:min(960px,calc(100vw - 16px));max-height:calc(100vh - 70px);overflow-y:auto}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}@media(max-width:700px),(max-height:640px){.skills-grid{grid-template-columns:1fr}}.skills-head{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px;font-family:var(--font-body);color:var(--gold-light)}.skills-section{margin:4px 0;font-family:var(--font-title);font-weight:400;font-size:17px;color:var(--gold-light)}.skill-row{display:flex;align-items:center;gap:8px;padding:5px 6px;margin-bottom:4px;background:#0006;border:1px solid #6e532055;border-radius:3px}.skill-row.learned{border-color:#c9a24a88}.skill-row.locked{opacity:.5}.skill-badge{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-family:var(--font-body);font-weight:700;font-size:13px;color:#fff;background:var(--skill-color, #444);border:1px solid var(--gold-dark);border-radius:3px;text-shadow:1px 1px 0 #000}.skill-badge.passive{font-size:18px;color:var(--gold-light);background:radial-gradient(circle,#3a2a1a,#120c06);border-radius:50%}.skill-text{flex:1;min-width:0;font-family:var(--font-body);font-size:12px}.skill-title b{font-size:13px;color:var(--text)}.skill-tag{font-size:11px;color:var(--muted);font-style:italic}.skill-desc{color:#d8cba8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.skill-detail{color:#8f9cff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-controls{flex:none;display:flex;align-items:center;gap:4px}.skill-controls button{width:24px;height:24px;padding:0;font-size:15px;line-height:20px}.skill-rank{min-width:30px;text-align:center;font-family:var(--font-body);color:var(--gold-light)}.slot.locked{filter:grayscale(1) brightness(.55)}@media(max-width:560px){#hotbar{gap:3px;padding:4px}#hotbar .slot{width:calc((100vw - 60px)*.1);height:calc((100vw - 60px)*.1)}#hotbar .slot-label{font-size:11px}}.bar.rage.energy .fill{background:linear-gradient(180deg,#ffe066,#c9a400)}.npc-fortune{font-style:italic;padding:6px 8px;border-left:2px solid var(--gold);background:#0005}.npc-fortune.good{color:#b2f2bb}.npc-fortune.bad{color:#ced4da}.fortune-bonus{color:#b2f2bb}body{cursor:var(--cursor-default, default)}button,a,select,label,.slot,.item-slot.filled,.class-card,.npc-quest,.passive-socket,.chat-name,.result,.chip,.window-title,.dm-title{cursor:var(--cursor-pointer, pointer)}input[type=text],input:not([type]),input[type=password],input[type=number],textarea{cursor:text}.globe{--size: 150px;--level: 100%;--liquid-top: #ff6b6b;--liquid-bottom: #7a0f0f;--wave: #ff8787;position:fixed;bottom:4px;width:var(--size);height:var(--size);z-index:4;pointer-events:none;filter:drop-shadow(0 4px 10px #00000080)}#hp-globe{left:6px}#resource-globe{right:6px}.globe.mana{--liquid-top: #4dabf7;--liquid-bottom: #0b2f6b;--wave: #74c0fc}.globe.rage{--liquid-top: #ff922b;--liquid-bottom: #6b2a05;--wave: #ffa94d}.globe.energy{--liquid-top: #ffe066;--liquid-bottom: #7a5c00;--wave: #fff3bf}.globe-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.globe-frame.back{z-index:0}.globe-frame.front{z-index:2}.globe-orb{position:absolute;inset:10%;z-index:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 60%,#1f140c,#0a0603)}.globe-liquid{position:absolute;left:0;right:0;bottom:0;height:var(--level);background:linear-gradient(180deg,var(--liquid-top),var(--liquid-bottom));transition:height .6s cubic-bezier(.35,.1,.25,1)}.globe-wave{position:absolute;left:0;top:-9px;width:200%;height:10px;background:radial-gradient(ellipse 14px 7px at 14px 10px,var(--wave) 98%,transparent 100%) 0 0 / 28px 10px repeat-x;animation:globe-wave 3.2s linear infinite}.globe-wave.b{top:-7px;opacity:.55;background-size:36px 10px;animation-duration:5s;animation-direction:reverse}@keyframes globe-wave{to{transform:translate(-50%)}}.globe-glass{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 34% 22% at 34% 24%,#ffffff66,transparent 70%),radial-gradient(circle,transparent 60%,#1a0f0a88 100%);pointer-events:none}.globe-text{position:absolute;left:0;right:0;top:92.5%;z-index:3;transform:translateY(-50%);text-align:center;font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--gold-light);text-shadow:0 1px 2px #000;white-space:nowrap}.globe.hp.shielded .globe-orb{box-shadow:inset 0 0 18px #74c0fc}.globe.hp.low .globe-liquid{animation:globe-throb 1s ease-in-out infinite}@keyframes globe-throb{50%{filter:brightness(.7) saturate(1.3)}}.globe.hp.slosh .globe-liquid{animation:globe-slosh 1.1s ease-out,globe-throb 1s ease-in-out infinite;transform-origin:50% 100%}.globe.hp.slosh .globe-wave{animation-duration:.9s}@keyframes globe-slosh{0%{transform:rotate(0) scaleX(1.25)}15%{transform:rotate(-11deg) scaleX(1.25)}35%{transform:rotate(8deg) scaleX(1.25)}55%{transform:rotate(-5deg) scaleX(1.25)}75%{transform:rotate(2deg) scaleX(1.25)}to{transform:rotate(0) scaleX(1.25)}}#potion-slots{position:fixed;left:160px;bottom:14px;display:flex;gap:5px;padding:5px;z-index:4;background:linear-gradient(180deg,#ffffff08,transparent 40%),linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%);border:2px solid var(--gold-dark);border-radius:3px;box-shadow:inset 0 0 0 1px #c9a24a33}#potion-slots .slot{width:40px;height:40px;background:radial-gradient(circle at 50% 40%,#241a10,#0c0805)}#potion-slots .slot img{width:32px;height:32px;image-rendering:pixelated}#potion-slots .slot.empty{opacity:.6}#auras{display:flex;justify-content:space-between;align-items:flex-end;min-height:30px;gap:12px}#buffs,#debuffs{display:flex;flex-wrap:wrap;gap:3px}#debuffs{justify-content:flex-end}.aura{position:relative;width:28px;height:28px;overflow:hidden;border-radius:3px;border:1px solid var(--gold-dark);box-shadow:0 0 0 1px #000;pointer-events:auto;cursor:var(--cursor-pointer, pointer)}.aura.buff{border-color:#8ce99a}.aura.debuff{border-color:#ff6b6b}.aura img{width:100%;height:100%}.aura-sweep{position:absolute;left:0;right:0;top:0;height:0;background:#000a}.aura-time{position:absolute;right:1px;bottom:0;font-family:var(--font-body);font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000}#chat{left:8px;bottom:166px;width:min(380px,calc(100vw - 16px))}#damage-meter{bottom:166px}@media(max-width:720px){.globe{--size: 100px}#potion-slots{left:108px}#potion-slots .slot{width:34px;height:34px}.globe-text{font-size:9px}#chat,#damage-meter{bottom:116px}}body.touch .globe{--size: 84px;bottom:252px}body.touch #potion-slots{left:92px;bottom:262px}body.touch #chat{left:8px;bottom:22px;width:min(380px,calc(100vw - 16px))}.slot.empty{background:radial-gradient(circle at 50% 40%,#241a10,#0c0805);opacity:.75}.slot.drop-target{outline:2px solid var(--gold-light);outline-offset:1px;filter:brightness(1.25)}.skill-badge[draggable=true]{cursor:grab}#menu-keys{max-height:calc(100vh - 120px);overflow-y:auto}#keybind-list{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.keybind-group{margin:8px 0 2px;font-family:var(--font-title);font-weight:400;font-size:16px;color:var(--gold-light)}.keybind-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px}.panel button.keybind-key{width:auto;min-width:70px;margin:0;padding:2px 10px;font-family:var(--font-body);font-size:12px}.keybind-key.unbound{opacity:.6}.keybind-key.capturing{color:#1a1009;background:var(--gold-light);animation:keybind-blink .8s ease-in-out infinite}@keyframes keybind-blink{50%{filter:brightness(.8)}}#ping-wheel{position:fixed;width:0;height:0;z-index:60}.ping-centre{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;border:2px solid var(--gold);background:#140c06cc}.ping-option{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;width:78px;padding:4px 2px;font-family:var(--font-body);font-size:11px;color:var(--ping);background:linear-gradient(180deg,var(--wood),var(--wood-dark));border:2px solid var(--gold-dark);border-radius:4px;box-shadow:0 4px 12px #000a;transform:translate(-50%,-50%)}.ping-option:hover{border-color:var(--ping);box-shadow:0 0 10px var(--ping)}.ping-option.top{left:0;top:-52px}.ping-option.bottom{left:0;top:52px}.ping-option.left{left:-76px;top:0}.ping-option.right{left:76px;top:0}.ping-icon{font-size:16px;font-weight:700;line-height:1}.gold-row{display:flex;align-items:center;gap:6px}#inventory-sort{margin-left:auto;display:flex;align-items:center;justify-content:center;width:26px;height:24px;padding:0;color:var(--gold-light)}#inventory-sort svg{display:block}.life-row{display:grid;grid-template-columns:100px 46px 1fr;align-items:center;gap:8px;padding:4px 6px;margin-bottom:4px;font-family:var(--font-body);font-size:13px;background:#0006;border:1px solid #6e532055;border-radius:3px}.life-level{color:var(--gold-light)}.life-bar{height:10px;border:1px solid #000;border-radius:2px;background:linear-gradient(90deg,var(--color) var(--fill),#1a120a var(--fill));box-shadow:inset 0 0 0 1px #c9a24a33}.life-hint{font-size:12px}#storage-window{top:60px;right:372px}#trade-window{top:60px;right:372px;width:400px}@media(max-width:760px){#storage-window,#trade-window{right:auto;left:8px;top:120px}}#storage-grid{display:grid;grid-template-columns:repeat(8,40px);gap:3px;max-height:50vh;overflow-y:auto}.storage-gold,.trade-gold{display:flex;align-items:center;gap:6px;font-weight:700;color:#ffd34d}#storage-gold{flex:1}.storage-gold input,.trade-gold input{width:100px;font:inherit;font-size:13px;padding:3px 6px;color:var(--text);background:#0b0c12;border:1px solid var(--border)}.storage-gold button{font-size:12px;padding:3px 10px}.trade-sides{display:flex;gap:10px}.trade-side{flex:1;display:flex;flex-direction:column;gap:6px;padding:6px;background:#00000040;border:1px solid var(--gold-dark, #6b5228);transition:box-shadow .2s}.trade-side.locked{box-shadow:inset 0 0 0 2px #e0a83f}.trade-side.confirmed{box-shadow:inset 0 0 0 2px #4cd964}.trade-side-title{font-size:13px;font-weight:700;color:var(--gold-light, #f2d58c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-status{font-size:11px;font-weight:400;font-style:italic;color:#e0a83f}.trade-side.confirmed .trade-status{color:#4cd964}.trade-grid{display:grid;grid-template-columns:repeat(4,40px);gap:3px}.trade-buttons{display:flex;gap:8px}.trade-buttons button{flex:1}.trade-buttons button:disabled{opacity:.5;cursor:default;filter:none}#target-trade{color:#2a1a08;background:linear-gradient(180deg,#f2d58c,#c9a24a 45%,#8a6a28)}#characters.lobby-panel,#create-panel.lobby-panel{top:50%;left:24px;transform:translateY(-50%);width:min(330px,calc(100vw - 48px));text-align:left;gap:8px}#create-panel.lobby-panel{gap:5px;padding:14px 18px}#create-panel.lobby-panel h1{margin-bottom:2px;font-size:30px}#create-panel input{padding:5px 8px}#create-panel .row>button,#create-panel .choice-row button{padding:5px}#create-panel #create-btn,#create-panel #create-back{font-size:18px}#characters.lobby-panel h1,#create-panel.lobby-panel h1{text-align:center}#account-name{margin:-8px 0 4px;text-align:center}#character-info{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#0000004d;border:1px solid var(--gold-dark, #6b5228)}#character-info[hidden]{display:none}.info-row{display:flex;justify-content:space-between;gap:10px;font-size:14px}.info-row span{color:var(--muted)}.info-row b{min-width:140px;padding:1px 8px;text-align:center;color:var(--gold-light);background:#0b0806;border:1px solid #3a2a18}.lobby-hint{margin:0;font-size:12px;text-align:center}#play-btn{padding:10px;font-size:18px}.lobby-panel .row{display:flex;gap:8px}.lobby-panel .row>button{flex:1}#delete-confirm{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #8a1f1a;background:#3a0f0840}#delete-confirm[hidden]{display:none}#delete-confirm p{margin:0;font-size:13px}.panel button.danger,.panel button#delete-yes{color:#fff;background:linear-gradient(180deg,#d9534f,#8a1f1a);text-shadow:0 1px 0 #000}.lobby-footer{display:flex;justify-content:space-between;align-items:center}#create-panel label{margin-top:2px;font-size:13px;color:var(--muted)}#create-panel #class-picker{grid-template-columns:repeat(3,1fr)}#create-panel .panel button.class-card span,#create-panel button.class-card span{display:none}#create-panel button.class-card{align-items:center;padding:5px 4px}#create-panel button.class-card b{font-size:16px}.choice-row{display:flex;gap:6px}.choice-row button{flex:1}.panel .choice-row button.active{color:#2a1a08;background:linear-gradient(180deg,#f2d58c,#c9a24a 45%,#8a6a28)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:36px;font-size:18px}.stepper span{flex:1;text-align:center;font-family:var(--font-title);font-size:19px;color:var(--gold-light)}.swatches{display:flex;flex-wrap:wrap;gap:5px}.panel .swatches button{width:24px;height:24px;padding:0;background:var(--swatch);border:2px solid #000;border-radius:50%;box-shadow:inset 0 -3px #0004}.panel .swatches button.active{border-color:var(--gold-light, #f2d58c);box-shadow:0 0 0 2px #000,0 0 8px var(--gold, #c9a24a);transform:scale(1.12)}@media(max-width:760px){#characters.lobby-panel,#create-panel.lobby-panel{left:50%;top:auto;bottom:8px;transform:translate(-50%);max-height:60vh}}#mount-button{position:fixed;right:160px;bottom:14px;z-index:4;width:54px;height:54px;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#241a10,#0c0805) padding-box,linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%) border-box;border:5px solid transparent;border-radius:3px;box-shadow:0 0 0 2px var(--gold-dark),inset 0 0 0 1px #c9a24a33;cursor:pointer}#mount-button[hidden]{display:none}#mount-button img{width:40px;image-rendering:pixelated;pointer-events:none}#mount-button:hover{filter:brightness(1.15)}#mount-button.active{box-shadow:0 0 0 2px var(--gold, #c9a24a),0 0 12px #e8c33a99,inset 0 0 0 1px #c9a24a66}#mount-button .slot-key{position:absolute;left:2px;top:0;font-size:10px;font-weight:700;color:var(--gold-light, #f2d58c);text-shadow:1px 1px 0 #000;pointer-events:none}@media(max-width:720px){#mount-button{right:108px;width:46px;height:46px}}#friends-window{top:70px;right:230px;width:min(300px,calc(100vw - 16px));max-height:calc(100vh - 160px);display:flex;flex-direction:column}#friends-add{display:flex;gap:4px;margin:2px 0 6px}#friends-name{flex:1;min-width:0;padding:3px 6px;font-family:var(--font-body);font-size:13px;color:var(--text);background:#0c0805;border:1px solid var(--gold-dark);border-radius:2px;box-shadow:inset 0 1px 3px #000}#friends-add button{padding:2px 12px;font-size:13px}#friends-body{min-height:60px}.friends-section{margin:6px 0 3px;font-family:var(--font-title);font-weight:400;font-size:15px;color:var(--gold-light)}.friend-row{display:flex;align-items:center;gap:6px;padding:3px 5px;margin-bottom:3px;font-family:var(--font-body);font-size:13px;background:#0006;border:1px solid #6e532055;border-radius:3px}.friend-row.offline{opacity:.55}.friend-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#555;box-shadow:inset 0 0 0 1px #000}.friend-row.online .friend-dot{background:#4cd964;box-shadow:0 0 4px #4cd964}.friend-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.friend-info{color:var(--muted);font-size:11px;margin-left:4px}.friend-row button{flex:none;min-width:22px;height:22px;padding:0 5px;font-size:12px;line-height:18px}.friend-row button.remove{color:var(--gold-light);background:linear-gradient(180deg,#3a2a18,#1f150c);border-color:var(--gold-dark)}.friends-empty{margin:8px 2px;font-size:12px}@media(max-width:760px){#friends-window{right:8px}}.npc-answer{margin:4px 0 8px;padding:6px 8px;font-family:var(--font-body);font-size:13px;font-style:italic;color:#f2e6c4;background:#0007;border-left:2px solid var(--gold-dark)}.npc-ways-title{margin:6px 0 4px;font-family:var(--font-title);font-size:15px;color:var(--gold-light)}.npc-ways{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:8px}.npc-ways button{padding:3px 6px;font-family:var(--font-body);font-size:12px;text-align:left;color:var(--text);background:#0006;border:1px solid #6e532077;border-radius:3px;box-shadow:none}.npc-ways button:hover{color:var(--gold-light);border-color:var(--gold-dark);background:#2a1d0f}.path-info{margin:4px 0 8px;padding:6px 8px;background:#0007;border:1px solid #6e532077;border-radius:3px}.path-title{font-family:var(--font-title);font-size:17px;color:var(--gold-light)}.path-desc{margin:2px 0 0;font-family:var(--font-body);font-size:13px;color:#d8cba8}.path-note{margin-top:4px;font-family:var(--font-body);font-size:12px;font-style:italic;color:var(--muted)}.npc-buttons button.path-choose{color:#1a1009;background:linear-gradient(180deg,#ffe08a,#d4a017);border-color:#8a6a10;text-shadow:none;font-weight:700}#stable-window{top:60px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 16px));max-height:calc(100vh - 80px);overflow-y:auto}.stable-tabs{display:flex;gap:4px;margin:2px 0 6px}.stable-tabs button{padding:3px 14px;font-size:13px}.stable-purse{margin-bottom:6px;font-family:var(--font-body);font-size:13px;color:var(--gold-light)}.stable-row{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-bottom:5px;background:#0006;border:1px solid #6e532055;border-radius:3px}.stable-row.riding{border-color:#c9a24a;box-shadow:inset 0 0 12px #c9a24a33}.stable-horse{flex:none;width:78px;height:60px;image-rendering:pixelated}.stable-text{flex:1;min-width:0;font-family:var(--font-body)}.stable-name{font-family:var(--font-title);font-size:17px;color:var(--gold-light)}.stable-speed{font-size:12px;color:#8ce99a}.stable-desc{font-size:12px;color:#d8cba8}.stable-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:112px;font-family:var(--font-body)}.stable-price{font-size:13px;color:#ffd43b}.stable-ask{font-size:12px;color:#ffd8a8;text-align:right}.stable-badge{font-size:12px;font-style:italic;color:var(--gold-light)}.stable-side button,.stable-actions button{padding:3px 10px;font-size:12px}.stable-style{display:flex;flex-direction:column;align-items:center;gap:6px}.stable-preview{width:130px;height:100px;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 80%,#4f8a3c55,transparent 70%)}.stable-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.stable-part{width:44px;font-family:var(--font-body);font-size:13px;color:var(--gold-light)}.stable-swatches .swatch{width:20px;height:20px;padding:0;border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #fff3}.stable-swatches .swatch.active{outline:2px solid var(--gold-light);outline-offset:1px}.stable-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}#stable-window button:not(.swatch):not(.close),#friends-add button,.friend-row button{font-family:var(--font-body);font-weight:700;color:#2a1a08;background:linear-gradient(180deg,#f2d58c,#c9a24a 45%,#8a6a28);border:1px solid #2a1a08;border-radius:3px;box-shadow:inset 0 1px #fff6,0 2px #000;text-shadow:0 1px 0 #fff4;cursor:pointer}#stable-window button.secondary:not(.swatch),.friend-row button.remove{color:var(--gold-light);background:linear-gradient(180deg,#3a2a18,#1f150c);border-color:var(--gold-dark);text-shadow:0 1px 0 #000}#stable-window button:not(.swatch):not(.close):hover:not(:disabled),#friends-add button:hover,.friend-row button:hover{filter:brightness(1.12)}#stable-window button:not(.swatch):not(.close):disabled{filter:grayscale(1) brightness(.6);cursor:default}.stable-swatches .swatch{cursor:pointer}.quest-quiz{display:flex;flex-direction:column;gap:4px;margin:6px 0}.quest-quiz .quiz-option{display:flex;gap:8px;align-items:baseline;padding:6px 10px;font-family:var(--font-body);font-size:13px;text-align:left;color:var(--text);background:#0007;border:1px solid #6e532077;border-radius:3px;cursor:pointer}.quest-quiz .quiz-option:hover{color:var(--gold-light);border-color:var(--gold-dark);background:#2a1d0f}.quiz-letter{font-weight:700;color:var(--gold-light)}body.touch{--ar: 54px;--ab: 84px}body.touch .globe,body.touch #damage-meter{display:none!important}body.touch #player-frame{width:170px}body.touch #potion-slots{left:8px;top:80px;bottom:auto}body.touch #mount-button{inset:80px auto auto 112px;width:50px;height:50px}body.touch #auras{position:fixed;left:8px;top:138px;min-height:0;justify-content:flex-start;gap:6px}body.touch #minimap{top:8px;right:8px}body.touch #minimap-canvas{width:96px}body.touch #minimap-legend{display:none}body.touch #clock{top:118px;right:30px;z-index:5;padding:1px 8px;font-size:11px}#touch-menu-toggle{display:none}body.touch #touch-controls{z-index:7}body.touch #touch-menu-toggle{display:block;top:8px;right:132px;width:42px;height:42px;font-size:22px;line-height:1;color:var(--gold-light);background:#000a;border:2px solid var(--border);border-radius:8px;touch-action:none}body.touch #touch-menu-toggle[aria-expanded=true]{border-color:var(--gold);background:#2a1e13}body.touch #touch-menu{display:none;inset:56px 132px auto auto;transform:none;width:200px;max-width:none;padding:8px;grid-template-columns:1fr 1fr;gap:6px;background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px #000}body.touch #touch-menu.open{display:grid}body.touch #touch-menu button{padding:9px 6px;font-size:13px}body.touch #joystick{left:20px;bottom:40px;width:112px;height:112px}body.touch #joystick-knob{width:46px;height:46px}body.touch #hotbar{padding:0;background:none;border:0;box-shadow:none}body.touch #action-dock{transform:none}body.touch #hotbar .slot{position:fixed;z-index:6;border-radius:50%}body.touch #hotbar .slot.empty,body.touch #hotbar .slot:nth-child(n+8){display:none}body.touch #hotbar .slot-key{display:none}body.touch #hotbar .slot:nth-child(1){right:calc(var(--ar) + 62px);bottom:calc(var(--ab) - 22px)}body.touch #hotbar .slot:nth-child(2){right:calc(var(--ar) + 46.8px);bottom:calc(var(--ab) + 26.2px)}body.touch #hotbar .slot:nth-child(3){right:calc(var(--ar) + 6.7px);bottom:calc(var(--ab) + 56.9px)}body.touch #hotbar .slot:nth-child(4){right:calc(var(--ar) + 116px);bottom:calc(var(--ab) - 22px)}body.touch #hotbar .slot:nth-child(5){right:calc(var(--ar) + 104.1px);bottom:calc(var(--ab) + 34.1px)}body.touch #hotbar .slot:nth-child(6){right:calc(var(--ar) + 70.3px);bottom:calc(var(--ab) + 80.6px)}body.touch #hotbar .slot:nth-child(7){right:calc(var(--ar) + 20.6px);bottom:calc(var(--ab) + 109.2px)}body.touch #touch-actions{position:static;display:block}body.touch #touch-actions button{position:fixed;width:40px;height:40px;padding:0;font-size:12px;border-radius:50%}body.touch #touch-actions button.big{right:calc(var(--ar) - 32px);bottom:calc(var(--ab) - 32px);width:64px;height:64px;font-size:14px;border-radius:50%}body.touch #touch-actions [data-action=targetNext]{right:calc(var(--ar) - 46px);bottom:calc(var(--ab) + 59.9px);font-size:11px}body.touch #touch-actions [data-action=interact]{right:calc(var(--ar) - 34.4px);bottom:calc(var(--ab) + 117.2px);font-size:17px}body.touch #chat{inset:auto auto 164px 8px;width:min(300px,calc(100vw - 240px))}body.touch #chat-log{max-height:72px}body.touch #quest-tracker{top:176px;left:8px;right:auto;transform:none;width:190px;font-size:12px}body.touch #stall-button,body.touch #fish-button{bottom:270px}body.touch #cast-bar{bottom:300px}@media(orientation:landscape)and (max-height:520px){body.touch{--ab: 54px}body.touch #joystick{bottom:20px}body.touch #chat{bottom:140px;width:min(280px,36vw)}body.touch #chat-log{max-height:54px}body.touch #quest-tracker{top:8px;left:50%;transform:translate(-50%);width:220px}body.touch #stall-button,body.touch #fish-button{bottom:24px}body.touch #cast-bar{bottom:76px}}@media(orientation:landscape)and (max-height:520px){body.touch .window:not(#leaderboard){top:6px!important;max-height:calc(100vh - 12px)!important;overflow-x:hidden;overflow-y:auto}body.touch #leaderboard{max-height:calc(100vh - 12px)!important;overflow-y:auto}body.touch .panel{max-height:calc(100vh - 12px);padding:14px 18px 12px;gap:6px}body.touch .panel h1{margin:0;font-size:20px}body.touch .game-logo{width:52px;height:52px;padding:7px}body.touch .panel input{padding-top:5px;padding-bottom:5px}body.touch #auth button,body.touch #create-panel button[type=submit],body.touch #play-btn{font-size:18px;padding:4px 10px}body.touch #character-info{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;padding:5px 8px}body.touch .info-row{font-size:12px;gap:6px}body.touch .info-row b{min-width:0;flex:1;padding:0 4px}body.touch .lobby-hint{display:none}body.touch #characters.lobby-panel,body.touch #create-panel.lobby-panel{left:16px;top:50%;bottom:auto;transform:translateY(-50%);max-height:calc(100vh - 12px)}body.touch #create-panel.lobby-panel h1{font-size:22px}}