/* Compact desktop client proportions based on the supplied reference. */
body{--ink:#d4d4d4;--panel:#484848;--edge:#777;background:#484848;color:#d4d4d4}
#game{max-width:none;padding:0;height:100dvh;overflow:hidden;background:#484848}
#game .app-header,#game .game-footer,#game .world-heading,#game .world-bottom{display:none}
#game .client{height:100%;padding:2px;grid-template-columns:minmax(0,1fr) 176px;gap:3px}
#game .main-area{display:grid;grid-template-rows:minmax(0,1fr) auto 112px;min-height:0}
#game .viewport{display:flex;align-items:center;justify-content:center;border:2px solid;border-color:#242424 #777 #777 #242424;background:#484848;min-height:0;container-type:size}
#game #world{width:min(100cqw,calc(100cqh * 15 / 11));height:auto;max-width:100%;max-height:100%;min-height:0;aspect-ratio:15/11;object-fit:contain;flex:none}
#game #world-note{top:22px;font-size:12px;color:#ffff85}
#game .hunt-toolbar{padding:3px 5px;gap:4px;background:#484848;border:1px solid #777;min-height:29px}
#game .small-label{display:none}
#game .hunt-toolbar strong{font:10px Verdana;color:#d4d4d4}
#game .hunt-toolbar button{font-size:10px;padding:3px 8px;min-width:0}
#game button,dialog button{border-radius:0;background:linear-gradient(#606060,#494949);box-shadow:inset 1px 1px #898989,inset -1px -1px #303030;color:#ddd;text-shadow:1px 1px #222}
#game .console{margin:2px 0 0;display:flex;flex-direction:column;min-height:0}
#game .console-tabs{padding:0 2px;background:#444;border-color:#777}
#game .console-tabs button{font-size:10px;padding:2px 15px;background:#444}
#game .console-tabs button.active{background:#595959;color:#fff}
#game #log{flex:1;min-height:0;height:auto;background:#484848;padding:3px 5px;font:11px/1.4 Verdana;color:#ffff00}
#game #log .combat{color:#ddd}#game #log .loot{color:#59df59}#game #log .time{color:#aaa}
#game #chat-form{padding:2px;gap:3px}#game #chat-form input{background:#404040;padding:2px}#game #chat-form button{padding:2px 6px}
#game .sidebar{gap:3px;overflow-y:auto;border:1px solid #777;padding:3px;scrollbar-width:thin}
#game .panel{background:#484848;border-color:#252525;box-shadow:inset 1px 1px #777,inset -1px -1px #303030}
#game .title{background:#454545;min-height:17px;padding:2px 4px;font-size:10px;border-color:#777}
#game .sidebar>.panel:first-child>.title{display:none}
#game #minimap{width:112px;height:108px;margin:3px auto;border:1px solid #222}
#game .map-caption{font-size:8px;padding:2px 4px;color:#ccc}
#game .stat{padding:4px 5px 0;gap:4px}#game .meter{height:10px;border-radius:5px;overflow:hidden}#game .meter b{font-size:8px;line-height:8px}
#game .mana .meter i{background:linear-gradient(#9090ee,#4343b2)}#game .meter i{background:linear-gradient(#ed9393,#c63535)}
#game .char-meta{padding:4px 5px;color:#ccc;font-size:9px}
#game .equipment{grid-template-columns:repeat(3,34px);gap:3px}
#game .equip-cell{width:34px;height:34px;background:#333;border-color:#242424;box-shadow:inset 1px 1px #222,1px 1px #777;color:#888}
#game .character-panel{padding-bottom:4px}#game .character-panel>.wide{padding:3px;margin-top:4px}
#game .skills summary{padding:3px 5px;color:#ddd}#game .skills summary span{color:#ddd}
#game .skills details{border-color:#3b3b3b}
#game .item{background:#333;border-color:#777;height:32px}#game #inventory{padding:4px;gap:2px}
#game .empty{color:#bbb}#game .battle-row{padding:2px 4px;border-color:#333}
.client-actions{display:flex;gap:3px;padding:3px}.client-actions button{flex:1;padding:3px;font-size:10px}
dialog::backdrop{backdrop-filter:none;background:#0006}
@media(max-width:600px){#game .client{grid-template-columns:minmax(0,1fr) 143px}#game .main-area{grid-template-rows:minmax(0,1fr) auto 130px}#game .hunt-toolbar{flex-wrap:wrap}#game .hunt-toolbar>div{flex-basis:100%}#game .hunt-toolbar button{flex:1}#game #world{width:100%;height:auto;max-height:100%;aspect-ratio:15/11}#game #log{font-size:9px}}

#game .main-area{grid-template-rows:minmax(0,1fr) 112px}#game .sidebar .hunt-toolbar{display:flex;flex-wrap:wrap}#game .sidebar .hunt-toolbar>div{flex-basis:100%;width:100%}#game .sidebar .hunt-toolbar button{flex:1;padding:4px;font-size:9px}#catchup{position:fixed;z-index:10000;inset:40% 10% auto;background:#444;border:2px ridge #999;padding:24px;color:#fff;text-align:center}#game .sidebar .hunt-toolbar strong{font-size:9px}

#game .sidebar>*{flex-shrink:0}


/* Original equipment arrangement, with empty-slot silhouettes. */
#game .equipment{grid-template-areas:'amulet helmet backpack' 'left armor right' 'ring legs ammo' '. feet .';gap:3px;grid-template-rows:repeat(4,34px)}
#game .slot-amulet{grid-area:amulet}
#game .slot-helmet{grid-area:helmet}
#game .slot-backpack{grid-area:backpack}
#game .slot-left{grid-area:left}
#game .slot-armor{grid-area:armor}
#game .slot-right{grid-area:right}
#game .slot-ring{grid-area:ring}
#game .slot-legs{grid-area:legs}
#game .slot-ammo{grid-area:ammo}
#game .slot-feet{grid-area:feet}
#game .equip-cell{position:relative}#game .slot-placeholder{filter:grayscale(1) brightness(.85);opacity:.3;width:28px;height:28px}#game .equipped-item{position:absolute;background:#333;inset:0;margin:auto}
#game .skills summary{display:block;list-style:none;padding:4px 6px;font:10px Verdana;cursor:pointer}
#game .skills summary::-webkit-details-marker{display:none}#game .skills summary::marker{content:''}#game .skills summary::before{content:none}
#game .skills details[open]>summary{background:#555}#game .skills summary:hover{background:#505050}#game .skills details{border:0}#game .skills .title{border-bottom:1px solid #292929}

.login-body .remember-login{display:flex;align-items:center;gap:8px;margin:12px 0 5px}.login-body .remember-login input{width:14px;height:14px;padding:0;margin:0;accent-color:#a5a5a5}.login-body #remember-note{display:block;color:#aaa;font-size:9px;margin-bottom:8px}

/* Login window follows the supplied classic client reference. */
#login.login-screen{min-height:100dvh;padding:0;display:grid;place-items:center;background-color:#393939;background-image:url('assets/mantus-login.jpg');background-repeat:no-repeat;background-size:cover;background-position:center 35%}
#login .brand{position:absolute;top:20%;left:0;right:0;margin:0;text-align:center;align-self:auto;pointer-events:none}
#login .brand h1{margin:0;font:bold 18px Georgia,serif;color:#efd781;text-shadow:1px 1px #191714,0 1px 4px #171717}
#login .login-panel{width:280px;max-width:calc(100vw - 24px);box-shadow:inset 1px 1px #898989,inset -1px -1px #242424,0 0 0 1px #858585,0 0 0 3px #272727;background:repeating-linear-gradient(135deg,#494949 0,#494949 1px,#464646 1px,#464646 3px);border:1px solid #222}
#login .login-panel>.title{justify-content:center;min-height:22px;padding:3px;font:bold 11px Verdana;color:#c4c4c4;background:repeating-linear-gradient(135deg,#343434 0,#343434 1px,#373737 1px,#373737 3px);border-bottom:1px solid #777}
#login .login-body{padding:12px 14px 13px}
#login .login-row{display:grid;grid-template-columns:1fr 106px;align-items:center;gap:6px;margin:0 0 12px;color:#bfbfbf;font:bold 11px/1.2 Verdana}
#login input:not([type=checkbox]){height:19px;width:106px;min-width:0;padding:1px 3px;border:1px solid;border-color:#222 #7b7b7b #7b7b7b #222;box-shadow:none;background:#353535;color:#ddd;font:11px Verdana;border-radius:0}
#login button{border:1px solid #292929;box-shadow:inset 1px 1px #777,inset -1px -1px #303030;border-radius:0;background:linear-gradient(#515151,#414141);color:#c4c4c4;text-shadow:1px 1px #292929;font:bold 9px Verdana;padding:4px 8px;min-height:21px}
#login .create-row{margin-bottom:12px}#login .create-row button{width:106px;padding:3px}
#login .login-save{border-top:1px solid #292929;border-bottom:1px solid #777;box-shadow:inset 0 1px #777,inset 0 -1px #292929;padding:7px 0 8px}
#login .remember-login{margin:0 0 12px;display:flex;align-items:center;justify-content:flex-start;gap:6px;font:bold 11px Verdana;color:#bfbfbf;cursor:pointer}
#login .remember-login input{appearance:auto;width:12px;height:12px;margin:0;padding:0;accent-color:#555;box-shadow:none}
#login .login-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#login .login-buttons button{min-width:48px}
#login #login-error{margin:0;color:#ffd2b3;font:10px/1.4 Verdana}#login #login-error:not(:empty){margin:8px 0}
#login .login-info{position:absolute;bottom:12px;right:12px;min-width:52px}
@media(max-width:540px){#login.login-screen{background-size:cover;background-position:center 30%}#login .brand{top:20%}#login .brand h1{font-size:16px}}

#login.login-screen{justify-content:center;align-content:center}


#login #character-window{width:250px}#character-window label{font:bold 11px Verdana;color:#bbb;margin:2px 0 4px}#character-list{display:block;width:100%;height:146px;overflow-y:scroll;border:1px solid;border-color:#222 #777 #777 #222;background:#3b3b3b;color:#bbb;font:bold 11px Verdana;padding:1px;outline-offset:2px}#character-list option{padding:1px 2px}#character-list option:checked{background:#717171 linear-gradient(#717171,#717171);color:white}.account-status{margin:14px 0 22px;font:bold 11px/1.3 Verdana;color:#bbb}#login .character-buttons{border-top:1px solid #777;padding-top:10px}

.hunt-choice:disabled{opacity:.5;cursor:not-allowed}.hunt-choice:disabled:hover{filter:none}

#login.login-screen{background-size:cover;background-position:center top}
#login .brand{top:auto;bottom:12px;left:auto;right:14px;width:auto}#login .brand h1{font:11px Verdana;color:#ddd;text-shadow:1px 1px #111}
#login .classic-main-menu{position:absolute;left:10%;top:50%;display:flex;flex-direction:column;gap:9px;padding:14px;width:116px;border:1px solid #888;box-shadow:inset 1px 1px #222,0 0 0 1px #222;background:repeating-conic-gradient(#252525 0 25%,#787166 0 50%) 0 0/3px 3px}
#login .classic-main-menu button{width:100%;padding:4px 2px;min-height:22px;font:9px Verdana}
#login .login-panel,.classic-dialog,.classic-dialog .dialog-body{background:#454545 url('assets/client-texture.svg') repeat}
#login .login-panel>.title,.classic-dialog>.title{background:#333 url('assets/client-texture.svg') repeat;background-blend-mode:multiply;justify-content:center;font:bold 11px Verdana;text-align:center;padding:3px;min-height:20px;color:#bdbdbd}
.classic-dialog{width:334px;border:2px solid;border-color:#858585 #242424 #242424 #858585;box-shadow:0 0 0 1px #171717;border-radius:0}
.classic-dialog::backdrop{background:transparent;backdrop-filter:none}.classic-dialog .dialog-body{padding:14px}.classic-dialog p{font:bold 11px/1.35 Verdana;color:#bbb;margin:4px 0 14px}.classic-dialog .login-buttons{border-top:1px solid #777;padding-top:9px;display:flex;justify-content:flex-end;margin-top:20px}.classic-dialog button{font:9px Verdana;min-width:44px;padding:4px 8px}.option-toggle{display:flex;align-items:center;gap:7px;font:11px Verdana;margin-bottom:18px}.option-toggle input{width:13px;height:13px;padding:0}.hide-timestamps #log .time{display:none}
#login .login-panel{position:relative;z-index:2}#login .classic-main-menu{z-index:1}
@media(max-width:540px){#login .classic-main-menu{left:6%;top:56%;width:108px;padding:11px;gap:7px}#login .brand{top:auto;bottom:9px}#login .brand h1{font-size:10px}}
/* Neutral charcoal palette matched to the supplied original-client screenshots.
   The texture uses sRGB: linearRGB made the previous gray much too bright. */
#login .login-panel,.classic-dialog,.classic-dialog .dialog-body{background-color:#3f3f3f;color:#b7b7b7}
#login .login-panel{border-color:#242424;box-shadow:inset 1px 1px #686868,inset -1px -1px #292929,0 0 0 1px #686868,0 0 0 2px #292929}
#login .login-panel>.title,.classic-dialog>.title{background:#303030;background-blend-mode:normal;color:#aaa;border-bottom:1px solid #555;text-shadow:1px 1px #242424}
#login button,.classic-dialog button{background:linear-gradient(#484848,#3e3e3e);color:#b7b7b7;border:1px solid #303030;box-shadow:inset 1px 1px #626262,inset -1px -1px #353535;text-shadow:1px 1px #292929}
#login input:not([type=checkbox]),#character-list{background:#383838;border-color:#292929 #626262 #626262 #292929;color:#b7b7b7}
#character-list option:checked{background:#5c5c5c linear-gradient(#5c5c5c,#5c5c5c);color:#ddd}
#login .login-row,#login .remember-login,#character-window label,.account-status,.classic-dialog p{color:#b7b7b7}
#login .login-save{border-color:#292929 #555 #555;box-shadow:inset 0 1px #555,inset 0 -1px #292929}
#login .character-buttons,.classic-dialog .login-buttons{border-top-color:#555}

/* Classic centered status text, independent from NPC speech. */
#game #world-note{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(80%,540px);padding:0;background:none;border:0;box-shadow:none;text-align:center;color:#fff;font:bold 12px/1.4 Verdana;text-shadow:1px 1px #111,-1px -1px #111;pointer-events:none;animation:none}
#game #world-note:empty{display:none}
#game .title button{padding:0;width:14px;height:14px;min-height:0;font:11px Arial;margin:0 0 0 2px}
#game .title>span{display:flex}
#game .panel-content{overflow:auto;scrollbar-width:thin;min-height:36px;max-height:420px}
#skills-content{height:210px}#backpack-content{height:84px}
#game .panel.minimized .panel-content,#game .panel.minimized .panel-resizer{display:none}
#game .panel-resizer{height:6px;cursor:ns-resize;touch-action:none;background:linear-gradient(#777 0 1px,#353535 1px 2px,#505050 2px 4px,#222 4px);outline-offset:-1px}
#game .client-actions{flex-wrap:wrap}#game .client-actions button{min-width:35px;font-size:9px;padding:3px 1px}
#game #inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start}
#game #inventory .item{position:relative;padding:0;min-width:0;height:34px;background:#333;border:1px solid #242424;box-shadow:inset 1px 1px #222,1px 1px #777}
#game #inventory .item img{width:32px;height:32px;image-rendering:pixelated}
#game #inventory .item span{position:absolute;bottom:0;right:1px;font:bold 10px Verdana;color:white;text-shadow:1px 1px black}
#item-tooltip{position:fixed;z-index:11000;max-width:280px;width:max-content;padding:7px 9px;border:1px solid #aaa;background:#303030;color:#b7ff99;font:11px/1.5 Verdana;box-shadow:1px 2px 4px #0009;pointer-events:none}
#item-description{font:12px/1.5 Verdana;color:#b7ff99}

/* Compact layout measured from the supplied October 23 recordings. */
#game,#game .viewport,#game .sidebar,#game .panel,#game #log{background:#484848 url('assets/client-texture.svg') repeat}
#game .sidebar{padding:2px;gap:2px}
#game .character-panel{border:0;box-shadow:none;padding:0 2px}
#game .character-panel>.title,#game .character-panel>.char-meta,#game .character-panel>.xp-meter,#game .map-caption{display:none}
#game .stat{padding:2px 1px;gap:5px;height:14px}
#game .stat>span{font-size:10px;width:10px}
#game .meter{overflow:visible;margin-right:36px;height:8px}
#game .meter i{border-radius:4px}
#game .meter b{left:calc(100% + 8px);right:auto;top:-2px;white-space:nowrap;font:9px Verdana;text-align:left}
#game .equipment-controls{display:grid;grid-template-columns:106px minmax(0,1fr);gap:5px;margin-top:5px}
#game .equipment{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(4,34px);gap:2px;justify-content:start;grid-template-areas:'amulet helmet backpack' 'left armor right' 'ring legs ammo' '. feet cap'}
#game .equipment-cap{grid-area:cap;align-self:center;text-align:center;font:9px/1.1 Verdana}
#game .equipment-buttons{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding-bottom:1px}
#game .equipment-buttons button{min-width:0;width:100%;font:9px Verdana;padding:3px 0;min-height:21px}
#game .equipment-buttons #hunt{white-space:normal;min-height:28px}
#game .hunt-readout{font:8px Verdana;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 1px;color:#bbb}
#game .client-actions{padding:1px 0 3px;gap:3px;flex-wrap:nowrap}
#game .client-actions button{font:9px Verdana;min-width:0;padding:3px 1px}
#game .skills summary,#game .skill-stat{padding:0 4px;font:10px/13px Verdana;min-height:13px}
#game .skill-stat span{float:right}
#game .skills details p{padding:1px 4px;font:8px/11px Verdana}
#game .skill-progress{margin:1px 4px 3px;height:3px}
#game #skills{padding:3px 0}
#skills-content{height:180px}#backpack-content{height:112px}
#game .title{height:17px;min-height:17px;padding:1px 3px;background:#3e3e3e}
#game #inventory{padding:2px;gap:2px}
#game #minimap{height:112px;margin:1px auto}
#game #chat-form input{height:19px;font:11px Verdana}
#game #chat-form input::placeholder{color:transparent}
#game .console-tabs button{padding:2px 12px}
#game #session-count{display:none}
@media(max-width:600px){#game .client{grid-template-columns:minmax(0,1fr) 164px}#game .equipment-controls{gap:3px}#game .equipment-buttons button{font-size:8px}}

#shop-dialog{width:460px}#shop-dialog #trade-quantity{width:60px;padding:3px}#shop-items{margin-top:12px}.trade-row{display:grid;grid-template-columns:32px 1fr 66px 66px;gap:5px;align-items:center;padding:5px 0;border-bottom:1px solid #555;font:10px Verdana}.trade-row img{width:32px;height:32px;image-rendering:pixelated}.trade-row button{min-width:0;padding:4px 1px;font-size:9px}.trade-row small{display:block;color:#aaa;margin-top:3px}#trade-message{min-height:30px;margin-top:10px}.trade-row button:disabled{opacity:.4;cursor:default}

#game .battle-row.current-target img{outline:1px solid #f00;outline-offset:-1px}

#game .fight-controls{display:flex;gap:2px}#game .fight-controls button{flex:1;font:12px Arial;min-height:19px;padding:1px 0}#game .fight-controls button[aria-pressed=true]{background:#292929;box-shadow:inset 1px 1px #111;outline:1px solid #aaa}#game .equipment-buttons{gap:2px}#game .equipment-buttons>button{min-height:18px;padding:2px 0}

#game #minimap-panel>.title{display:flex}
#game #equipment-panel>.title{display:flex}
#game .panel.minimized .panel-content{display:none!important}
#game .panel-toggle{min-width:18px;min-height:15px;line-height:11px;padding:0 3px}
#game #action-note{position:absolute;bottom:12px;left:8px;right:8px;text-align:center;color:white;font:11px Verdana;text-shadow:1px 1px #000;pointer-events:none;z-index:5}
#game .fight-controls button{padding:0!important;width:20px;height:20px;min-height:20px}
#game .fight-controls img{width:20px;height:20px;image-rendering:pixelated;display:block}
.moving-item,.moving-item *{cursor:crosshair!important}
.using-item,.using-item *{cursor:url("assets/client710/targetcursor.png") 9 9,crosshair!important}
#world-context{position:fixed;z-index:1000;min-width:120px;padding:3px;background:#444;font:11px Verdana}
#world-context button{display:block;width:100%;text-align:left;padding:3px 8px;border:0;box-shadow:none;background:#444;font-size:11px}
#world-context button:hover{background:#777}
#move-dialog{width:280px}#move-quantity{width:60px;padding:3px}#move-range{width:160px}
#game .main-area{position:relative}
#game #shop-dialog{position:absolute;inset:0 0 112px;z-index:8;overflow:auto;width:auto;max-height:none;background:#444}
#game #shop-dialog .title{font-size:12px}
#game .shop-active{background:#777!important}
#game .equipment-buttons{display:grid;grid-template-columns:20px 20px;justify-content:center;align-content:end;gap:2px}
#game .equipment-buttons>button{grid-column:1 / -1}
#game .fight-controls{display:flex;flex-direction:column;gap:0}
#game .fight-controls[aria-label="Fight mode"]{grid-column:1;grid-row:1}
#game .fight-controls[aria-label="Combat movement"]{grid-column:2;grid-row:1}
/* Match the supplied collapsed-equipment reference: retain cap and combat controls. */
#game .equipment-buttons{align-content:start}
#game .equipment-buttons #change-outfit,#game .equipment-buttons #client-help,#game .equipment-buttons #open-shop{display:none}
#game #equipment-panel.minimized .equipment-controls{display:grid!important;grid-template-columns:34px 1fr;gap:3px;margin:2px}
#game #equipment-panel.minimized .equipment{display:block}
#game #equipment-panel.minimized .equipment .equip-cell{display:none}
#game #equipment-panel.minimized .equipment-cap{display:block;padding-top:4px}
#game #equipment-panel.minimized .equipment-buttons{grid-template-columns:20px 20px 20px minmax(32px,1fr);grid-template-rows:20px 20px;gap:1px;align-content:start}
#game #equipment-panel.minimized .fight-controls{flex-direction:row}
#game #equipment-panel.minimized .fight-controls[aria-label="Fight mode"]{grid-column:1 / 4;grid-row:1}
#game #equipment-panel.minimized .fight-controls[aria-label="Combat movement"]{grid-column:1 / 3;grid-row:2}
#game #equipment-panel.minimized #client-about{grid-column:4;grid-row:1;font-size:8px}
#game #equipment-panel.minimized #hunt{grid-column:4;grid-row:2;min-height:20px;font-size:8px}
/* Original supplied client slot graphics include their own bevel and gray symbol. */
#game .slot-placeholder{filter:none;opacity:1;width:34px;height:34px;max-width:none;max-height:none;position:absolute;inset:0;margin:auto}
#game #equipment-panel>.title{justify-content:flex-start;gap:4px}
#game #equipment-panel>.title .panel-toggle{order:-1;margin-left:0;margin-right:0}
#game .main-area{grid-template-rows:minmax(0,1fr) 6px var(--chat-height,112px)}
#game .console{margin:0;overflow:hidden}
#chat-divider{cursor:ns-resize;touch-action:none;user-select:none;background:#444;border-top:1px solid #777;border-bottom:1px solid #222;min-height:6px;z-index:2}
#chat-divider:hover,#chat-divider:focus-visible{background:#666;outline:1px solid #aaa;outline-offset:-1px}
#game #world{width:min(100cqw,calc(100cqh * 15 / 11));height:auto;min-height:0;aspect-ratio:15/11}

.gold-total{padding:3px 5px;color:#c4c4c4;font-size:10px}.distance-controls{display:flex;align-items:center;justify-content:center;gap:3px}.distance-controls button{width:20px!important}.distance-controls output{min-width:14px;text-align:center}

.distance-controls{gap:1px}.distance-controls button{width:13px!important;min-width:0!important;padding:0!important}.distance-controls output{min-width:10px;font-size:10px}#shop-categories{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0}#shop-categories [aria-selected="true"],[data-chase="distance"][aria-pressed="true"]{background:#292929;box-shadow:inset 1px 1px #111}

#shop-subcategories:not([hidden]){display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 8px;padding-left:8px}#shop-subcategories [aria-selected="true"]{background:#292929;box-shadow:inset 1px 1px #111}

.hunt-controls{padding:5px;font:10px Verdana;border-top:1px solid #222}.hunt-controls label{display:block;margin-bottom:3px}.hunt-controls select{width:100%;background:#393939;color:#ddd;font:10px Verdana}.distance-setting{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.hunt-controls .distance-controls button{width:20px!important;height:20px}.hunt-controls small{display:block;color:#bbb;font-size:9px;line-height:1.4;margin-top:4px}

#battle .battle-row{width:100%;text-align:left;padding:2px;cursor:pointer}#battle .current-target{outline:1px solid #ff0000}

#hunt-controls{padding:0;border:1px solid #222;border-top-color:#777;background:#444;color:#bbb}#hunt-controls>summary{cursor:pointer;list-style:none;font:bold 10px Verdana;line-height:17px;padding:0 4px;background:linear-gradient(#535353,#3b3b3b);border-bottom:1px solid #222}#hunt-controls>summary::before{content:"+";display:inline-block;width:13px;margin-right:4px;text-align:center;border:1px solid #777;border-right-color:#222;border-bottom-color:#222;font:11px Arial;line-height:11px}#hunt-controls[open]>summary::before{content:"−"}#hunt-controls>label,#hunt-controls>small{margin:4px}#hunt-controls>select{width:calc(100% - 8px);margin:0 4px 4px}

#loot-options{max-height:300px;overflow-y:auto;margin:10px 0}.loot-option{display:flex;align-items:center;gap:8px;padding:3px 8px}.loot-option img{width:32px;height:32px;image-rendering:pixelated}#training-controls select{width:100%}#training-controls small{display:block;padding:5px}

#loot-options .loot-option{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:3px 6px;text-align:left}#loot-options .loot-option img{display:block;width:32px;height:32px;object-fit:contain}#loot-options .loot-option span{min-width:0;white-space:normal;overflow-wrap:break-word}#loot-options .loot-option input[type=checkbox]{appearance:auto;width:13px;min-width:13px;max-width:13px;height:13px;margin:0;padding:0;justify-self:center;box-shadow:none}

#save-details{margin:8px 0}#save-details-text{white-space:pre-line;font-size:10px}

.window-close{float:right;width:18px;height:16px;padding:0;line-height:12px;font-size:13px}.depot-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.depot-list{height:220px;overflow:auto;border:1px solid #222;background:#363636}.depot-list button{display:flex;align-items:center;text-align:left;width:100%;gap:6px;height:35px}.depot-list img{width:32px;height:32px;image-rendering:pixelated}.depot-list .selected{background:#606060}.depot-dialog{width:590px;max-width:90vw}.depot-dialog label{display:block;margin:8px 0}

#shop-dialog>.title,#depot-dialog>.title{position:relative}#shop-dialog>.title .window-close,#depot-dialog>.title .window-close{position:absolute;right:3px;top:0;margin:0}

.equipment-count{position:absolute;bottom:0;right:1px;z-index:2;pointer-events:none;font:bold 10px Verdana;color:white;text-shadow:1px 1px black}

#auto-use-panel .auto-use-rule{padding:5px 0;border-bottom:1px solid #333;font:10px Verdana}#auto-use-panel .auto-use-rule>div{display:flex;align-items:center;gap:3px}#auto-use-panel select{min-width:0;flex:1;width:100%}#auto-use-panel label{display:block;margin:4px 0}#auto-use-panel input[type=number]{width:38px;font:10px Verdana}#auto-use-panel button{font-size:10px}#auto-use-panel small{display:block;margin-top:4px}

#auto-use-panel input[type=checkbox]{width:13px;height:13px;flex:0 0 13px;padding:0;margin:2px;appearance:auto}#auto-use-panel select{height:20px;padding:0;font:10px Verdana}#auto-use-panel input[type=number]{padding:2px;width:42px;height:20px}#auto-use-panel button{padding:3px 5px}#auto-use-panel>summary{font:bold 10px Verdana;cursor:pointer}

.container-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;max-height:210px;overflow:auto}.container-grid .item{position:relative;min-width:0;height:34px;padding:0;background:#414141;border:1px solid;border-color:#222 #777 #777 #222}.container-grid .item img{width:32px;height:32px;image-rendering:pixelated}.container-grid .item span{position:absolute;right:1px;bottom:0;font:10px Verdana;color:white}.container-window .title button{padding:0;width:14px;height:14px;line-height:11px}.container-window{margin-top:2px}#backpack-panel>.title{position:relative}#close-backpack{margin-left:2px}

#character-switch{padding:0;width:240px;max-width:90vw}#character-switch #character-window{position:static;transform:none;margin:0;width:100%;box-shadow:none}#session-notice{font:10px Verdana;color:#ddd;margin:3px 0 8px}#character-switch::backdrop{background:transparent}

#login #character-window,#character-switch{width:340px;max-width:90vw}
#session-notice:empty{display:none}

#login .login-or{display:flex;align-items:center;gap:8px;margin:10px 0 8px;color:#999;font:bold 10px Verdana}#login .login-or::before,#login .login-or::after{content:'';flex:1;border-top:1px solid #555}#login .google-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:26px;background:#fff;color:#222;border:1px solid #888;font:bold 11px Verdana;cursor:pointer}#login .google-button:disabled{opacity:.6;cursor:default}