:root{--bg:#1b1712;--panel:#4a4033;--panel-edge:#5c4f3d;--ink:#f3e7c6;--muted:#b9a986;--accent:#f0b43c;--danger:#e0573a;--chat:#d8cfb4;--parch-ink:#2b2014;--line:#0d0a07;--tex-stone:linear-gradient(#5a4f40, #4e4436);--tex-stone-smooth:linear-gradient(#5f5445, #4f4537);--tex-stone-dark:linear-gradient(#302a22, #2a241d);--tex-parchment:linear-gradient(#e3d3a8, #d9c595);--bevel:inset 1px 1px 0 #ffeec847, inset -1px -1px 0 #0000008c, 0 0 0 1px var(--line);--bevel-thick:inset 2px 2px 0 #ffeec833, inset -2px -2px 0 #00000080, 0 0 0 1px var(--line);--recess:inset 2px 2px 5px #000000bf, inset -1px -1px 0 #ffe6b41f, 0 0 0 1px #0009;--game-font:"Trebuchet MS", "Segoe UI", Verdana, system-ui, sans-serif;--shadow-text:1px 1px 0 #000;font-family:var(--game-font);color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100vh;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}:focus-visible{outline-offset:1px;outline:2px solid #ffd66b}.panel,#side,.modal,.context-menu .title,#chatbox,.login-card{background-color:#554a3b;background-image:var(--tex-stone);background-size:128px 128px}.stone-btn,#tabs button,#chat-filters button,#styles button,#auto-retaliate,#modal-footer button,.creator .creator-stepper button,.creator .creator-actions .secondary,#chat-toggle,#sheet-toggle,.modal header button{background-color:#5a4f41;background-image:linear-gradient(#fff0d214, #0000001f), var(--tex-stone-smooth);color:var(--ink);box-shadow:var(--bevel), 0 1px 2px #00000080;text-shadow:var(--shadow-text);background-size:auto,128px 128px;border:0;border-radius:4px;font-weight:700}#tabs button:hover,#chat-filters button:hover,#styles button:hover,#auto-retaliate:hover,#modal-footer button:hover,.creator .creator-stepper button:hover,.creator .creator-actions .secondary:hover,.modal header button:hover{background-image:linear-gradient(#fff0d229, #0000000f), var(--tex-stone-smooth)}#tabs button:active,#chat-filters button:active,#styles button:active,#auto-retaliate:active,#modal-footer button:active,.creator .creator-stepper button:active,.creator .creator-actions .secondary:active{box-shadow:inset 1px 1px 3px #000000b3, inset -1px -1px 0 #ffeec81f, 0 0 0 1px var(--line)}.overlay{background-color:#14110d;background-image:radial-gradient(ellipse at 50% 40%, #785a3247, #000000d9 70%), var(--tex-stone-dark);background-size:auto,128px 128px;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{width:min(340px,92vw);box-shadow:var(--bevel-thick), 0 10px 40px #000000b3;text-shadow:var(--shadow-text);border-radius:8px;gap:12px;padding:24px 28px;display:grid}.panel h1{color:var(--accent);letter-spacing:1px;margin:0}.panel label{color:var(--muted);gap:4px;font-size:14px;font-weight:700;display:grid}.panel input,.panel select{background:#1c1812 var(--tex-stone-dark);color:var(--ink);font:inherit;box-shadow:var(--recess);background-size:128px 128px;border:0;border-radius:4px;padding:8px}.panel input:focus,.panel select:focus{box-shadow:var(--recess), 0 0 0 2px #f0b43c99;outline:none}.panel button{letter-spacing:.5px;color:#2a1a04;text-shadow:0 1px #fff0be80;background:linear-gradient(#f6d27a,#d9a03a 55%,#b37a1e);border:0;border-radius:4px;padding:10px;font-weight:700;box-shadow:inset 1px 1px #fffadcb3,inset -1px -1px #5a320099,0 0 0 1px #2a1a04,0 2px 4px #00000080}.panel button:hover{background:linear-gradient(#fbdc8e,#e2ab46 55%,#bd8425)}.panel button:active{box-shadow:inset 1px 1px 4px #5a3200cc,0 0 0 1px #2a1a04}.tagline{color:var(--muted);margin:-8px 0 4px;font-style:italic}.hint{color:var(--muted);margin:0;font-size:12px;font-weight:400}.error{color:#ff7a5a;min-height:1em;margin:0;font-weight:700}.login-card{width:min(380px,94vw);padding:22px 30px 20px;position:relative}.login-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 35% 35%,#f3d68a,#9a6c1e 60%,#3a2708 75%,#0000 78%) 0 0/11px 11px no-repeat,radial-gradient(circle at 35% 35%,#f3d68a,#9a6c1e 60%,#3a2708 75%,#0000 78%) 100% 0/11px 11px no-repeat,radial-gradient(circle at 35% 35%,#f3d68a,#9a6c1e 60%,#3a2708 75%,#0000 78%) 0 100%/11px 11px no-repeat,radial-gradient(circle at 35% 35%,#f3d68a,#9a6c1e 60%,#3a2708 75%,#0000 78%) 100% 100%/11px 11px no-repeat;border:1px solid #00000080;border-radius:5px;position:absolute;inset:7px;box-shadow:inset 1px 1px #ffeec81f}.logo{justify-items:center;gap:0;display:grid}.logo-emblem{filter:drop-shadow(0 3px 3px #0009);width:64px;height:64px}.logo-word{width:100%;max-width:300px;height:auto;margin-top:-6px;overflow:visible}.logo-word text{letter-spacing:1px;font:900 52px Georgia,Palatino Linotype,Book Antiqua,Times New Roman,serif}.logo-shadow{fill:#000000a6}.logo-stroke{fill:none;stroke:#1f1407;stroke-width:7px;stroke-linejoin:round}.logo-fill{stroke:#fff3c4;stroke-width:.6px;stroke-opacity:.5}.login-card .tagline{justify-content:center;margin:-4px 0 6px;display:flex}.login-card .tagline span{color:#4a2e10;text-shadow:none;background-color:#dcc896;background-image:linear-gradient(#78501e1f, #78501e47), var(--tex-parchment);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);filter:drop-shadow(0 2px 1px #00000080);padding:3px 26px;font-size:15px;font-weight:700;position:relative}#game{grid-template-columns:1fr calc(224px * var(--ui-scale,1));grid-template-rows:1fr calc(176px * var(--ui-scale,1));height:100vh;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;height:100dvh;font-weight:600;display:grid}#chat-input{-webkit-user-select:text;user-select:text}@media (pointer:fine){#messages{-webkit-user-select:text;user-select:text}}#sheet-toggle,#chat-toggle{display:none}#viewport{box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}#canvas,#canvas3d{touch-action:none;width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label3d{will-change:transform;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:0;left:0}.label3d .name{font:bold 12px var(--game-font);text-shadow:1px 1px #000;white-space:nowrap}.label3d .ward:empty{display:none}.label3d .ward svg{filter:drop-shadow(1px 1px #000);width:22px;height:22px}.label3d .say{font:bold 12px var(--game-font);color:#ff0;text-shadow:1px 1px #000;white-space:nowrap}.label3d .hpbar{background:#b01010;width:30px;height:4px}.label3d .hpbar div{background:#2fbf2f;height:100%}.label3d .hits{gap:2px;display:flex;position:absolute;top:100%}.label3d .hits span{color:#fff;min-width:18px;height:18px;font:bold 11px var(--game-font);border-radius:50%;place-items:center;margin-top:6px;display:grid}.label3d .hits .dmg{background:#c01818}.label3d .hits .block{background:#2a5bd6}#side{min-height:0;box-shadow:inset 3px 0 0 #00000073, inset 4px 0 0 #ffeec824, inset -2px -2px 0 #0006, -1px 0 0 var(--line);flex-direction:column;grid-area:1/2/span 2;gap:8px;padding:10px 12px 12px;display:flex}#minimap-wrap{flex:none;align-self:center;width:196px;height:196px;position:relative}#minimap{background:#000;border-radius:50%;width:calc(100% - 24px);height:calc(100% - 24px);display:block;position:absolute;inset:12px}.minimap-ring{pointer-events:none;filter:drop-shadow(0 2px 2px #0009);width:100%;height:100%;position:absolute;inset:0}#minimap-wrap:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 0 14px #000000bf}#compass{z-index:1;filter:drop-shadow(1px 2px 1px #000000b3);background:0 0;border:0;border-radius:50%;width:42px;height:42px;padding:0;position:absolute;top:-6px;left:-6px}#compass svg{width:100%;height:100%;display:block}#tabs{flex:none;gap:4px;display:flex}#tabs button{min-width:0;height:42px;color:var(--muted);flex:1;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}#tabs #sheet-toggle{display:none}#tabs button svg{filter:drop-shadow(1px 1px #0009);flex:none;width:28px;height:28px}.tab-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#tabs button.active{color:#ffd66b;background-image:radial-gradient(circle at 50% 55%, #d64a2299, #781c0c73 60%, #280a0480), var(--tex-stone-dark);box-shadow:inset 2px 2px 4px #000c, inset -1px -1px 0 #ffb47840, 0 0 0 1px var(--line), 0 0 6px #e6642859}#tabs button.active svg{filter:drop-shadow(0 0 3px #ffc86e8c)drop-shadow(1px 1px #0009);transform:translateY(1px)}.tab{background-color:#2c261f;background-image:linear-gradient(#0000001f, #0000001f), var(--tex-stone-dark);min-height:0;box-shadow:var(--recess);text-shadow:var(--shadow-text);scrollbar-width:thin;scrollbar-color:#7a6a52 #1c1812;background-size:auto,128px 128px;border-radius:5px;flex:auto;padding:7px;overflow-y:auto}#inventory,.grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.slot{aspect-ratio:1;text-align:center;-webkit-user-select:none;user-select:none;background:#0003;border:0;border-radius:4px;place-items:center;font-size:10px;line-height:1.1;display:grid;position:relative;box-shadow:inset 1px 1px 2px #0000008c,inset -1px -1px #ffe6b412}.slot .icon{aspect-ratio:1;border-radius:4px;width:60%;margin-bottom:1px}.slot .label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:9px;overflow:hidden}.slot .qty{color:#ffea4a;text-shadow:var(--shadow-text);font-size:10px;font-weight:700;position:absolute;top:1px;left:3px}.slot .price{color:#ffd84a;text-shadow:var(--shadow-text);font-size:9px;position:absolute;top:1px;right:3px}.slot .icon.sprite{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;width:min(88%,56px);margin:0}.slot.filled{cursor:pointer}.slot.filled:hover{background:#ffdc9614}.slot.selected{box-shadow:inset 0 0 0 2px #fff4c8,0 0 6px #ffe69699}#skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}#spellbook{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}#spellbook .spell{aspect-ratio:1;cursor:pointer;background:#0000002e;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}#spellbook .spell svg{filter:drop-shadow(1px 1px #0009);width:100%;height:100%}#spellbook .spell:hover{border-color:var(--line);background:#ffffff14}#spellbook .spell.locked svg{filter:grayscale()brightness(.45)}#spellbook .spell.short svg{opacity:.45}#spellbook .spell.selected{background:#ffd66b2e;border-color:#ffd66b}#spellbook .spell.autocast{box-shadow:inset 0 0 0 2px #40c0ff}#spellbook-status{color:var(--muted);margin:6px 2px 0;font-size:12px}.skill{background:linear-gradient(#fff0d212,#00000026),#5a4e3e8c;border-radius:3px;justify-content:space-between;align-items:baseline;gap:4px;padding:4px 6px;font-size:12px;display:flex;position:relative;box-shadow:inset 1px 1px #ffeec824,inset -1px -1px #00000080,0 0 0 1px #000000b3}.skill:after{content:"";height:2px;width:calc((100% - 6px) * var(--progress,0));opacity:.8;background:linear-gradient(90deg,#b8862b,#ffd84a);border-radius:1px;position:absolute;bottom:1px;left:3px}.skill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill b{color:#ffd84a;white-space:nowrap}.skill b.boosted{color:#6fe06a}.skill b.drained{color:#ff6a5a}.skill b small{color:#c8bb9c;font-size:.85em;font-weight:400}#devotion-orb{--lo:#6a4c0e;--hi:#e6b43a;color:#fff}#devotion-orb.on{--lo:#b07a10;--hi:#ffe07a;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), 0 0 9px 2px #ffd66eb3, 0 3px 6px #0000008c}#devotion-orb.empty{--lo:#2e2a26;--hi:#55504a;color:var(--muted)}#devotion-head{color:var(--muted);justify-content:space-between;gap:6px;margin-bottom:6px;font-size:12px;display:flex}#devotion-god{font-weight:700}#devotion-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;display:grid}.buff{aspect-ratio:1;cursor:pointer;background:linear-gradient(160deg,#3a3228,#1e1913);border:0;border-radius:6px;justify-content:center;align-items:center;padding:3px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #a08a6873,0 1px 2px #0009}.buff svg{width:100%;height:100%}.buff:hover{filter:brightness(1.2)}.buff.on{background:radial-gradient(circle,#ffdc788c,#78501459 60%,#1e1913);box-shadow:inset 0 0 0 2px #f0c85a,0 0 6px #ffd26e99}.buff.quick:after{content:"";background:#6fe06a;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 1px #10200c}.buff.locked{filter:grayscale()brightness(.5);cursor:default}.buff .lvl{color:#ffd84a;text-shadow:var(--shadow-text);font-size:10px;font-weight:700;display:none;position:absolute;bottom:1px;right:3px}.buff.locked .lvl{display:block}.buff.silhouette svg{opacity:.3;filter:brightness(0)}#devotion-grid .god-row{color:var(--muted);border-top:1px solid #a08a684d;grid-column:1/-1;margin-top:4px;padding-top:3px;font-size:11px}#devotion-foot{flex-direction:column;gap:4px;margin-top:8px;display:flex}#devotion-quick-setup{align-self:flex-start}#tab-devotion.setup .buff:not(.locked){outline:1px dashed #6fe06ab3}#total-level{color:#ffd84a;text-align:center;margin:8px 0 0;font-size:13px}#combat-level{color:#ffb040;text-align:center;margin-bottom:6px;font-weight:700}#weapon-name{text-align:center;color:#ffd84a;margin:2px 0 6px;font-size:12px}#weapon-name.warn{color:#ff8a5a}#styles{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;display:grid}#styles button{color:var(--muted);text-align:left;flex-direction:column;gap:1px;padding:5px 7px;font-size:12px;display:flex}#styles button small{opacity:.8;font-size:10px}#auto-retaliate{width:100%;color:var(--muted);margin-bottom:8px;padding:5px 8px;font-size:12px}#auto-retaliate.active{color:#ffd66b}#styles button.active{color:#ffd66b;background-image:radial-gradient(ellipse at 50% 50%, #d64a2273, #5a180a59), var(--tex-stone-dark);box-shadow:inset 1px 1px 3px #000c, 0 0 0 1px var(--line)}#equipment{background:radial-gradient(30% 46%,#ffe6b414,#0000 70%),#0000002e;border-radius:4px;grid-template-columns:repeat(3,1fr);grid-template-areas:".head.""cape neck ammo""weapon body shield"".legs.""hands feet ring";gap:5px;max-width:190px;margin:0 auto 6px;padding:6px;display:grid}#equipment .slot{aspect-ratio:1;min-height:0}#equipment .slot.empty{opacity:.75;justify-content:center;align-items:center;display:flex}#equipment .slot-label{color:#7a6d56;font-size:10px}#bonuses{color:var(--muted);grid-template-columns:1fr 1fr;column-gap:10px;font-size:11px;line-height:1.4;display:grid}#bonuses .bonus-head{color:#ffb040;border-bottom:1px solid #ffe6b41f;grid-column:1/-1;margin-top:4px;font-weight:700}#bonuses .bonus-row{justify-content:space-between;gap:4px;display:flex}#bonuses .bonus-row.wide{grid-column:1/-1}#quest-points{color:#ffb040;text-align:center;margin:0 0 8px;font-weight:700}#quest-list{gap:5px;display:grid}.quest{text-align:left;width:100%;font:inherit;cursor:pointer;background:#00000038;border:0;border-radius:3px;margin-bottom:4px;padding:5px 7px;display:block;box-shadow:inset 1px 1px 2px #00000080,inset -1px -1px #ffe6b412}.quest-name{font-size:13px;font-weight:700}.quest.notStarted .quest-name{color:#f05a4a}.quest.inProgress .quest-name{color:#ffe04a}.quest.complete .quest-name{color:#4fe04f}.quest-note{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;line-height:1.35}#chatbox{min-height:0;box-shadow:inset 0 3px 0 #00000073, inset 0 4px 0 #ffeec824, 0 -1px 0 var(--line);flex-direction:column;grid-column:1;gap:5px;padding:6px 6px 5px;display:flex;position:relative}#messages,#chat-form{background-color:#dfcf9f;background-image:var(--tex-parchment);color:var(--parch-ink);background-size:256px 256px}#messages{min-height:0;box-shadow:inset 0 0 18px #5c3c1459, inset 1px 1px 2px #00000080, 0 0 0 1px var(--line);scrollbar-width:thin;scrollbar-color:#8a7348 transparent;border-radius:4px 4px 0 0;flex:1;padding:5px 10px 3px;font-size:14px;line-height:1.3;overflow-y:auto}#messages .game,#messages .chat{color:#1c140a}#messages .chat b{color:#0b3b9c}#messages .warn{color:#a00d0d}#messages[data-filter=game]>.chat,#messages[data-filter=public]>.game,#messages[data-filter=public]>.warn{display:none}#chat-form{box-shadow:inset 0 1px 0 #5a3c1973, inset 0 -6px 10px #5c3c142e, 0 0 0 1px var(--line);border-radius:0 0 4px 4px;align-items:center;margin-top:-5px;font-size:14px;display:flex}#chat-form:focus-within{box-shadow:inset 0 1px 0 #5a3c1973, inset 0 0 0 1px #0b3b9c59, 0 0 0 1px var(--line)}.chat-prompt{color:#1c140a;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:45%;padding:5px 0 5px 10px;font-weight:700;overflow:hidden}.chat-prompt:before{content:"▸";color:#8a1c0c;margin-right:4px}#chat-form input{width:100%;min-width:0;font:inherit;color:#0b3b9c;caret-color:#8a1c0c;background:0 0;border:0;flex:1;padding:5px 10px 5px 6px;font-weight:700}#chat-form input::placeholder{color:#3c2a1480;font-style:italic;font-weight:400}#chat-form input:focus{outline:none}#chat-filters{flex:none;gap:4px;display:flex}#chat-filters button{min-width:0;color:var(--muted);border-radius:3px;flex:0 104px;padding:3px 8px;font-size:12px}#chat-filters button.active{color:#ffd66b;background-image:linear-gradient(#b43c1459, #3c0e0666), var(--tex-stone-dark);box-shadow:inset 1px 1px 3px #000c, inset -1px -1px 0 #ffb4782e, 0 0 0 1px var(--line)}#hud{align-items:center;gap:10px;display:flex;position:absolute;top:8px;right:8px}#world-label{color:#ffd66b;text-shadow:var(--shadow-text);box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #a08a6880;background:#14100cb8;border-radius:4px;padding:4px 9px;font-size:12px;font-weight:700}.orb{--fill:1;--lo:#8f1a10;--hi:#e0503a;--empty:#1d1712;color:#fff;width:50px;height:50px;text-shadow:var(--shadow-text);background:radial-gradient(ellipse 60% 38% at 42% 26%, #ffffff52, #fff0 70%) padding-box, radial-gradient(circle at 50% 50%, #0000 55%, #0000008c) padding-box, linear-gradient(to top, var(--lo) 0, var(--hi) calc(var(--fill) * 100%), var(--empty) calc(var(--fill) * 100%)) padding-box, linear-gradient(145deg, #cdbd9a, #7a6a52 45%, #332b21) border-box;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), 0 3px 6px #0000008c;border:4px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;font-size:13px;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.orb .orb-icon{filter:drop-shadow(1px 1px #000000b3);flex:none;width:17px;height:17px}.orb span{margin-top:1px}#hp-orb.low{animation:1s ease-in-out infinite orb-pulse}@keyframes orb-pulse{50%{box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), 0 0 12px 3px #ff321eb3}}#run-orb{--lo:#5a4a10;--hi:#9a8330;color:#d8cfae}#run-orb.on{--lo:#b08a10;--hi:#ffe04a;color:#fff;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), 0 0 8px 1px #ffdc508c, 0 3px 6px #0000008c}#sound-orb{--lo:#1d4a6e;--hi:#4f8ec2;color:#fff}#sound-orb .orb-icon{width:22px;height:22px}#sound-orb .cross,#sound-orb.muted .waves{display:none}#sound-orb.muted .cross{display:inline}#sound-orb.muted{--lo:#2e2a26;--hi:#55504a;color:var(--muted)}#sound-orb.no-ambience .waves{opacity:.45}.orb:hover{filter:brightness(1.12)}#region-banner{pointer-events:none;opacity:0;text-align:center;white-space:nowrap;text-shadow:0 2px 3px #000,0 0 12px #000c;flex-direction:column;align-items:center;gap:2px;transition:opacity .6s,transform .6s;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%,-6px)}#region-banner.show{opacity:1;transform:translate(-50%)}#region-banner .region-name{letter-spacing:.04em;color:#ffd66b;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700}#region-banner .region-sub{color:#d9ceb0;font-size:13px;font-weight:700}#region-banner .region-sub:empty{display:none}#use-hint{pointer-events:none;text-shadow:var(--shadow-text);box-shadow:0 0 0 1px var(--line);background:#14100cbf;border-radius:3px;padding:4px 9px;font-size:13px;font-weight:700;position:absolute;top:8px;left:8px}.modal{z-index:4;width:min(460px,92%);max-height:80%;text-shadow:var(--shadow-text);box-shadow:var(--bevel-thick), 0 10px 34px #000000b3;border-radius:7px;flex-direction:column;padding:5px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal header{background:#00000059;border-radius:4px;justify-content:center;align-items:center;min-height:32px;margin-bottom:5px;padding:4px 40px;display:flex;position:relative;box-shadow:inset 1px 1px 2px #0009,inset -1px -1px #ffeec81a}.modal h2{color:#ffb040;text-align:center;letter-spacing:.3px;margin:0;font-size:16px}.modal header button{place-items:center;width:26px;height:26px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}#modal-body{background-color:#2c261f;background-image:var(--tex-stone-dark);box-shadow:var(--recess);background-size:128px 128px;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;padding:8px;display:grid;overflow-y:auto}#modal-body .slot.locked{opacity:.45}#modal-footer{color:var(--muted);align-items:center;gap:8px;padding:7px 4px 2px;font-size:12px;display:flex}#modal-footer button{flex:none;padding:5px 10px}#xp-drops{pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:56px;right:16px}.xp-drop{color:#fff;text-shadow:var(--shadow-text);font-weight:700;animation:1.6s ease-out forwards rise}@keyframes rise{0%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(-30px)}}.context-menu{z-index:5;min-width:150px;max-height:calc(100dvh - 8px);text-shadow:var(--shadow-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#100d09e6;border-radius:3px;padding-bottom:2px;font-size:14px;font-weight:700;position:fixed;overflow-y:auto;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #96805e8c,0 6px 16px #0009}.context-menu .title{color:#e2cf9c;border-radius:3px 3px 0 0;padding:3px 8px;box-shadow:inset 0 -1px #000,inset 1px 1px #ffeec833}.context-menu button{text-align:left;color:#fff;width:100%;text-shadow:var(--shadow-text);white-space:nowrap;background:0 0;border:0;padding:3px 8px;font-weight:700;display:block}.context-menu button:hover{background:linear-gradient(90deg,#f0b43c47,#f0b43c0f)}.context-menu .target{color:#0ff}.dialogue{z-index:3;cursor:default;text-align:center;width:min(560px,100% - 20px);color:var(--parch-ink);background-color:#dfcf9f;background-image:radial-gradient(ellipse at 50% 50%, #0000 55%, #64401447), var(--tex-parchment), var(--tex-stone);box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), inset 1px 1px 3px #0006, 0 8px 22px #0000008c;background-size:auto,256px 256px,128px 128px;background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;border:5px solid #0000;border-radius:7px;padding:0 16px 8px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dialogue-head{background:linear-gradient(#7a1d10,#4e0f07);margin:0 -16px 6px;padding:4px 12px;box-shadow:inset 0 -2px #2a0703,inset 0 1px #ffaa824d}.dialogue-name{color:#ffe2a0;letter-spacing:.4px;min-height:1.2em;text-shadow:var(--shadow-text);font-size:15px;font-weight:700}.dialogue.player .dialogue-head{background:linear-gradient(#1f3f78,#12264c);box-shadow:inset 0 -2px #081530,inset 0 1px #a0c8ff4d}.dialogue.narrator .dialogue-head{display:none}.dialogue.narrator{padding-top:8px}#dialogue-text{margin:4px 0 8px;font-size:15px;font-weight:700;line-height:1.4}.dialogue.narrator #dialogue-text{color:#4a3a22;font-style:italic}#dialogue-options{gap:2px;display:grid}#dialogue-options button{color:#1c140a;background:0 0;border:0;border-radius:3px;padding:3px 6px;font-size:14px;font-weight:700}:is(#dialogue-options button:hover,#dialogue-options button:focus-visible){color:#fff;text-shadow:var(--shadow-text);background:linear-gradient(90deg,#7a1d1000,#7a1d10d9 20% 80%,#7a1d1000);outline:none}.dialogue-continue{color:#0b3b9c;background:0 0;border:0;padding:2px 6px;font-size:13px;font-weight:700}.dialogue-continue:hover{text-decoration:underline}.dialogue.pending{opacity:.75}.quest-scroll{text-align:center;z-index:6;color:#3b2a14;background-color:#eadbb0;background-image:linear-gradient(90deg, #78501e59, #78501e00 16%, #78501e00 84%, #78501e59), var(--tex-parchment);transform-origin:50%;background-size:auto,256px 256px;border-radius:4px;width:min(320px,88%);padding:22px 26px 16px;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0009}.quest-scroll:before,.quest-scroll:after{content:"";background:linear-gradient(#a06c34,#6a4218 55%,#3e2408);border-radius:7px;height:14px;position:absolute;left:-10px;right:-10px;box-shadow:0 2px 4px #00000080,inset 0 1px #ffd29666}.quest-scroll:before{top:-7px}.quest-scroll:after{bottom:-7px}.quest-scroll h2{color:#8a1c0c;letter-spacing:.5px;margin:0 0 6px;font-family:Georgia,Palatino Linotype,serif;font-size:22px}.quest-scroll p{margin:4px 0}.quest-scroll .awarded{margin-top:10px}.quest-scroll ul{margin:4px 0 8px;padding:0;line-height:1.5;list-style:none}#quest-scroll-qp{color:#6a5230;font-size:13px}#quest-scroll-close{color:#f4e8c1;text-shadow:var(--shadow-text);background:linear-gradient(#7a4a20,#4e2c0e);border:0;border-radius:3px;margin-top:8px;padding:6px 18px;font-weight:700;box-shadow:inset 1px 1px #ffd29659,0 0 0 1px #1e1004}.quest-scroll.unroll{animation:.45s ease-out unroll}@keyframes unroll{0%{clip-path:inset(48% 0)}to{clip-path:inset(-20px)}}.creator-overlay{z-index:20;background:#0e0c09c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.creator.panel{gap:10px;width:min(640px,100%)}.creator h2{color:#ffb040;text-align:center;margin:0;font-size:20px}.creator .hint{text-align:center}.creator-body{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.creator-preview{cursor:grab;touch-action:none;width:220px;height:300px;box-shadow:var(--recess), 0 0 0 3px #3a3127, 0 0 0 4px var(--line);background:radial-gradient(circle at 50% 40%,#6b5b44,#221d16 75%);border-radius:6px}.creator-fields{gap:8px;display:grid}.creator-row{gap:4px;display:grid}.creator-label{color:#ffb040;font-size:13px;font-weight:700}.creator-stepper{align-items:center;gap:6px;display:flex}.creator .creator-stepper button{width:32px;padding:2px 0;font-size:18px;line-height:1.2}.creator-value{text-align:center;background:#0000004d;border-radius:3px;min-width:90px;padding:3px 6px;font-weight:700;box-shadow:inset 1px 1px 2px #0009}.creator-swatches{flex-wrap:wrap;gap:4px;display:flex}.creator .swatch{border:2px solid #1b1712;border-radius:4px;width:22px;height:22px;padding:0;box-shadow:inset 1px 1px #ffffff40,inset -1px -1px #00000059}.creator .swatch.selected{box-shadow:0 0 0 2px var(--accent), 0 0 6px #ffc85099;border-color:#fff4c8}.creator-actions{justify-content:flex-end;gap:8px;display:flex}.creator-actions button{min-width:110px}.creator .creator-actions .secondary{color:var(--ink)}.creator button:disabled{opacity:.6;cursor:default}@media (max-width:560px){.creator-body{grid-template-columns:1fr;justify-items:center}.creator-fields{width:100%}}@media (pointer:coarse){.context-menu{min-width:190px;max-width:calc(100vw - 8px);font-size:16px}.context-menu .title{padding:6px 10px}.context-menu button{white-space:normal;border-top:1px solid #ffeec814;min-height:44px;padding:10px 12px}.context-menu button:hover{background:0 0}.context-menu button:active{background:linear-gradient(90deg,#f0b43c4d,#f0b43c14)}#chat-form input{font-size:16px}.modal header button{width:44px;height:44px;right:0}#modal-footer button,#tabs button{min-height:40px}#chat-filters button{min-height:36px}.orb{width:48px;height:48px}}@media (max-width:720px),(max-height:500px) and (orientation:landscape){#viewport{min-height:0}#minimap-wrap{z-index:3;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));width:104px;height:104px;position:fixed}#minimap{width:calc(100% - 14px);height:calc(100% - 14px);inset:7px}#minimap-wrap:after{inset:7px}#compass{width:30px;height:30px;top:-5px;left:-5px}#use-hint{top:calc(120px + env(safe-area-inset-top));max-width:calc(100% - 16px)}#chatbox{flex-flow:wrap;align-items:stretch;gap:4px;padding:4px}#messages{flex:1 0 100%;height:calc(5.2em + 8px);padding:4px 42px 4px 10px;font-size:13px;line-height:1.3}#chatbox.expanded #messages{height:38dvh}#chat-form{flex:160px;min-width:0;font-size:13px}#chat-filters{flex:none}#chat-filters button{flex:none;width:50px;padding:2px 4px;font-size:11px}#chat-toggle{z-index:1;place-items:center;width:34px;height:30px;padding:0;display:grid;position:absolute;top:7px;right:9px}#chatbox.expanded #chat-toggle span{display:inline-block;transform:rotate(180deg)}.modal{width:min(460px,96%);max-height:94%}#modal-body{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.orb{border-width:3px;width:44px;height:44px;font-size:12px}.orb .orb-icon{width:15px;height:15px}#sound-orb .orb-icon{width:19px;height:19px}}@media (max-width:720px) and (orientation:portrait),(max-width:720px) and (min-height:501px){#game{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}#chatbox{grid-row:2}#side{min-width:0;max-height:45dvh;padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:inset 0 2px 0 #ffeec824, 0 -1px 0 var(--line);grid-area:3/1;gap:6px;overflow-y:auto}#side.collapsed .tab,body.typing #side .tab{display:none}#tabs button{height:44px}#tabs button svg{width:24px;height:24px}#tabs .tab-label{clip:auto;width:auto;height:auto;font-size:12px;position:static;overflow:visible}#tabs #sheet-toggle{flex:0 0 44px;display:flex}#side.collapsed #sheet-toggle span{display:inline-block;transform:rotate(180deg)}.tab{flex:auto;padding:5px}#inventory{grid-template-columns:repeat(7,minmax(0,1fr))}#skills{grid-template-columns:repeat(3,minmax(0,1fr))}.skill{font-size:12px}#equipment{max-width:170px}#hud{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));max-height:calc(100% - 16px - env(safe-area-inset-top));flex-flow:column wrap-reverse;align-content:flex-start;align-items:flex-end;gap:8px}#world-label{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:11px;overflow:hidden}#xp-drops{top:12px;right:64px}}@media (max-width:400px) and (orientation:portrait){#tabs .tab-label{display:none}}@media (max-height:500px) and (orientation:landscape){#game{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 210px}#side{padding:6px calc(8px + env(safe-area-inset-right)) 6px 8px;gap:6px;overflow-y:auto}#messages{height:calc(3.9em + 8px)}#chatbox{padding-bottom:calc(4px + env(safe-area-inset-bottom))}#chatbox.expanded #messages{height:50dvh}#inventory{grid-template-columns:repeat(5,minmax(0,1fr))}#tabs button{height:36px;min-height:34px}#tabs button svg{width:24px;height:24px}.tab{flex:none;padding:5px;overflow:visible}#skills{gap:3px}.skill{padding:2px 6px;font-size:12px}#styles button{padding:4px 6px}#hud{gap:6px}}:root{--ui-scale:1}#side,#chatbox,#hud,.modal,.dialogue,.quest-scroll,.reconnect-card,.loading-card{zoom:var(--ui-scale)}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reduced-motion .xp-drop{opacity:1;animation:none}#messages .time{color:#6b5836;font-weight:400}#tabs button svg{width:26px;height:26px}#settings-search{width:100%;font:inherit;color:var(--ink);background:#1c1812 var(--tex-stone-dark);box-shadow:var(--recess);background-size:128px 128px;border:0;border-radius:4px;margin-bottom:6px;padding:5px 8px;font-size:12px}#settings-search:focus{box-shadow:var(--recess), 0 0 0 2px #f0b43c99;outline:none}#settings-list section{margin-bottom:8px}#settings-list h3{color:#ffb040;border-bottom:1px solid #ffeec81f;margin:0 0 4px;padding-bottom:2px;font-size:13px}.setting{grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:3px 2px;font-size:12px;display:grid}.setting label{color:var(--ink)}.setting output{color:#ffd84a;font-size:11px}.setting.range input{accent-color:#d9a03a;grid-column:1/-1;width:100%;margin:0}.setting small{color:var(--muted);grid-column:1/-1;font-size:10px;font-weight:400}.setting .choices{gap:2px;display:flex}.setting .choices button{color:var(--muted);text-shadow:var(--shadow-text);background:linear-gradient(#fff0d214, #0000001f), var(--tex-stone-smooth);box-shadow:var(--bevel);background-size:auto,128px 128px;border:0;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700}.setting .choices button.active{color:#ffd66b;background-image:radial-gradient(ellipse at 50% 50%, #d64a2273, #5a180a59), var(--tex-stone-dark);box-shadow:inset 1px 1px 3px #000c, 0 0 0 1px var(--line)}.toggle{-webkit-appearance:none;appearance:none;cursor:pointer;width:34px;height:18px;box-shadow:var(--recess);background:#1c1812;border-radius:9px;margin:0;position:relative}.toggle:after{content:"";background:radial-gradient(circle at 35% 35%,#d8cbb0,#6d624f 70%);border-radius:50%;width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:0 0 0 1px #000}.toggle:checked{background:linear-gradient(#7a3a12,#4a1f08)}.toggle:checked:after{background:radial-gradient(circle at 35% 35%,#fbe29a,#b8862c 65%,#5a3c0c);left:18px}.logout-panel{text-align:center;gap:8px;padding:6px 4px;display:grid}.logout-panel h3{color:#ffb040;margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:15px}.logout-panel p{color:var(--ink);margin:0;font-size:12px;font-weight:400;line-height:1.4}.logout-panel .hint{color:var(--muted);font-size:11px}#logout-button{color:#2a1a04;text-shadow:0 1px #fff0be80;background:linear-gradient(#f6d27a,#d9a03a 55%,#b37a1e);border:0;border-radius:4px;justify-self:center;padding:8px 22px;font-weight:700;box-shadow:inset 1px 1px #fffadcb3,inset -1px -1px #5a320099,0 0 0 1px #2a1a04,0 2px 4px #00000080}#logout-button:hover{background:linear-gradient(#fbdc8e,#e2ab46 55%,#bd8425)}.loading{z-index:30}.loading-card{text-align:center;width:min(380px,94vw)}.loading-card h2{color:var(--accent);letter-spacing:.5px;margin:0;font-family:Georgia,Palatino Linotype,serif}.loading-bar{height:14px;box-shadow:var(--recess);background:#1c1812;border-radius:7px;overflow:hidden}#loading-fill{background:linear-gradient(#f6d27a,#c98d24);width:0;height:100%;transition:width .3s ease-out;box-shadow:inset 0 1px #fffadc99}#loading-step{color:var(--muted);margin:0;font-size:13px}.loading-tip{color:var(--parch-ink);text-shadow:none;background-color:#dfcf9f;background-image:var(--tex-parchment);box-shadow:inset 0 0 12px #5c3c1459, 0 0 0 1px var(--line);background-size:256px 256px;border-radius:3px;margin:4px 0 0;padding:8px 12px;font-size:13px;font-weight:400;line-height:1.4}.loading-tip b{color:#7a1d10}.reconnect{z-index:25;-webkit-backdrop-filter:grayscale(.7);backdrop-filter:grayscale(.7);background:#0a08069e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.reconnect-card{text-align:center;width:min(320px,92vw)}.reconnect-card h2{color:#ff7a5a;margin:0;font-size:18px}.reconnect-card p{color:var(--ink);margin:0;font-size:14px}.reconnect-spinner{border:3px solid #ffeec826;border-top-color:var(--accent);border-radius:50%;justify-self:center;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#map-button{z-index:1;filter:drop-shadow(1px 2px 1px #000000b3);background:0 0;border:0;border-radius:50%;width:42px;height:42px;padding:0;position:absolute;bottom:-6px;right:-6px}#map-button svg{width:100%;height:100%;display:block}#map-button:hover svg circle{stroke:#ffd66b}#minimap{cursor:pointer}.context-menu{z-index:7}.context-menu button.disabled{color:#8a8070;cursor:default}.context-menu button.disabled:hover{background:0 0}.worldmap{z-index:5;width:min(1180px,100vw - 32px);height:min(820px,100dvh - 32px);color:var(--parch-ink);background-color:#554a3b;background-image:var(--tex-stone);box-shadow:var(--bevel-thick), 0 14px 40px #000000bf;background-size:128px 128px;border-radius:8px;flex-direction:column;padding:6px;font-weight:600;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.wm-head{align-items:center;gap:10px;padding:3px 4px 7px;display:flex}.wm-head h2{color:#ffd66b;text-shadow:var(--shadow-text);white-space:nowrap;margin:0 6px 0 4px;font:700 18px Georgia,Palatino Linotype,serif}.wm-layers{gap:2px;display:flex}.wm-layers button,.wm-tools button,.wm-close{background-color:#5a4f41;background-image:linear-gradient(#fff0d214, #0000001f), var(--tex-stone-smooth);color:var(--ink);box-shadow:var(--bevel), 0 1px 2px #00000080;text-shadow:var(--shadow-text);background-size:auto,128px 128px;border:0;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:700}.wm-layers button.active{color:#ffd66b;box-shadow:var(--recess);background-image:var(--tex-stone-dark)}.wm-layers button:disabled{color:#8f8570;cursor:not-allowed}.wm-search{flex:220px;max-width:360px;margin-left:auto;position:relative}.wm-search input{width:100%;font:inherit;color:var(--parch-ink);box-shadow:var(--recess);background:#efe2bc;border:0;border-radius:4px;padding:5px 9px;font-size:14px}.wm-suggest{z-index:3;background:#efe2bc;background-image:var(--tex-parchment);background-size:256px 256px;border-radius:4px;max-height:320px;margin:0;padding:3px;list-style:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #3b2a14,0 8px 18px #0000008c}.wm-suggest li{cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:5px 7px;font-size:14px;display:flex}.wm-suggest li img{flex:none;width:16px;height:16px}.wm-suggest li.active,.wm-suggest li:hover{color:#fff;text-shadow:var(--shadow-text);background:#7a1d10d9}.wm-s-label{flex:auto;font-weight:700}.wm-s-where{opacity:.75;white-space:nowrap;font-size:12px}.wm-close{place-items:center;width:30px;height:30px;padding:0;font-size:22px;line-height:1;display:grid}.wm-body{flex:auto;gap:6px;min-height:0;display:flex}.wm-stage{background:#b9a577;border-radius:4px;flex:auto;min-width:0;position:relative;overflow:hidden}.wm-canvas{touch-action:none;cursor:crosshair;display:block}.wm-stage:after{content:"";pointer-events:none;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #2a1d0e,inset 0 0 30px #50300e73}.wm-tools{z-index:1;flex-direction:column;align-items:stretch;gap:4px;display:flex;position:absolute;top:8px;right:8px}.wm-tools button{min-width:34px;height:32px;padding:0 6px;font-size:17px}.wm-tools button[data-act=tint],.wm-tools button[data-act=key]{font-size:12px}.wm-tools button.on{color:#ffd66b;box-shadow:var(--recess)}.wm-tools button:disabled{opacity:.45;cursor:default}.wm-zoom{text-align:center;color:#3b2a14;text-shadow:0 0 3px #f1e4be,0 0 2px #f1e4be;font-size:11px;font-weight:700}.wm-tip{z-index:2;pointer-events:none;color:#f4e8c8;max-width:240px;text-shadow:var(--shadow-text);background:#18120beb;border-radius:3px;padding:5px 8px;font-size:13px;line-height:1.35;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #96805e80}.wm-tip b{color:#ffd66b}.wm-status{z-index:1;pointer-events:none;color:#2a1d0e;text-shadow:0 0 3px #f1e4be,0 0 2px #f1e4be;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px}.wm-hint{pointer-events:none;color:#2a1d0ecc;text-shadow:0 0 3px #f1e4be;margin:0;font-size:11px;position:absolute;bottom:6px;right:8px}.wm-legend{background-color:#e3d3a8;background-image:var(--tex-parchment);background-size:256px 256px;border-radius:4px;flex:0 0 230px;padding:6px 8px;font-size:13px;overflow-y:auto;box-shadow:inset 0 0 0 2px #2a1d0e,inset 0 0 16px #50300e59}.worldmap.legend-closed .wm-legend{display:none}.wm-legend h3{color:#7a1d10;text-align:center;letter-spacing:.06em;margin:2px 0 6px;font:700 16px Georgia,serif}.wm-cat{margin-bottom:6px}.wm-cat-head{color:#3b1d08;cursor:pointer;border-bottom:1px solid #3b2a144d;align-items:center;gap:6px;padding:2px 0;font-weight:700;display:flex}.wm-cat-head input{accent-color:#7a1d10;margin:0}.wm-cat.off ul{opacity:.45}.wm-cat ul{margin:3px 0 0;padding:0;list-style:none}.wm-cat li{align-items:center;gap:5px;padding:1px 0;display:flex}.wm-cat li img{flex:none;width:18px;height:18px}.wm-entry{text-align:left;color:var(--parch-ink);background:0 0;border:0;flex:auto;padding:1px 2px;font-size:13px;font-weight:600}.wm-entry:hover{color:#7a1d10;text-decoration:underline}.wm-count{color:#6a5230;font-size:11px}.wm-flash{color:#7a1d10;background:#7a1d101f;border:0;border-radius:3px;width:22px;height:20px;padding:0;font-size:12px}.wm-flash:hover{color:#fff;background:#7a1d10d9}.wm-questkey{color:#5a4020;flex-wrap:wrap;font-size:11px}.wm-dot{border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 1px #3a0d08}.wm-none{color:#7a6a4a;font-size:12px;font-style:italic}@media (pointer:coarse){.wm-tools button{min-width:44px;height:42px}.wm-close{width:44px;height:44px}.wm-hint{display:none}.wm-flash{width:34px;height:30px}.wm-entry{padding:6px 2px}}@media (max-width:720px),(max-height:500px) and (orientation:landscape){.worldmap{width:100vw;height:100dvh;padding:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left));border-radius:0;top:0;left:0;transform:none}.wm-head{flex-wrap:wrap;gap:6px;padding-bottom:5px}.wm-head h2{flex:calc(100% - 64px);font-size:15px}.wm-close{order:1}.wm-layers{order:2}.wm-search{flex:1 1 0;order:3;min-width:0;max-width:none;margin-left:0}.wm-search input{font-size:16px}.wm-body{position:relative}.wm-legend{z-index:2;width:min(260px,80%);position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 18px #00000073,inset 0 0 0 2px #2a1d0e}.wm-tools{left:8px;right:auto}#map-button{width:30px;height:30px;bottom:-5px;right:-5px}}#run-orb.dash-cooling:after{content:"";pointer-events:none;background:conic-gradient(#0a080699 calc(var(--dash,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.hud-chip{z-index:4;left:50%;top:calc(10px + env(safe-area-inset-top));color:#e8dcc0;text-shadow:var(--shadow-text);box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #a08a6880;background:#14100cc7;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.hud-chip[hidden]{display:none}.hud-chip b{color:#ffd66b}.hud-chip .pip{background:#3a3228;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #6a5a40}.hud-chip .pip.on{background:#6ad0ff;box-shadow:0 0 5px #6ad0ff}#heat-hud{top:calc(40px + env(safe-area-inset-top));color:#ffb070}#heat-hud.warm{color:#ff8a3a}#heat-hud.hot{color:#ff4a2a}#heat-hud .flame{font-size:13px}.skill.clickable:hover{outline:1px solid #ffd84a80}#farm-status{background:#00000059;border:1px solid #ffd84a40;border-radius:4px;margin-top:6px;padding:6px 8px;font-size:12px}#farm-status[hidden]{display:none}#farm-status b{color:#ffd84a;margin-bottom:4px;display:block}#farm-status p{color:#e8e0cc;margin:2px 0}#farm-status .farm-line.grown{color:#7fe06a}#farm-status .farm-line.diseased{color:#ffb040}#farm-status .farm-line.dead{color:#b0aaa0}#farm-status .farm-line.weeds,#farm-status .farm-line.empty{color:#b8b0a0}#bounty-tracker{cursor:pointer;z-index:2;min-width:150px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #a08a6880;text-shadow:var(--shadow-text);-webkit-user-select:none;user-select:none;background:#14100cc7;border-radius:4px;padding:5px 8px 6px;font-size:12px;position:absolute;top:40px;left:8px}#bounty-tracker[hidden]{display:none}#bounty-tracker .bt-head{color:#ffd66b;align-items:center;gap:6px;font-weight:700;display:flex}#bounty-tracker .bt-icon{background:#8a2a2a;border-radius:2px;flex:none;width:12px;height:12px;box-shadow:0 0 0 1px #000,inset 0 0 0 2px #e8dcb8}#bounty-tracker .bt-name{flex:1}#bounty-tracker .bt-count{color:#fff}#bounty-tracker .bt-bar{background:#2a1c14;border-radius:3px;height:5px;margin-top:4px;overflow:hidden;box-shadow:inset 0 1px 2px #000}#bounty-tracker .bt-fill{background:linear-gradient(#e0703a,#a8321a);height:100%}#bounty-tracker .bt-foot{color:var(--muted);margin-top:3px;font-size:11px}#bounty-tracker.folded{min-width:0}#bounty-tracker.folded .bt-bar,#bounty-tracker.folded .bt-foot,#bounty-tracker.folded .bt-name{display:none}#multi-badge{z-index:2;box-shadow:0 0 0 1px var(--line);color:#ffb09a;text-shadow:var(--shadow-text);background:#14100cc7;border-radius:4px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:8px;left:8px}#multi-badge[hidden]{display:none}#scour-badge{z-index:2;color:#ffb07a;text-shadow:var(--shadow-text);background:#220a06d1;border-radius:4px;align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:40px;left:8px;box-shadow:0 0 0 1px #8a2a1a}#scour-badge[hidden]{display:none}#scour-badge.deep{color:#ff6a4a;box-shadow:0 0 0 1px #d0301a}#scour-badge .sb-skull{color:#f0e0c0}#scour-badge .sb-skull:empty,#scour-badge .sb-depth:empty{display:none}.label3d svg.skull{filter:drop-shadow(0 0 2px #000);margin:0 auto;display:block}#modal-body.bounty-panel{display:block}.bounty-panel .br-top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.bounty-panel .br-points{color:#ffd66b;font-size:18px;font-weight:700}.bounty-panel .br-streak{color:var(--muted);font-size:12px}.bounty-panel .br-task{background:#0000004d;border-radius:4px;margin-bottom:8px;padding:6px 8px;box-shadow:inset 0 0 0 1px #a08a684d}.bounty-panel .br-task-text{margin-bottom:5px}.bounty-panel .br-actions,.bounty-panel .br-tabs{flex-wrap:wrap;gap:6px;display:flex}.bounty-panel .br-tabs{margin-bottom:6px}.bounty-panel .br-tabs .on{color:#ffd66b;box-shadow:inset 1px 1px 3px #000000b3, 0 0 0 1px var(--line)}.bounty-panel button{padding:4px 10px;font-size:12px}.bounty-panel button:disabled{opacity:.45;cursor:default}.bounty-panel .br-list{gap:5px;display:grid}.bounty-panel .br-row{background:#ffeec80d;border-radius:4px;align-items:center;gap:8px;padding:5px 7px;display:flex}.bounty-panel .br-row.owned{opacity:.6}.bounty-panel .br-row-text{flex:1;gap:2px;display:grid}.bounty-panel .br-row-text small{color:var(--muted);font-size:11px}.wanted-board .wanted-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wanted-poster{text-align:center;color:var(--parch-ink);text-shadow:none;background-image:var(--tex-parchment);border-radius:2px;padding:8px 6px;transform:rotate(-.6deg);box-shadow:0 2px 6px #0009,inset 0 0 12px #78501e59}.wanted-poster:nth-child(2){transform:rotate(.8deg)}.wanted-poster .wp-head{letter-spacing:.12em;color:#6a2a1a;font-family:Georgia,serif;font-size:15px;font-weight:700}.wanted-poster .wp-face{color:#e8d9ae;background:#5a4a3a;border-radius:45% 45% 40% 40%;place-items:center;width:46px;height:54px;margin:6px auto;font:700 24px Georgia,serif;display:grid;box-shadow:inset 0 -6px #00000040}.wanted-poster .wp-name{font-family:Georgia,serif;font-size:14px;font-weight:700}.wanted-poster .wp-epithet{min-height:14px;font-size:11px;font-style:italic}.wanted-poster .wp-where,.wanted-poster .wp-how{margin-top:4px;font-size:10px}.wanted-poster .wp-reward{color:#6a2a1a;margin-top:6px;font-size:12px;font-weight:700}@media (max-width:520px){.wanted-board .wanted-row{grid-template-columns:1fr}}#tabs{flex-wrap:wrap;row-gap:4px}#tabs button[data-tab]{flex:1 0 calc(16.6667% - 4px)}#tabs button[data-tab] svg{width:24px;height:24px}#tabs button[data-tab]{height:36px}@media (max-width:720px) and (orientation:portrait),(max-width:720px) and (min-height:501px){#tabs button[data-tab]{height:38px}#tabs #sheet-toggle{flex:0 0 100%;order:99;height:22px;min-height:22px}}#chat-filters button[data-label]{flex-direction:column;align-items:center;padding-top:2px;padding-bottom:2px;line-height:1.05;display:flex}#chat-filters .mode{font-size:10px;font-weight:700}#chat-filters .mode[data-mode=on]{color:#6fe06f}#chat-filters .mode[data-mode=friends]{color:#ffd84a}#chat-filters .mode[data-mode=off]{color:#ff7a6a}@media (max-width:720px),(max-height:500px) and (orientation:landscape){#chat-filters button{width:46px}#chat-filters .mode{font-size:9px}}#messages .private,#messages .private b{color:#075e6b}#messages .trade{color:#7a1f86}#messages .clickable{cursor:pointer}#messages .clickable:hover{text-decoration:underline}#messages[data-filter=game]>:is(.chat,.private,.trade),#messages[data-filter=public]>:is(.private,.trade,.broadcast),#messages[data-filter=private]>:not(.private),#messages[data-filter=trade]>:not(.trade){display:none}#chat-form.pm .chat-prompt,#chat-form.pm input{color:#075e6b}#pm-split{pointer-events:none;z-index:2;flex-direction:column;gap:1px;max-width:70%;display:flex;position:absolute;bottom:34px;left:10px}#pm-split .pm-line{color:#7fe9f0;text-shadow:1px 1px #000,0 0 3px #000;font-size:13px;font-weight:700;transition:opacity 1s}#pm-split .pm-line b{pointer-events:auto;cursor:pointer}#pm-split .pm-line.fade{opacity:0}.social-tab{flex-direction:column;gap:6px;display:flex}.social-tab[hidden]{display:none}.social-head{justify-content:space-between;align-items:baseline;display:flex}.social-head h3{color:#ffb040;margin:0;font-size:13px}.social-head span{color:var(--muted);font-size:11px}.social-list{flex:auto;align-content:start;gap:2px;min-height:60px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.social-list li{-webkit-user-select:none;user-select:none;background:#0000002e;border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:flex}.social-list li.empty{color:var(--muted);background:0 0;font-size:11px;font-weight:400;line-height:1.35;display:block}.social-list li.online{cursor:pointer}.social-list li.online:hover{background:#ffdc8c1a}.social-list .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-list li.online .where{color:#6fe06f}.social-list li.offline .where{color:#ff7a6a}.social-list .where{flex:none;font-size:11px}.social-list .unignore{color:#ff9a8a;background:#00000059;border:0;border-radius:3px;width:20px;height:20px;padding:0;font-size:15px;line-height:1}.social-add{gap:4px;display:flex}.social-add input{min-width:0;font:inherit;color:var(--parch-ink);background-color:#dfcf9f;background-image:var(--tex-parchment);background-size:256px 256px;border:0;border-radius:3px;flex:1;padding:4px 6px;font-size:12px;box-shadow:inset 1px 1px 2px #00000080}.social-add button{padding:4px 10px;font-size:12px}.modal:has(#modal-body.trade-body){width:min(560px,96%)}#modal-body.trade-body{flex-direction:column;gap:6px;display:flex}.trade-cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-side{background:#00000038;border-radius:4px;padding:5px;transition:box-shadow .3s;box-shadow:inset 0 0 0 1px #a08a6840}.trade-side h3{color:#ffb040;justify-content:space-between;align-items:baseline;gap:6px;margin:0 0 5px;font-size:13px;display:flex}.trade-side h3 small{color:var(--muted);font-size:10px;font-weight:400}.trade-side.accepted{box-shadow:inset 0 0 0 2px #6fe06fb3}.trade-side.changed{box-shadow:inset 0 0 0 2px #ff5a3cd9}.trade-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.trade-grid .slot:not(.filled){opacity:.45}.trade-summary{min-height:120px;color:var(--parch-ink);text-shadow:none;background-color:#dfcf9f;background-image:var(--tex-parchment);background-size:256px 256px;border-radius:3px;margin:0;padding:8px 10px;font-size:13px;list-style:none;box-shadow:inset 0 0 14px #5c3c1459}.trade-summary li{padding:1px 0}.trade-summary li.nothing{color:#6b5836;font-style:italic}.trade-status{text-align:center;color:var(--muted);min-height:16px;margin:0;font-size:12px}.trade-status.ok{color:#6fe06f}.trade-status.warn{color:#ff8a6a;font-weight:700}#modal-footer button.accept{color:#9af09a}#modal-footer button.accept:disabled{opacity:.6;cursor:default}#modal-footer button.decline{color:#ffab9a}.trade-ask{flex:1;align-items:center;gap:6px;display:flex}.trade-ask input{width:110px;font:inherit;color:var(--parch-ink);background:#dfcf9f;border:0;border-radius:3px;padding:4px 6px;box-shadow:inset 1px 1px 2px #00000080}.trade-ask button{padding:5px 12px}#inventory .slot.offered .icon{opacity:.25}#inventory .slot.offered .qty{display:none}@media (max-width:520px){.trade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trade-cols{gap:5px}}.label3d .hits .poison{background:#2f9a2a}.label3d .hits .blight{background:#1a4a14;box-shadow:0 0 0 1px #9ae05a}.label3d .hits .max{box-shadow:0 0 0 2px #ffcf3a,0 0 6px #ffcf3a}.label3d .hits.nonum span{color:#0000;min-width:12px;height:12px}#hp-orb{cursor:pointer}#hp-orb.poisoned{--lo:#1f6a14;--hi:#6ad040}#hp-orb.blighted{--lo:#0c3208;--hi:#2e7a22}#spec-orb{--lo:#6a3a0a;--hi:#e89a2a;color:#fff}#spec-orb.armed{--lo:#a85a0a;--hi:#ffd05a;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line), 0 0 10px 2px #ffbe50cc, 0 3px 6px #0000008c}#spec-orb.short,#spec-orb.none{color:var(--muted)}#spec-orb.none{--lo:#2e2a26;--hi:#55504a}#spec-bar{color:#ffd66b;cursor:pointer;background-image:var(--tex-stone-dark);width:100%;box-shadow:inset 0 0 0 1px #a08a6873, 0 0 0 1px var(--line);text-shadow:var(--shadow-text);border:0;border-radius:4px;align-items:center;gap:6px;margin:0 0 6px;padding:5px 8px;font-size:12px;display:flex}#spec-bar[hidden]{display:none}#spec-bar .spec-name{flex:none;font-weight:700}#spec-bar .spec-track{background:#1a140e;border-radius:5px;flex:1;height:9px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000}#spec-bar .spec-fill{background:linear-gradient(#f0b040,#a8601a);position:absolute;top:0;bottom:0;left:0}#spec-bar .spec-cost{opacity:.8;background:#fff6d0;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}#spec-bar .spec-pct{text-align:right;color:#fff;flex:none;min-width:32px}#spec-bar.armed{box-shadow:inset 0 0 0 1px #ffd05a,0 0 8px #ffbe50b3}#spec-bar.armed .spec-fill{background:linear-gradient(#ffe070,#e0901a)}#spec-bar.short{color:var(--muted)}#buff-bar{flex-flow:row-reverse wrap;align-self:flex-start;gap:4px;max-width:170px;margin-top:10px;display:flex}#buff-bar[hidden]{display:none}#buff-bar .buff{cursor:help;background-image:linear-gradient(#fff0d20f, #0003), var(--tex-stone-dark);width:30px;height:30px;box-shadow:inset 1px 1px 0 #ffeec829, inset -1px -1px 0 #00000080, 0 0 0 1px var(--line);border-radius:4px;place-items:center;display:grid;position:relative}#buff-bar .buff.bad{box-shadow:inset 1px 1px #ffeec829,inset -1px -1px #00000080,0 0 0 1px #8a3a1a}#buff-bar .buff.good{box-shadow:inset 1px 1px #ffeec829,inset -1px -1px #00000080,0 0 0 1px #5a7a2a}#buff-bar .buff svg{filter:drop-shadow(1px 1px #000000b3);width:20px;height:20px}#buff-bar .buff span{font:bold 9px var(--game-font);color:#fff;text-align:center;text-shadow:1px 1px #000,-1px 0 #000;line-height:1;position:absolute;bottom:-1px;left:0;right:0}#buff-bar .buff span:empty{display:none}#opponent{z-index:2;background-image:linear-gradient(#14100c80, #14100c80), var(--tex-stone-dark);min-width:170px;box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #a08a6880;text-shadow:var(--shadow-text);pointer-events:none;opacity:0;border-radius:4px;padding:5px 8px 6px;font-size:12px;transition:opacity .4s;position:absolute;top:76px;left:50%;transform:translate(-50%)}#opponent.shown{opacity:1}#opponent.shown.fading{opacity:0;transition:opacity 10s ease-in}#opponent .op-head{justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}#opponent .op-name{color:#ff6;font-weight:700}#opponent .op-level{color:#ffd66b}#opponent .op-bar{background:#7a1010;border-radius:3px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000}#opponent .op-fill{background:linear-gradient(#4ad04a,#1f8a1f);height:100%;transition:width .25s}#opponent .op-hp{font:bold 10px var(--game-font);color:#fff;place-items:center;display:grid;position:absolute;inset:0}@media (max-width:720px) and (orientation:portrait),(max-width:720px) and (min-height:501px){#buff-bar{align-self:flex-end;max-width:136px;margin-top:0}#opponent{top:calc(8px + env(safe-area-inset-top));min-width:140px;max-width:calc(100% - 220px);left:8px;transform:none}}.modal:has(#modal-body.bank-body){width:min(560px,96%)}#modal-body.bank-body{flex-direction:column;gap:6px;display:flex}.bank-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bank-tab{width:40px;height:36px;color:var(--ink);box-shadow:var(--bevel);cursor:pointer;background-color:#3b3228;background-position:50%;background-repeat:no-repeat;background-size:30px 30px;border-radius:4px 4px 0 0;place-items:center;padding:0;font-size:12px;font-weight:700;display:grid}.bank-tab.active{box-shadow:var(--bevel), 0 0 0 2px #ffb040;background-color:#6a5638}.bank-tab.new{color:var(--muted);box-shadow:none;background:0 0;border:1px dashed #8a7a5a}.bank-tab.drop,.bank-grid .slot.drop{box-shadow:0 0 0 2px #9af09a}#bank-search{width:140px;color:var(--ink);font:inherit;background:#1c1812;border:1px solid #0d0a07;border-radius:3px;margin-left:auto;padding:5px 7px;font-size:12px}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));align-content:start;gap:5px;min-height:120px;display:grid}.bank-grid .slot[draggable=true]{cursor:grab}.bank-empty{color:var(--muted);grid-column:1/-1;margin:8px}#modal-footer button.active{color:#ffd66b;box-shadow:var(--bevel), 0 0 0 1px #ffb040}#modal-footer{flex-wrap:wrap}.modal:has(#modal-body.ledger-body){width:min(680px,97%)}#modal-body.ledger-body,#modal-body.sets-body{display:block}.ledger-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;display:grid}.ledger-card{min-height:108px;box-shadow:var(--bevel);background:linear-gradient(#3e3529,#332b21);border-radius:5px;flex-direction:column;gap:4px;padding:6px;font-size:12px;display:flex}.ledger-card.empty{opacity:.9;justify-content:space-between}.ledger-card.buy{border-top:3px solid #5a9a4a}.ledger-card.sell{border-top:3px solid #c8783a}.ledger-card.aborted{opacity:.8}.ledger-card-head{align-items:center;gap:6px;display:flex}.ledger-icon{flex:none;width:44px;height:44px;min-height:0}.ledger-card-title{color:#ffd66b;font-weight:700}.ledger-card-sub{color:var(--muted);font-size:11px}.ledger-card-actions{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.ledger-card-actions button,.ledger-row button,.set-row button{padding:3px 7px;font-size:11px}.ledger-card-actions button.ledger-buy{color:#9af09a}.ledger-card-actions button.ledger-sell{color:#ffc08a}.ledger-card-actions button.decline{color:#ffab9a}.ledger-progress{height:9px;box-shadow:var(--recess);background:#1c1812;border-radius:3px;overflow:hidden}.ledger-progress-fill{background:linear-gradient(#e0a040,#b07020);height:100%}.ledger-card.done .ledger-progress-fill{background:linear-gradient(#6ad06a,#3a9a3a)}.ledger-card.aborted .ledger-progress-fill{background:linear-gradient(#d05a4a,#8a2a20)}.ledger-setup{grid-template-columns:minmax(170px,1fr) 1.6fr;gap:8px;min-height:260px;display:grid}.ledger-pick,.ledger-detail{background:#00000038;border-radius:4px;flex-direction:column;gap:5px;padding:5px;display:flex}.ledger-search,.ledger-num{color:var(--ink);font:inherit;background:#1c1812;border:1px solid #0d0a07;border-radius:3px;padding:5px 7px;font-size:12px}.ledger-num{text-align:right;width:110px}.ledger-results{flex-direction:column;gap:3px;max-height:300px;display:flex;overflow-y:auto}.ledger-result{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:2px 4px;display:flex}.ledger-result .icon,.ledger-result .icon.sprite{flex:none;width:28px;height:28px;margin:0}.ledger-result{aspect-ratio:auto;height:34px;min-height:0}.ledger-result .label{display:none}.ledger-result-name{font-size:12px}.ledger-hint,.ledger-examine{color:var(--muted);margin:2px;font-size:12px}.ledger-guide{background:#00000040;border-radius:3px;flex-direction:column;gap:2px;padding:5px;font-size:12px;display:flex}.ledger-guide .warn,.ledger-total.warn{color:#ff8a6a}.ledger-recent{color:var(--muted);font-size:11px}.ledger-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ledger-row label{width:68px;color:var(--muted);font-size:12px}.ledger-total{color:#ffd66b;margin-top:3px;font-size:12px;font-weight:700}@media (max-width:600px){.ledger-setup{grid-template-columns:1fr}}.set-row{box-shadow:var(--bevel);background:linear-gradient(#3e3529,#332b21);border-radius:5px;align-items:center;gap:8px;margin-bottom:6px;padding:6px;display:flex}.set-info{flex-direction:column;flex:1;gap:4px;display:flex}.set-pieces{gap:4px;display:flex}.set-pieces .slot{width:38px;height:38px;min-height:0}.set-pieces .slot.locked{opacity:.35}.guide{z-index:2;width:min(250px,100% - 16px);box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px #a08a688c;text-shadow:var(--shadow-text);background:#14100cd1;border-radius:5px;padding:6px 9px 8px;font-size:12px;position:absolute;top:40px;left:8px}.guide-head{align-items:center;gap:6px;display:flex}.guide-title{color:#ffd66b;flex:1;font-size:13px;font-weight:700}.guide-fold{color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:13px;line-height:1;transition:transform .15s}.guide.folded .guide-fold{transform:rotate(-90deg)}.guide-instruction{color:#fff;margin:4px 0 0;font-weight:700;line-height:1.35}.guide-steps{color:var(--muted);max-height:190px;margin:6px 0 0;padding:0 0 0 24px;overflow-y:auto}.guide-steps li{line-height:1.45}.guide-steps li.done{color:#7fa86a;-webkit-text-decoration:line-through #7fa86a99;text-decoration:line-through #7fa86a99}.guide-steps li.current{color:#ffe9a8;font-weight:700}.guide-foot{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.guide-foot .stone-btn{padding:2px 8px;font-size:11px}.guide.folded .guide-steps,.guide.folded .guide-foot{display:none}body.guide-on #bounty-tracker{top:auto;bottom:8px}@media (max-width:720px),(max-height:500px) and (orientation:landscape){.guide{width:min(210px,100% - 16px);font-size:11px}.guide-steps{max-height:110px}.guide{top:calc(120px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));max-height:calc(100% - 128px - env(safe-area-inset-top));overflow-y:auto}}@media (max-height:500px) and (orientation:landscape){.guide{top:calc(62px + env(safe-area-inset-top));left:calc(120px + env(safe-area-inset-left));max-height:calc(100% - 70px - env(safe-area-inset-top))}.guide-steps{max-height:44px}}.guide-pulse{animation:1.2s ease-in-out infinite guide-pulse}@keyframes guide-pulse{0%,to{box-shadow:0 0 0 2px #ffd66be6,0 0 6px 2px #ffc43c8c}50%{box-shadow:0 0 0 3px #ffeca0,0 0 16px 6px #ffc43cd9}}#map-button.guide-pulse{border-radius:50%}@media (prefers-reduced-motion:reduce){.guide-pulse{animation:none;box-shadow:0 0 0 3px #ffd66b}}.guide-confirm{z-index:20;background:#0a08068c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.guide-confirm-card{text-align:center;width:min(340px,92vw)}.guide-confirm-card h2{color:var(--accent);margin:0;font-size:18px}.guide-confirm-card p{margin:0;font-size:14px;line-height:1.4}.guide-confirm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.guide-confirm-actions .stone-btn{padding:5px 12px}.voyage{z-index:15;pointer-events:none;opacity:0;background:radial-gradient(at 50% 60%,#a0b0b8eb,#344048f7);place-items:center;transition:opacity .7s;display:grid;position:absolute;inset:0}.voyage.show{opacity:1}.voyage-card{text-align:center;text-shadow:1px 1px #0009;padding:16px}.voyage-route{color:#fff4d0;letter-spacing:.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:700}.voyage-text{color:#e8eef0;margin:8px 0 0;font-size:14px;font-weight:700}.crew-call{pointer-events:auto;justify-items:center;gap:8px;margin-top:14px;display:grid}.crew-call p{color:#ffd84a;margin:0;font-size:15px;font-weight:700}.crew-call .stone-btn{padding:6px 14px;font-size:14px}.link-button{color:var(--accent);cursor:pointer;font:inherit;box-shadow:none;background:0 0;border:none;min-height:0;padding:0;text-decoration:underline}.link-button:hover{filter:brightness(1.2)}.account-settings .setting.account form{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.account-settings .setting.account input{flex:140px;min-width:0}.account-settings .setting.account p{margin:0}.account-settings .account-note{min-height:1.2em;display:block}.account-settings .account-note.error{color:#ff8a70}.pin-overlay{z-index:60;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.pin-card{text-align:center;width:min(300px,100vw - 32px);padding:16px}.pin-card h3{color:var(--accent);margin:0 0 6px;font-family:Georgia,Palatino Linotype,serif}.pin-note{margin:0 0 10px;font-size:13px}.pin-note.error{color:#ff8a70}.pin-dots{letter-spacing:10px;margin-bottom:10px;font-size:26px}.pin-keys{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pin-keys button{padding:10px 0;font-size:20px}.pin-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.account-settings .totp-key{letter-spacing:1px;-webkit-user-select:all;user-select:all;word-break:break-all;background:#00000040;border-radius:4px;margin:6px 0;padding:6px 8px;font-size:15px;display:block}.account-settings .totp-codes{columns:2;margin:6px 0;padding-left:22px;font-family:ui-monospace,monospace}#hover-text{z-index:30;pointer-events:none;color:#fff;text-shadow:var(--shadow-text);white-space:nowrap;background:#0c0a08b8;border-radius:3px;padding:2px 6px;font-size:13px;font-weight:700;position:fixed;top:0;left:0}#hover-text small{color:#cbbd98;font-weight:400}@media (hover:none){#hover-text{display:none}}.quest-controls{gap:6px;margin:0 0 6px;display:flex}.quest-controls select{flex:1;min-width:0}.quest:hover{filter:brightness(1.15)}.quest-journal-overlay{z-index:55;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.quest-journal{text-align:left;width:min(440px,100%);max-height:calc(100vh - 64px);position:relative;top:auto;left:auto;overflow-y:auto;transform:none}.quest-journal h3{color:#5a3410;margin:12px 0 4px;font-family:Georgia,Palatino Linotype,serif;font-size:14px}.quest-journal p{margin:3px 0}.quest-journal .quest-meta{color:#6a4a2a;font-style:italic}.quest-journal .done{opacity:.7;text-decoration:line-through}.quest-journal .now{font-weight:700}.quest-journal .complete{color:#2a6a1a;font-weight:700}.quest-journal .quest-reqs{padding-left:0;list-style:none}.quest-journal .quest-reqs .met{color:#2a6a1a;text-decoration:line-through}.quest-journal .quest-reqs .unmet{color:#8a1c0c}.quest-journal>button{margin-top:10px}.skill.clickable{cursor:pointer}.skill-guide{flex-direction:column;width:min(460px,100%);max-height:calc(100vh - 64px);padding:12px;display:flex}.skill-guide h2{color:var(--accent);margin:0 0 8px;font-family:Georgia,Palatino Linotype,serif;font-size:18px}.guide-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.guide-tabs button{padding:3px 8px;font-size:12px}.guide-tabs button.active{box-shadow:inset 0 0 0 2px var(--accent)}.guide-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.guide-list li{border-bottom:1px solid #ffe6b414;gap:8px;padding:3px 4px;font-size:13px;display:flex}.guide-list li b{text-align:right;color:#ffd84a;min-width:2.2em}.guide-list li.locked{opacity:.5}.guide-list li.reached b{color:#6fe06a}.guide-buttons{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.level-up{z-index:45;text-align:left;cursor:pointer;max-width:min(360px,100vw - 32px);padding:10px 16px;position:fixed;top:18%;left:50%;transform:translate(-50%)}.level-up strong{color:#ffd84a;margin-bottom:4px;font-family:Georgia,Palatino Linotype,serif;font-size:16px;display:block}.level-up ul{margin:0;padding-left:18px;font-size:13px}@media (max-width:640px){.skill-guide{width:100%;height:calc(100vh - 32px)}}.setting.keybind{justify-content:space-between;align-items:center;display:flex}.setting.keybind button{min-width:7em}.setting.keybind button.listening{box-shadow:inset 0 0 0 2px var(--accent)}#xp-tracker{z-index:5;width:210px;padding:6px 8px;font-size:12px;position:absolute;top:220px;right:16px}#xp-tracker .xpt-head{align-items:center;gap:4px;margin-bottom:4px;display:flex}#xp-tracker .xpt-head strong{color:var(--accent);flex:1}#xp-tracker .xpt-head button{padding:1px 6px;font-size:11px}#xp-tracker .xpt-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#00000040;border:0;border-radius:3px;margin-top:3px;padding:3px 5px 5px;display:block;position:relative}#xp-tracker .xpt-row:after{content:"";height:2px;width:calc((100% - 8px) * var(--progress,0));background:linear-gradient(90deg,#b8862b,#ffd84a);position:absolute;bottom:1px;left:4px}#xp-tracker .xpt-row div{justify-content:space-between;gap:6px;display:flex}#xp-tracker .xpt-row small{color:var(--muted)}@media (max-width:640px){#xp-tracker{width:180px;top:auto;bottom:170px;right:8px}}.badge{vertical-align:1px;color:#1b1712;border-radius:3px;margin-right:4px;padding:0 4px;font-size:10px;font-weight:700;display:inline-block}.badge-mod{background:#9fc4e8}.badge-admin{background:#ffd84a}.badge-owner{background:#ff7ad8}#death-keep-button{margin:6px auto;font-size:12px;display:block}#emote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}#emote-grid .emote{white-space:nowrap;text-overflow:ellipsis;padding:6px 2px;font-size:12px;overflow:hidden}#emote-grid .emote.locked{opacity:.45;filter:grayscale()}.lantern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:6px 0 10px;display:grid;overflow-y:auto}.lantern-grid button{flex-direction:column;align-items:center;padding:5px 2px;font-size:12px;display:flex}.lantern-grid small{color:var(--muted)}#loot-tracker{z-index:5;width:210px;max-height:40vh;padding:6px 8px;font-size:12px;position:absolute;top:220px;right:236px;overflow-y:auto}#loot-tracker .xpt-head{align-items:center;gap:4px;margin-bottom:4px;display:flex}#loot-tracker .xpt-head strong{color:var(--accent);flex:1}#loot-tracker .xpt-head button{padding:1px 6px;font-size:11px}#loot-tracker .loot-row summary{cursor:pointer;padding:2px 0}#loot-tracker .loot-row ul{color:var(--muted);margin:2px 0 4px;padding-left:16px}@media (max-width:640px){#loot-tracker{width:180px;top:auto;bottom:330px;right:8px}}#trophy-roll-button{margin:0 auto 6px;font-size:12px;display:block}.roll-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin:6px 0 10px;display:grid}.roll-grid .slot{aspect-ratio:1;position:relative}.roll-grid .roll-missing{opacity:.3;filter:grayscale()}#messages .broadcast{color:#ffb84a;font-weight:700}#messages .broadcast:before{content:"📯 "}#modal-body.waystone-body{display:block}.waystone-dial{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.waystone-ring{min-width:5.5rem}.waystone-go{font-weight:700}.waystone-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.waystone-list li{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;display:grid}.waystone-list li.here{opacity:.7}.waystone-star{color:#ffd66b;cursor:pointer;background:0 0;border:none;font-size:1.1em}.waystone-code{letter-spacing:.1em}.badge-lone{background:#ff9a5a}.creator-lone{margin:.5rem 0;font-size:.9em;display:block}#messages>.fellowship{color:#9ad0ff}#messages[data-filter=game]>.fellowship,#messages[data-filter=public]>.fellowship,#messages[data-filter=private]>.fellowship,#messages[data-filter=trade]>.fellowship,#messages[data-filter=fellowship]>:not(.fellowship){display:none}.fellowship-box{gap:4px;margin-top:6px;font-size:12px;display:grid}.fellowship-box h3{margin:0;font-size:13px}.fellowship-box form{gap:4px;display:flex}.fellowship-box input,.fellowship-box select{flex:auto;min-width:0}.fellowship-box .rank{color:var(--muted);font-size:11px}.ach-list{gap:2px;margin:0 0 .25rem;padding:0;font-size:13px;list-style:none;display:grid}.ach-list li.done{color:#9fd08a}.colour-blind .label3d .hits .dmg{background:#d55e00}.colour-blind .label3d .hits .block{background:#0072b2;border-radius:3px}.colour-blind .label3d .hits .poison{background:#009e73;border-radius:3px 3px 50% 50%}.colour-blind .label3d .hits .blight{background:#1a4a3a;border-radius:3px 3px 50% 50%;box-shadow:0 0 0 1px #f0e442}.colour-blind .label3d .hits .max{box-shadow:0 0 0 2px #f0e442,0 0 6px #f0e442}#messages,#menu,.tab,.panel,.setting,.label3d .name,.label3d .say,#hover-text{font-size:calc(1em * var(--text-scale,1))}#menu button:focus-visible{outline-offset:1px;outline:2px solid #ffd66b}.slot:focus-visible{outline-offset:1px;outline:2px solid #ffd66b}.world-hop{gap:4px;margin:0;padding:0;list-style:none;display:grid}.world-hop button{text-align:left;width:100%}.wardrobe-list{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.wardrobe-list li{align-items:center;gap:8px;min-height:36px;display:flex}.wardrobe-list li>span:not(.qty){flex:1}.wardrobe-list li.done>span:not(.qty){color:var(--gold,#e8c860)}.wardrobe-list li img{width:32px;height:32px}.gfx-notice{z-index:40;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(460px,100vw - 24px);color:var(--ink);gap:8px;padding:12px 16px;font-size:13px;position:fixed;transform:translate(-50%)}.gfx-notice p{margin:0;line-height:1.4}.gfx-notice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.gfx-notice-actions .stone-btn{min-height:32px;padding:5px 12px}.gfx-toast{z-index:30;left:50%;top:calc(12px + env(safe-area-inset-top));color:#ffe9b0;max-width:calc(100vw - 24px);text-shadow:var(--shadow-text);box-shadow:0 0 0 1px var(--line);pointer-events:none;background:#14100ce0;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%)}.perf-hud{z-index:2;color:#b8f0a0;pointer-events:none;white-space:nowrap;background:#0000008c;border-radius:3px;padding:1px 6px;font:11px/1.4 ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.update-banner{z-index:24;max-width:min(520px,94vw);box-shadow:var(--bevel), 0 4px 14px #0009;color:var(--accent);text-shadow:var(--shadow-text);text-align:center;pointer-events:none;background:#281c0aeb;border-radius:6px;justify-items:center;gap:2px;padding:6px 16px;font-weight:700;display:grid;position:fixed;top:8px;left:50%;transform:translate(-50%)}.update-banner.soon{color:#ff9a6a;animation:1s ease-in-out infinite alternate update-pulse}.update-banner-reason{color:var(--ink);font-size:12px;font-weight:400}.update-banner-reason:empty{display:none}@keyframes update-pulse{to{box-shadow:var(--bevel), 0 0 18px #ff783cb3}}@media (prefers-reduced-motion:reduce){.update-banner.soon{animation:none}}.release h2,.release h3{color:var(--accent);margin:0;font-size:16px}.release h4,.release h5{color:var(--muted);margin:8px 0 2px;font-size:13px}.release time{color:var(--muted);font-size:12px;display:block}.release ul{margin:2px 0 0;padding-left:18px}.release li{margin:2px 0;font-size:13px;line-height:1.35}.release code{font-size:12px}.whats-new{gap:6px;width:min(380px,94vw);max-height:min(70vh,520px);padding:16px 20px;overflow-y:auto}.whats-new>h2{color:var(--accent);margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:18px}.whats-new a{color:var(--accent)}@media (min-width:860px){#login{grid-auto-flow:column;place-content:center;gap:20px}}.whats-new-popup{z-index:28;background:#0a08068c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.whats-new-card{zoom:var(--ui-scale);width:min(440px,94vw);max-height:86vh}.whats-new-card h2{color:var(--accent);margin:0;font-size:18px}.whats-new-body{gap:10px;max-height:60vh;display:grid;overflow-y:auto}.whats-new-actions{gap:8px;display:flex}.whats-new-actions button{flex:1}.news-list{gap:12px;max-height:100%;padding:4px 2px;display:grid;overflow-y:auto}#tab-news{overflow-y:auto}#tab-news .hint a{color:var(--accent)}