body{color:#e8e2d6;background:#1c1a17;margin:0;font-family:system-ui,sans-serif}a{color:#e0b050}.page{flex-direction:column;gap:1rem;max-width:28rem;margin:2rem auto;padding:0 1rem;display:flex}.play{--chat-width:20rem;grid-template-columns:minmax(0, 1fr) var(--chat-width);background:#000;place-items:center;display:grid;position:fixed;inset:0}.game-view{width:min(100vw - var(--chat-width), calc(100vh * 480 / 352));aspect-ratio:480/352;display:block}.side{background:#1c1a17;border-left:1px solid #4a443a;flex-direction:column;place-self:stretch stretch;min-height:0;display:flex}.panel{border-bottom:1px solid #4a443a;gap:.2rem;padding:.5rem;font-size:.8rem;display:grid}.minimap canvas{width:192px;height:192px;image-rendering:pixelated;cursor:crosshair;justify-self:center}.minimap-floor{justify-content:space-between;align-items:center;display:flex}.minimap ul{max-height:4.5rem;margin:0;padding:0;list-style:none;overflow-y:auto}.minimap li{justify-content:space-between;display:flex}.player-panels{flex:0 auto;min-height:0;max-height:65vh;overflow-y:auto}.item-grid{grid-template-columns:repeat(auto-fill,2.125rem);gap:.125rem;display:grid}.item-slot{background:#000;border:1px solid #4a443a;width:2.125rem;height:2.125rem;padding:0}button.item-slot{cursor:pointer}.item-picture{width:32px;height:32px;image-rendering:pixelated;display:block;position:relative}.item-count{text-shadow:1px 1px #000;font-size:.65rem;position:absolute;bottom:0;right:1px}.vip-panel ul{margin:0;padding:0;list-style:none}.vip-panel li{justify-content:space-between;display:flex}.vip-name{color:#8a8378;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.vip-name[data-online=true]{color:#6fd06f}.panel-row{justify-content:space-between;display:flex}.panel-vocation{text-transform:capitalize}.shop-tabs{display:flex}.shop-rows{max-height:12rem;display:grid;overflow-y:auto}.shop-row{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:32px 1fr auto;align-items:center;gap:.4rem;padding:0 .2rem;display:grid}.shop-row[aria-pressed=true]{background:#4a443a}.shop-row:disabled{color:#6f685c;cursor:default}.shop-count{gap:.2rem;display:grid}.panel-block{color:#e0a040}.cooldown-row{grid-template-columns:4rem 1fr;align-items:center;gap:.3rem;display:grid}.cooldown-track{background:#000;height:.4rem}.cooldown-fill{transform-origin:0;background:#6090e0;height:100%;animation:linear forwards cooldown-drain}@keyframes cooldown-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.outfit-preview{width:64px;height:64px;image-rendering:pixelated}.outfit-swatches{grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.outfit-swatch{border:1px solid #4a443a;height:.8rem;padding:0}.outfit-swatch[aria-pressed=true]{border-color:#fff}.party-panel ul{margin:0;padding:0;list-style:none}.party-panel p{margin:.25rem 0}.trade-panel ul{flex-wrap:wrap;gap:.25rem;min-height:2rem;margin:0;padding:0;list-style:none;display:flex}.trade-panel h3,.trade-panel p{font-size:inherit;margin:.25rem 0}.battle-list ul{margin:0;padding:0;list-style:none}.battle-list button{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:1px solid #0000;display:block}.battle-list button[aria-pressed=true]{border-color:#e03030}.condition-icons{gap:.25rem;display:flex}.condition-icon{color:#000;place-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:grid}.condition-icon-poison{background:#60c040}.condition-icon-burning{background:#e06030}.condition-icon-energy{background:#b080f0}.condition-icon-paralysis{background:#e04060}.condition-icon-drunk{background:#e0c040}.panel progress{appearance:none;background:#000;border:none;width:100%;height:.5rem;display:block}.panel progress::-webkit-progress-bar{background:#000}.panel progress::-webkit-progress-value{background:var(--bar-color,#e0b050)}.panel progress::-moz-progress-bar{background:var(--bar-color,#e0b050)}.bar-health{--bar-color:#c03030}.bar-mana{--bar-color:#3060d0}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-tabs{border-bottom:1px solid #4a443a;flex-wrap:wrap;display:flex}.chat-tab{color:#a89f8e;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .6rem}.chat-tab[aria-selected=true]{color:#e8e2d6;border-bottom-color:#e0b050}.chat-tab[data-unread=true]{color:#e0b050}.chat-log{overflow-wrap:anywhere;flex-direction:column-reverse;flex:1;min-height:0;padding:.5rem;font-size:.9rem;display:flex;overflow-y:auto}.chat-line{margin:0 0 .2rem}.chat-line[data-system=true]{color:#f08070}.context-menu{z-index:1;background:#1c1a16;border:1px solid #4a443a;min-width:8rem;display:grid;position:fixed}.context-menu-item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.4rem .75rem}.context-menu-item:hover,.context-menu-item:focus-visible{background:#4a443a}.chat-input{color:#e8e2d6;font:inherit;background:#000;border:none;border-top:1px solid #4a443a;padding:.5rem}.combat-controls{border-bottom:1px solid #4a443a;gap:.25rem;padding:.5rem;font-size:.8rem;display:flex}.settings-button{position:fixed;top:.5rem;left:.5rem}.modal-backdrop{z-index:2;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.crosshair-mode,.crosshair-mode *,.dragging-item,.dragging-item *{-webkit-user-select:none;user-select:none;cursor:crosshair!important}.move-count-dialog{text-align:center;background:#1c1a17;border:1px solid #4a443a;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.move-count-dialog label{flex-direction:column;gap:.5rem;display:flex}.death-dialog{text-align:center;background:#1c1a17;border:1px solid #4a443a;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.settings{background:#1c1a17;border:1px solid #4a443a;flex-direction:column;gap:.75rem;width:min(34rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1rem;display:flex}.settings-rows{gap:.25rem;min-height:0;display:grid;overflow-y:auto}.settings-row{grid-template-columns:7rem 7rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.hotkey-field{gap:.5rem;min-width:0;display:flex}.hotkey-field input,.hotkey-field select:last-child{flex:1;min-width:0}.settings-actions{gap:.5rem;display:flex}.form{flex-direction:column;gap:.75rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.error{color:#f08070;margin:0}.characters{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.characters li{justify-content:space-between;gap:1rem;display:flex}h1,h2,h3{margin:0}