.brand-logo{display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.7))}.brand-logo-full{width:min(360px,80vw);height:auto}.brand-logo-mark{width:28px;height:28px}.lobby-logo.brand-heading,.skin .lobby-logo.brand-heading{min-height:0;font-size:inherit}.lobby-logo.brand-heading:before,.lobby-logo.brand-heading:after,.skin .lobby-logo.brand-heading:before,.skin .lobby-logo.brand-heading:after{content:none}.m-title .brand-logo-full{width:auto;height:26px}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#0d1a2a radial-gradient(ellipse at 60% 20%,#4a3a5a,transparent 70%) center / cover}.skin .auth-screen{background:#0d1a2a var(--ui-title) center / cover no-repeat}.auth-stage{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.auth-logo{margin:0}.dialog.auth-dialog{max-width:340px;max-height:none}.auth-body{display:flex;flex-direction:column;gap:8px}.auth-field{display:flex;flex-direction:column;gap:3px}.auth-field input{width:100%;box-sizing:border-box;min-height:26px;padding:2px 6px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);border-radius:0;background:var(--field);color:var(--text-bright);font-size:16px}.auth-hint,.auth-summary{margin:0;color:var(--muted);font-size:11px}.auth-summary{color:var(--accent)}.auth-error{min-height:14px;margin:0;color:var(--red)}.auth-buttons{align-items:stretch}.auth-row{display:flex;justify-content:space-between;gap:8px}.auth-row button{min-height:26px}.auth-connecting{margin:0;color:var(--text-bright);text-shadow:1px 1px 0 #000}.cloud-notice{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:1000;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid;border-color:#6e6e6e #202020 #202020 #6e6e6e;background:var(--stone-dark);color:var(--text-bright);box-shadow:0 4px 16px #000000b3}.save-transfer{display:flex;flex-direction:column;gap:8px}.save-code{box-sizing:border-box;width:100%;resize:vertical;padding:4px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field);color:var(--text);font:11px/14px ui-monospace,Consolas,monospace;word-break:break-all}.save-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.save-error{margin:6px 0 0;color:var(--red)}.save-confirm{margin-top:8px;padding:8px;border:1px solid #8a6d2f;background:#3a3220}.save-confirm p{margin:0}.account-choose{max-width:640px;margin:0 auto;width:100%}.account-vocs{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.account-voc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px;background:var(--field);border:1px solid var(--edge)}.account-voc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.account-voc-name{color:var(--text-bright);font-weight:700}.account-dialog{width:min(520px,calc(100vw - 32px))}.account-name{display:flex;flex-direction:column;gap:3px;margin:6px 0}.account-name input{max-width:260px}.account-name-error{color:var(--red)}.account-status{color:var(--accent)}.panel-head .account-promote{display:block;margin-top:4px}.depot-count{margin:0 0 3px;font-family:var(--font-sys);font-size:9px;line-height:11px;color:var(--muted)}.depot-backdrop{z-index:22}.dialog.depot-dialog,.dialog.loot-filter-dialog{max-width:340px}.depot-confirm-text{margin:4px 0}.loot-filter-list{max-height:240px}.loot-filter-row button{flex:none}.lobby-junk{display:flex;gap:6px;margin-top:4px}.lobby-junk button.drop-hover{outline:1px solid var(--gold, #c8a04a)}.npc-backdrop{z-index:20}.dialog-row{display:flex;gap:6px;justify-content:flex-end}.npcs-dialog,.trade-dialog{max-width:380px}.quest-dialog{max-width:460px}.npc-bank{color:var(--text-bright)}.npc-bank strong,.trade-totals dd{color:var(--accent)}.npc-list,.trade-list,.quest-list{margin:0 0 8px;padding:2px;list-style:none;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field)}.npc-entry{display:flex;align-items:center;gap:8px;padding:4px 6px}.npc-entry+.npc-entry,.quest+.quest{border-top:1px solid #333}.npc-text{display:flex;flex-direction:column;flex:1;min-width:0}.npc-title{color:var(--text-bright);font-weight:700}.npc-trade,.npc-req,.quest-desc,.quest-reward{font-size:10px;color:var(--muted)}.npc-entry.locked .npc-title{color:#888}.npc-req{color:var(--red)}.npc-say{color:#5fe3ff}.npc-say .npc-name{font-weight:700}.trade-tabs{display:flex;gap:2px}.trade-tab,.skin .trade-tab{padding:2px 10px;border:1px solid;border-image:none;border-color:var(--bevel-light) var(--bevel-dark) transparent var(--bevel-light);background:var(--stone-dark);box-shadow:none;color:var(--muted)}.trade-tab.active,.skin .trade-tab.active{background:#545454;color:var(--text-bright)}.trade-totals dd.trade-short{color:var(--red)}.bank-line strong{color:var(--accent)}.trade-list{max-height:220px;overflow-y:auto}.trade-empty{padding:8px;color:var(--muted)}.trade-row,.skin .trade-row{width:100%;display:flex;align-items:center;gap:8px;padding:1px 4px;border:none;border-image:none;background:none;box-shadow:none;text-align:left;color:var(--text)}.trade-row.active,.skin .trade-row.active{background:#545454;color:var(--text-bright)}.trade-line{display:flex;align-items:center;gap:4px}.trade-check{flex:none;margin:0 2px}.trade-line .trade-row{flex:1;min-width:0}.trade-line-qty{flex:none;width:52px}.trade-select-all{display:flex;align-items:center;gap:4px;margin-bottom:4px}.trade-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-price{color:var(--accent)}.trade-amount{display:flex;align-items:center;gap:6px;margin-bottom:6px}.trade-amount input[type=range]{flex:1;min-width:0}.trade-qty{width:56px;background:var(--field);color:var(--text-bright);border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark)}.trade-totals{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0}.trade-totals dd{margin:0}.quest-map h3{margin:0 0 4px;font-size:11px;color:var(--text-bright)}.quest{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:4px 6px}.quest-name{grid-row:1;color:var(--text-bright)}.quest-status{grid-column:2;grid-row:1;color:var(--muted);font-size:10px}.quest.done .quest-status{color:var(--green)}.quest-desc,.quest-reward{grid-column:1 / -1}.outfit-backdrop,.addon-backdrop{z-index:30}.outfit-dialog{max-width:560px}.outfit-body{display:flex;gap:10px;align-items:flex-start}.outfit-left{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.outfit-name{color:var(--text-bright);font-weight:700}.outfit-select{display:flex;align-items:center;gap:4px;width:168px}.outfit-select button{min-width:28px;flex:none}.outfit-select .outfit-name{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outfit-index{font-size:11px}.outfit-lock{max-width:168px;text-align:center;color:#e0a040;font-size:11px}.outfit-preview{width:132px;height:132px;display:grid;place-items:center;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field)}.outfit-preview canvas{image-rendering:pixelated}.outfit-controls{display:flex;flex-direction:column;align-items:center;gap:4px}.outfit-rotate{display:flex;gap:4px}.outfit-rotate button{min-width:32px}.outfit-addon{align-self:flex-start;display:flex;align-items:center;gap:4px}.outfit-addon.locked{color:var(--muted)}.outfit-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.outfit-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.outfit-parts button{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;padding:2px}.outfit-parts button.selected{color:var(--accent);outline:1px solid var(--accent)}.outfit-part-swatch{display:inline-block;width:9px;height:9px;border:1px solid #000}.outfit-palette{display:grid;gap:1px;padding:2px;background:#111}.outfit-color{aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid #000;border-image:none}.skin .outfit-color{border-image:none}.outfit-color.selected{outline:2px solid #fff;outline-offset:-1px;position:relative;z-index:1}@media (max-width: 520px){.outfit-body{flex-direction:column;align-items:stretch}.outfit-left{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.outfit-controls{justify-content:center}.outfit-select,.outfit-index,.outfit-lock{flex-basis:100%;justify-content:center;text-align:center}}.addon-dialog{max-width:420px}.addon-char{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.addon-char select{flex:1 1 120px;min-width:0}.addon-list{margin:0 0 8px;padding:2px;list-style:none;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field)}.addon-entry{padding:4px 6px}.addon-entry+.addon-entry{border-top:1px solid #333}.addon-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.addon-name{color:var(--text-bright)}.addon-owned{color:var(--green)}.addon-items{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.addon-items li{display:flex;align-items:center;gap:6px}.addon-item-name{flex:1;min-width:0}.addon-item-have{color:var(--red)}.addon-items li.enough .addon-item-have{color:var(--green)}.addon-status{color:var(--text-bright)}.panel-head .outfit-open{display:block;width:100%;margin-top:4px}.panel-head .training-open{display:block;margin-top:4px}.training-panel{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:4px;color:var(--accent)}.training-skills{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.training-skills label{display:flex;gap:6px;align-items:center;cursor:pointer}.training-tag{font-family:var(--font-sys);font-size:10px;padding:0 3px;border:1px solid #2a2a2a;color:var(--accent)}.world-map{position:relative;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;background:#06080c}.wm-viewport{position:relative;flex:1;min-width:0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.wm-viewport:active{cursor:grabbing}.wm-layer{position:absolute;left:0;top:0;transform-origin:0 0}.wm-schematic,.wm-fog,.wm-unexplored{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wm-image{position:absolute;max-width:none;image-rendering:pixelated;pointer-events:none}.wm-unexplored{background:#000}.wm-fog{image-rendering:auto}.wm-sea{fill:#33669a}.wm-land{fill:#3f8c2e;stroke:#9a8a5a;stroke-width:6}.wm-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wm-marker{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;display:grid;place-items:center;pointer-events:auto;cursor:pointer;min-height:0;min-width:0}.wm-marker,.skin .wm-marker,.wm-marker:active:not(:disabled),.skin .wm-marker:active:not(:disabled){border:none;border-image:none;background:none;box-shadow:none}.wm-pin{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:2px solid #1a1206;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d8a531 60%,#8a6214);box-shadow:0 0 0 1px #000,0 2px 4px #000000b3;color:#1a1206;font-family:var(--font-sys);font-size:10px;font-weight:700;line-height:1}.wm-marker.status-won .wm-pin{background:radial-gradient(circle at 35% 30%,#c8ffb0,#4fb43a 60%,#24641a)}.wm-marker.status-lost .wm-pin{background:radial-gradient(circle at 35% 30%,#ffd2a0,#d8742a 60%,#7a3410)}.wm-marker.locked .wm-pin{background:radial-gradient(circle at 35% 30%,#5a5a5a,#2c2c2c 70%);border-color:#000;color:#8a8a8a;opacity:.85}.wm-marker.current .wm-pin{box-shadow:0 0 0 2px #fff,0 0 8px 2px #ffe68ccc}.wm-marker.selected .wm-pin,.wm-marker:hover .wm-pin,.wm-marker:focus-visible .wm-pin{transform:scale(1.2)}.wm-label{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:120px;pointer-events:none;font-family:var(--font-sys);font-size:11px;line-height:12px;text-align:center;color:#f0f0f0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.wm-state{font-size:10px;font-weight:700}.wm-zoom{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:4px}.wm-zoom button{width:28px;min-width:28px;height:28px;padding:0;font-size:16px;font-weight:700}.wm-note{position:absolute;left:8px;bottom:4px;margin:0;font-size:11px;pointer-events:none}.wm-sheet{position:absolute;right:8px;bottom:8px;width:min(320px,calc(100% - 16px));padding:8px 10px;display:flex;flex-direction:column;gap:4px;border:2px solid;border-color:#6e6e6e #1e1e1e #1e1e1e #6e6e6e;background:var(--stone);box-shadow:0 0 0 1px #000,0 4px 14px #000000b3;z-index:2}.wm-sheet p{margin:0}.wm-sheet-head{display:flex;align-items:center;gap:8px}.wm-sheet-head h3{flex:1;margin:0;font-size:13px}.wm-sheet .map-thumb{width:40px;height:40px;font-size:16px;flex:none}.map-thumb-locked{background:#2a2a2a;color:#777}.wm-sheet-close{width:22px;min-width:22px;height:22px;padding:0;align-self:flex-start}.wm-sheet-buttons{display:flex;justify-content:flex-end;gap:6px}.modal-backdrop.wm-backdrop{padding:16px;z-index:26}.dialog.wm-dialog{width:min(1500px,calc(100vw - 32px));max-width:none;height:calc(100vh - 32px);max-height:none}.wm-dialog-body{flex:1;min-height:0;display:flex;margin:6px;border:1px solid #000}.wm-hint{align-self:center}@media (max-width: 700px){.modal-backdrop.wm-backdrop{padding:0}.dialog.wm-dialog{width:100vw;height:100vh;height:100dvh}.wm-hint{display:none}.wm-sheet{left:0;right:0;bottom:0;width:auto}}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lobby-body.lobby-body-city{padding:0;gap:0;overflow:hidden;align-items:stretch}.city{flex:1;min-height:0;display:flex;flex-direction:column}.city-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 6px;border-bottom:2px solid var(--bevel-dark, #000);background:var(--stone, #3a3a3a)}.skin .city-bar{background:var(--stone) var(--ui-bg)}.city-bar .lobby-bank{margin:0 auto 0 0;padding:2px 4px}.city-viewport{flex:1;min-height:0;overflow:auto;display:flex;background:#14110d;overscroll-behavior:contain}.city-world{position:relative;flex:none;margin:auto}.city-canvas{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}.city-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.city-spot,.skin .city-spot,.city-char,.skin .city-char{position:absolute;pointer-events:auto;padding:0;margin:0;min-width:0;border:1px solid transparent;border-image:none;border-radius:2px;background:none;box-shadow:none;color:inherit;cursor:pointer}.city-spot{transform:translate(-50%,-50%)}.city-spot:hover,.city-spot:focus-visible,.city-spot.drop-hover{border-color:#ffffffbf;background:#ffffff14;outline:none}.city-spot:active{border-color:#fff}.city-label{position:absolute;left:50%;bottom:calc(100% + 1px);transform:translate(-50%);white-space:nowrap;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;line-height:12px;color:#e8e8e8;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 0 #000;pointer-events:none}.city-npc .city-label{bottom:calc(100% + var(--tile, 32px) * .3);color:#00c000}.city-npc.locked .city-label{color:#a0a0a0}.city-npc.locked .city-label:after{content:" (locked)";font-weight:400}.city-portal .city-label{display:flex;flex-direction:column;align-items:center;width:calc(var(--tile, 32px) * 3.8);white-space:normal;text-align:center;color:#ffd77a}.city-portal-state{font-size:10px;font-weight:400;color:silver}.city-portal.status-locked .city-portal-name{color:#a0a0a0}.city-portal.status-won .city-portal-state{color:#7fd06a}.city-portal.current{border-color:#ffd77a99}.city-chars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.city-char{display:block;transform:translate(-50%,-100%);border:none;z-index:1}.city-char.selected{z-index:3}.city-char:hover,.city-char:focus-visible{z-index:4;outline:none}.city-char-body{display:block;width:var(--tile, 32px);height:var(--tile, 32px)}.city-plate{position:absolute;left:50%;bottom:calc(100% + var(--tile, 32px) * .3);transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:1px;pointer-events:none}.city-char-name{pointer-events:auto}.city-char-name{display:flex;align-items:center;gap:3px;white-space:nowrap;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;line-height:12px;color:#00c000;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 0 #000}.city-char.selected .city-char-name{color:#fff}.city-char-name .training-tag{margin:0;text-shadow:none}.city-char-info{display:none;flex-direction:column;align-items:stretch;gap:2px;min-width:128px;padding:3px 5px;border:1px solid #000;background:#14110de0;color:var(--text, #c0c0c0);font-family:var(--font-sys, Verdana, sans-serif);font-size:10px;line-height:12px;text-align:left;white-space:nowrap}.city-char.selected .city-char-info,.city-char:hover .city-char-info,.city-char:focus-visible .city-char-info{display:flex}.city-char-meta{display:flex;align-items:center;gap:4px}.city-char-meta .voc-icon{margin:0}.city-soul{display:grid;grid-template-columns:40px auto;gap:4px;align-items:center}.city-soul em{font-style:normal;color:#ffb340}.city-char-info .hunger{align-self:flex-start}.city-map-card{min-width:min(440px,80vw)}@media (max-width: 900px){.lobby-body.lobby-body-city{overflow:visible}.city-viewport{flex:none;max-height:72vh}.city-portal .city-label{font-size:10px;line-height:11px}.city-portal-state{font-size:9px}.city-char-name,.city-label{font-size:10px;letter-spacing:-.02em}}.city-soul .bar{height:4px;border:1px solid #000;background:#2a2a2a}.client.lobby{grid-template-columns:minmax(0,1fr) 352px;grid-template-rows:minmax(0,1fr);grid-template-areas:"stage panel"}.client.lobby-choosing{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.lobby-stage{grid-area:stage;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0d1a2a radial-gradient(ellipse at 60% 20%,#4a3a5a,transparent 70%) center / cover}.skin .lobby-stage{background:#0d1a2a var(--ui-title) center / cover no-repeat}.lobby-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:17px;padding:12px 16px 16px}.lobby-body>.dialog{width:100%;max-width:760px;flex:none}.lobby-logo{margin:0 0 -6px;min-height:34px;display:flex;align-items:flex-end;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:30px;letter-spacing:.04em;color:#f2c94c;text-shadow:2px 2px 0 #000,0 0 8px rgba(0,0,0,.8)}.skin .lobby-logo:before{content:"";width:196px;height:112px;margin-right:-36px;background:var(--ui-logo) no-repeat}.skin .lobby-logo{font-size:0;min-height:112px}.skin .lobby-logo:after{content:"TD";margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:34px;color:#f2c94c;-webkit-text-stroke:1px #5a3a0a}.lobby-foot{position:relative;z-index:25;flex:none;display:flex;align-items:center;gap:6px;padding:3px 4px;border-top:2px solid var(--bevel-light);background:var(--stone)}.skin .lobby-foot{background:var(--stone) var(--ui-bg)}.lobby-foot .lobby-status{flex:1}.dialog.lobby-dialog{max-height:none}.lobby-list{display:flex;flex-direction:column;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field);padding:1px}.lobby-list-head,.lobby-row{display:grid;grid-template-columns:minmax(0,1.4fr) 44px minmax(0,1fr);gap:6px;align-items:center}.lobby-list-head{padding:2px 6px;border-bottom:1px solid #000;color:var(--muted);font-family:var(--font-sys);font-size:10px}.lobby-list-head span:nth-child(2),.lobby-lvl{text-align:right}.lobby-row,.skin .lobby-row{min-height:26px;padding:3px 6px;border:1px solid transparent;border-image:none;background:none;box-shadow:none;text-align:left;color:var(--text);text-shadow:1px 1px 0 #000}.lobby-row:hover:not(.selected){background:#ffffff0d}.lobby-row.selected,.skin .lobby-row.selected{border-color:#8a8a8a;background:#5f5f5f;color:#fff}.lobby-name{display:flex;align-items:center;gap:6px;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-name .voc-icon{margin-top:0}.lobby-voc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-soul{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center;padding-left:24px;font-family:var(--font-sys);font-size:10px;color:var(--muted)}.lobby-soul.waiting .lobby-soul-label{color:var(--accent)}.lobby-soul em{font-style:normal}.bar-soul>span{display:block;height:100%;background:#b9b9b9}.dialog-buttons.lobby-buttons{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.dialog-buttons.lobby-buttons .dialog-sep{flex-basis:100%}.lobby-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px}.map-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field)}.map-thumb{width:56px;height:56px;display:grid;place-items:center;border:2px solid;border-color:#1e1e1e #6e6e6e #6e6e6e #1e1e1e;box-shadow:0 0 0 1px #000;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;color:#ffffffd9;text-shadow:1px 1px 0 #000}.map-thumb-rookgaard{background:linear-gradient(90deg,transparent 40%,#3a4a2c 40% 60%,transparent 60%),repeating-linear-gradient(0deg,#5a5a52 0,#5a5a52 7px,#4a4a43 7px,#4a4a43 8px),#55554d}.map-thumb-thais{background:linear-gradient(0deg,transparent 38%,#8c8270 38% 62%,transparent 62%),radial-gradient(#5f8f3a 1px,transparent 1.5px) 0 0 / 5px 5px,#47702c}.map-info{min-width:0}.map-info h3{margin:0 0 2px;font-size:11px;color:var(--text-bright)}.map-info p{margin:0;font-family:var(--font-sys);font-size:10px}.map-info .muted{color:var(--muted)}.map-thumb-mintwallin{background:linear-gradient(90deg,transparent 40%,#7a4a2c 40% 60%,transparent 60%),repeating-linear-gradient(0deg,#8e8e8a 0,#8e8e8a 7px,#6f6f6b 7px,#6f6f6b 8px),#84847f}.map-thumb-venore{background:linear-gradient(0deg,transparent 40%,#c8a46a 40% 60%,transparent 60%),radial-gradient(#9fbf2a 2px,transparent 2.5px) 0 0 / 7px 7px,#5d7a1f}.map-thumb-darashia{background:linear-gradient(90deg,transparent 40%,#8a5a32 40% 60%,transparent 60%),radial-gradient(#c9a86b 1px,transparent 1.5px) 0 0 / 4px 4px,#e2c98f}.map-thumb-dragonlair{background:linear-gradient(0deg,transparent 40%,#9a9a96 40% 60%,transparent 60%),radial-gradient(#ff8a1c 3px,transparent 3.5px) 0 0 / 12px 12px,#6a1e14}.map-thumb-rookcave{background:linear-gradient(90deg,transparent 40%,#7a5a3a 40% 60%,transparent 60%),radial-gradient(#d8d8d0 1px,transparent 1.5px) 0 0 / 9px 9px,#4a3524}.map-thumb-carlin{background:linear-gradient(0deg,transparent 40%,#8a6a44 40% 60%,transparent 60%),radial-gradient(#1f4a24 3px,transparent 3.5px) 0 0 / 10px 10px,#4f7a34}.map-thumb-kazordoon{background:repeating-linear-gradient(90deg,transparent 0 5px,#c9c9c4 5px 6px) 0 45% / 100% 12% no-repeat,linear-gradient(0deg,transparent 40%,#6a4a2c 40% 60%,transparent 60%),#707070}.map-thumb-tiquanda{background:linear-gradient(90deg,transparent 40%,#8a6a44 40% 60%,transparent 60%),radial-gradient(#2f8a1a 3px,transparent 3.5px) 0 0 / 8px 8px,#2d5a16}.map-thumb-ankrahmun{background:linear-gradient(0deg,transparent 40%,#e6cf8f 40% 60%,transparent 60%),repeating-linear-gradient(90deg,#c8a45e 0,#c8a45e 7px,#a8843e 7px,#a8843e 8px),#c8a45e}.map-card[data-status=locked] .map-thumb{filter:grayscale(1) brightness(.6)}.map-boss{color:var(--accent)}.map-state{margin-top:3px!important;font-weight:700}.map-state-new{color:var(--text)}.map-state-won{color:var(--green)}.map-state-locked{color:var(--muted, #8a8a8a)}.map-state-lost{color:var(--accent)}.map-play{min-width:64px}.btn-lobby{flex:none}.btn-leave{flex:none;color:#ffb3a8}@media (max-width: 900px){.lobby-stage{min-height:100vh}.lobby-body{overflow:visible;padding:8px 4px 12px}.lobby-foot{position:fixed;left:0;right:0;bottom:0;z-index:25}.client.lobby{padding-bottom:30px}.lobby-row,.skin .lobby-row{min-height:32px}}@media (max-width: 420px){.lobby-maps{grid-template-columns:minmax(0,1fr)}.map-card{grid-template-columns:44px minmax(0,1fr)}.map-thumb{width:44px;height:44px;font-family:var(--font-sys);font-size:18px}.map-play{grid-column:1 / -1}}.lobby-bank{margin-top:6px;padding:4px 6px;color:var(--tibia-gold, #e6c35c);font-family:var(--font-sys);font-size:12px}.map-card.current{outline:1px solid var(--gold, #c8a04a)}.lobby-status{margin:0;min-height:18px;padding:1px 6px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#363636;color:#f0f0f0}.lobby-status.look{color:var(--green)}.lobby-row .hunger{justify-self:start;padding:0 0 0 24px;border:none;background:none}.mc-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:#14110d;color:var(--text);font-family:var(--font-sys);font-size:13px;line-height:1.2;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mc-hud{flex:none;display:flex;flex-direction:column;gap:6px;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;background:linear-gradient(#3a3a3b,#2a2a2a);border-bottom:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--bevel-light)}.mc-hud-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}.mc-chip{flex:none;padding:3px 7px;border:1px solid var(--edge);border-radius:4px;background:var(--stone-deep);color:var(--text-bright);font-weight:700;white-space:nowrap}.mc-phase-wave{color:#ffd27a}.mc-phase-won{color:var(--green)}.mc-phase-lost{color:var(--red)}.mc-base span{color:#ff5a5a}.mc-reward{color:var(--accent)}.mc-btn,.mc-hud .speed-buttons button,.mc-hud .start-all-waves{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--edge);border-radius:6px;background:linear-gradient(#59595a,#3c3c3d);box-shadow:inset 0 1px 0 var(--bevel-light);color:var(--text-bright);font:bold 13px var(--font-sys);cursor:pointer}.mc-btn.active{background:linear-gradient(#3f9b3a,#276b25)}.mc-btn:disabled{opacity:.45}.mc-primary{background:linear-gradient(#3f9b3a,#276b25)}.mc-danger{background:linear-gradient(#a8423a,#702722)}.mc-start{flex:1 1 0;min-width:0;font-size:15px}.mc-hud [data-testid=m-leave]{flex:none;padding:0 8px}.mc-special-picker{display:flex;flex-direction:column;gap:6px}.mc-special-option{display:flex;align-items:center;gap:8px;text-align:left}.mc-special-option small{color:var(--muted)}.mc-hud .start-all-waves{flex:none;font-size:11px;max-width:72px;line-height:1.1;white-space:normal}.mc-hud .speed-buttons{display:flex;gap:3px;flex:none}.mc-hud .speed-buttons button{min-width:36px;padding:0 4px}.mc-hud .speed-buttons button.active{background:linear-gradient(#7a6a3a,#51451f);color:#fff3c8}.mc-stage{position:relative;flex:1 1 auto;min-height:0}.mc-map{position:absolute;top:0;right:0;bottom:0;left:0}.mc-map canvas{touch-action:none}.mc-toasts{position:absolute;top:6px;left:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.mc-toast{max-width:100%;padding:5px 10px;border-radius:12px;background:#0a0a0ac7;color:#fff;font-size:12px;text-align:center;animation:mc-toast-in .16s ease-out}.mc-toast-loot{color:#9dff9d}@keyframes mc-toast-in{0%{opacity:0;transform:translateY(-6px)}}.mc-banner{position:absolute;left:50%;bottom:8px;transform:translate(-50%);padding:8px 14px;border-radius:16px;background:#1e3c1ee6;color:#fff;white-space:nowrap;pointer-events:none}.mc-prep{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:center;gap:8px}.mc-portraits{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(#2a2a2a,#1d1d1d);border-top:1px solid var(--edge)}.mc-portrait{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;padding:3px 3px 4px;border:1px solid var(--edge);border-radius:6px;background:var(--stone-dark);box-shadow:inset 0 1px 0 var(--bevel-light);touch-action:none;cursor:grab}.mc-portrait.selected{outline:2px solid var(--accent)}.mc-portrait.mc-dead{filter:grayscale(1);opacity:.6}.mc-portrait.mc-deployed{background:#2f3a2f}.mc-face{display:flex;justify-content:center;height:44px;overflow:hidden}.mc-face .outfit-preview{width:48px;height:48px;margin-top:-2px;border:0;background:none}.mc-face .outfit-preview canvas,.mc-face .outfit-preview svg{width:48px!important;height:48px!important;image-rendering:pixelated}.mc-name{overflow:hidden;color:var(--text-bright);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mc-name small{color:var(--muted)}.mc-bar{display:block;height:5px;border:1px solid #000;background:#111}.mc-bar>span{display:block;height:100%}.mc-bar-mana>span{background:var(--mana)}.mc-state{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mc-ready .mc-state{color:var(--accent)}.mc-blocked .mc-state{color:var(--red)}.mc-deployed .mc-state{color:var(--green)}.mc-special{position:absolute;top:-6px;right:-4px;width:30px;height:30px;padding:0;border:2px solid #111;border-radius:50%;overflow:hidden;background:#222;cursor:pointer}.mc-special:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.mc-special .spell-icon{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.85);transform-origin:0 0}.mc-special:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(rgba(0,0,0,.7) var(--cd, 0deg),transparent 0);pointer-events:none}.mc-special.ready:not(:disabled){border-color:#ffd85a;box-shadow:0 0 8px #ffd85a}.mc-special:disabled{opacity:.55}.mc-ghost{position:fixed;z-index:20;transform:translate(-50%,-120%);padding:4px 8px;border:1px solid var(--accent);border-radius:10px;background:#141414d9;color:var(--accent);font-weight:700;pointer-events:none}.mc-radial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.mc-radial{position:fixed;width:0;height:0}.mc-radial-title{position:absolute;transform:translate(-50%,-50%);padding:2px 6px;border-radius:8px;background:#000000bf;color:var(--accent);font-weight:700;white-space:nowrap}.mc-radial-btn{position:absolute;left:var(--dx);top:var(--dy);width:58px;height:58px;transform:translate(-50%,-50%);border:2px solid #111;border-radius:50%;background:radial-gradient(#5d5d5e,#3a3a3b);box-shadow:0 2px 6px #0009;color:var(--text-bright);font:bold 11px var(--font-sys);animation:mc-pop .12s ease-out}@keyframes mc-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.mc-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:#0000008c}.mc-sheet{width:100%;max-height:85dvh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--bevel-light);border-radius:14px 14px 0 0;background:linear-gradient(#3b3b3c,#262626);animation:mc-sheet-in .18s ease-out}@keyframes mc-sheet-in{0%{transform:translateY(40px);opacity:0}}.mc-sheet h2{margin:0 0 8px;color:var(--text-bright);font-size:20px}.mc-sheet h2.won{color:var(--green)}.mc-sheet h2.lost{color:var(--red)}.mc-sheet h2 small{color:var(--muted);font-size:13px}.mc-summary-line{margin:4px 0}.mc-summary-roster{margin:8px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px}.mc-summary-roster .dead{color:var(--red)}.mc-summary-loot{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0}.mc-sheet-buttons{display:flex;gap:8px;margin-top:12px}.mc-sheet-buttons .mc-btn{flex:1 1 0}.tutorial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.tutorial-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.tutorial-hole{position:absolute;border:2px solid var(--accent);border-radius:4px;box-shadow:0 0 0 200vmax #0000008c;transition:left .15s,top .15s,width .15s,height .15s}.tutorial-card{position:absolute;pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:10px 12px;color:var(--text);background:var(--stone-dark);border:1px solid var(--accent);box-shadow:0 4px 16px #0009;max-height:calc(100vh - 16px);overflow:auto}.tutorial-away{left:50%;bottom:16px;transform:translate(-50%);width:min(340px,calc(100vw - 32px))}.tutorial-title{margin:0;font-size:1em;color:var(--accent)}.tutorial-text,.tutorial-waiting{margin:0;line-height:1.4}.tutorial-waiting{color:var(--text-bright);font-style:italic}.tutorial-buttons{display:flex;align-items:center;gap:6px;margin-top:4px}.tutorial-sep{flex:1}.tutorial-skip{font-size:.9em}.tibia-side{display:grid;grid-template-columns:176px 176px;align-items:stretch;min-height:0;border-left:1px solid #101111}.side-col{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;border-left:1px solid #262626;box-shadow:inset 1px 0 #727273}.side-col::-webkit-scrollbar{display:none}.panel-head{padding:3px 6px;border:1px solid;border-color:var(--bevel-dark) #6e6e6e #6e6e6e var(--bevel-dark);background:var(--field)}.panel-head h2{margin:0;font-size:11px;color:var(--text-bright)}.panel-head span{font-family:var(--font-sys);font-size:9px;color:var(--muted)}.panel-hint{margin:2px;padding:4px 6px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;font-family:var(--font-sys);font-size:10px;color:var(--muted)}.tw{position:relative;flex:none;border:solid;border-width:15px 4px 4px;border-color:#383838 #313131 #353535 #4a4a4a;background:var(--stone);box-shadow:inset 1px 1px #757575,-1px -1px #757575;color:var(--text)}.skin .tw{border-color:transparent;border-image:var(--ui-widget) 15 4 4 fill / 15px 4px 4px;background:none;box-shadow:none}.tw-title{position:absolute;top:-13px;left:-2px;right:-2px;height:13px;display:flex;align-items:center;gap:3px;padding:0 1px 0 2px;color:var(--title)}.tw-name{flex:1;min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:13px;font-weight:700}.tw-icon{flex:none;width:12px;height:12px;background:no-repeat center}.tw-icon:before{content:"";display:block;width:6px;height:6px;margin:3px;border:1px solid #8a8a8a}.skin .tw-icon:before{content:none}.skin .tw-icon-battle{background-image:var(--ui-icon-battle)}.skin .tw-icon-skills{background-image:var(--ui-icon-skills)}.skin .tw-icon-spells{background-image:var(--ui-icon-spells)}.skin .tw-icon-backpack{background-image:var(--ui-inv-backpack);background-size:12px 12px}.skin .tw-icon-party{background-image:var(--ui-icon-party)}.skin .tw-icon-guide{background-image:var(--ui-icon-guide)}.skin .tw-icon-depot{background-image:var(--ui-icon-depot);background-size:12px auto}.skin .tw-icon-filter{background-image:var(--ui-icon-loot)}.skin .tw-icon-widget,.skin .tw-icon-inventory,.skin .tw-icon-rotation,.skin .tw-icon-rules{background-image:var(--ui-icon-widget)}.tw-btn,.skin .tw-btn{flex:none;width:12px;height:12px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid;border-color:#7a7a7a #1c1c1c #1c1c1c #7a7a7a;border-image:none;background:#474747;box-shadow:none;font-family:var(--font-sys);font-size:10px;line-height:1}.tw-btn-min:before{content:"";width:6px;height:2px;background:#d8d8d8}.tw-btn-max:before{content:"+";font-weight:700;color:#d8d8d8}.tw-btn-close:before{content:"×";font-weight:700;color:#d8d8d8}.skin .tw-btn{border:none;background:var(--ui-min)}.skin .tw-btn:active:not(:disabled){background:var(--ui-min-down)}.skin .tw-btn-max{background:var(--ui-max)}.skin .tw-btn-max:active:not(:disabled){background:var(--ui-max-down)}.skin .tw-btn-close{background:var(--ui-exit)}.skin .tw-btn-close:active:not(:disabled){background:var(--ui-exit-down)}.skin .tw-btn:before{content:none}.tw-body{padding:2px 4px 3px 1px}.tw-body.tw-scroll{max-height:340px;overflow-x:hidden;overflow-y:scroll;padding-right:3px}.tw-min{border-bottom-width:4px}.tw-movable>.tw-title{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tw-dragging{opacity:.45}.tw-drop-mark{flex:none;height:0;margin:-1px 2px;border-top:2px solid #e8c34a;box-shadow:0 0 3px #e8c34a;position:relative;z-index:2}.tw-resize{position:absolute;left:-4px;right:-4px;bottom:-4px;height:6px;cursor:ns-resize;touch-action:none;z-index:1}.tw-resize:hover{background:linear-gradient(transparent 2px,#8a8a8a 2px 3px,transparent 3px)}.slot,.skin .slot{position:relative;width:34px;height:34px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-color:#0e0e0e #575757 #575757 #0e0e0e;border-image:none;border-radius:0;background:#262626;box-shadow:none;cursor:pointer}.skin .slot{border:none;background:var(--ui-slot)}.slot:hover:not(.empty){outline:1px solid #c0c0c0;outline-offset:-1px}.slot.empty{cursor:default}.slot-ghost{font-family:var(--font-sys);font-size:7px;line-height:1;color:#5c5c5c;text-transform:uppercase;text-align:center;text-shadow:none;pointer-events:none}.skin .slot:not(.filled) .slot-ghost{width:32px;height:32px;font-size:0;background:var(--ghost) center no-repeat;opacity:.85}.skin .slot-head{--ghost: var(--ui-inv-head)}.skin .slot-necklace{--ghost: var(--ui-inv-necklace)}.skin .slot-backpack{--ghost: var(--ui-inv-backpack)}.skin .slot-armor{--ghost: var(--ui-inv-armor)}.skin .slot-weapon{--ghost: var(--ui-inv-weapon)}.skin .slot-shield{--ghost: var(--ui-inv-shield)}.skin .slot-legs{--ghost: var(--ui-inv-legs)}.skin .slot-feet{--ghost: var(--ui-inv-feet)}.skin .slot-ring{--ghost: var(--ui-inv-ring)}.skin .slot-ammo{--ghost: var(--ui-inv-ammo)}.item-icon{position:relative;width:32px;height:32px;display:inline-flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;pointer-events:none}.item-sprite{position:absolute;right:0;bottom:0;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:bottom right}.item-fallback{width:100%;height:100%;display:grid;place-items:center;background:#3a3a3a;color:#e0e0e0;font-family:var(--font-sys);font-size:10px;text-transform:capitalize}.item-count{position:absolute;right:1px;bottom:0;font-family:var(--font-sys);font-size:9px;font-weight:700;color:#f0f0f0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.inv-block{flex:none;padding:4px 4px 4px 7px}.inv-top{display:flex;gap:8px}.inv-grid{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(9,18px);column-gap:3px;align-items:start}.inv-grid .slot,.skin .inv-grid .slot{border:1px solid #c4912d;box-shadow:inset 0 0 0 1px #222}.inv-grid .slot-head,.inv-grid .slot-armor,.inv-grid .slot-legs,.inv-grid .slot-feet{margin-top:0}.inv-side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:18px}.inv-stat{height:20px;margin-top:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#2b2b2b;font-family:var(--font-sys);font-size:9px;line-height:9px;color:#b7c6e0}.inv-stat small{font-family:var(--font-sys);font-size:8px}.inv-stat b{color:#d8e4f4;font-family:var(--font-sys);font-size:10px;line-height:10px}.inv-states{height:13px;margin:4px 0 3px;display:flex;align-items:center;gap:3px;padding:0 2px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#262626;width:108px}.skin .inv-states{border:none;background:var(--ui-inv-states) 0 0 / 100% 100%}.inv-bars{display:flex;flex-direction:column;gap:2px}.inv-bar{display:flex;align-items:center;gap:2px}.inv-bar>b{min-width:30px;margin-left:10px;color:var(--text)}.inv-symbol{flex:none;width:12px;height:11px;border-radius:2px;background:var(--bar)}.inv-bar-hp{--bar: linear-gradient(#ff8a7a, #e04a3a 50%, #a01a10)}.inv-bar-mana{--bar: linear-gradient(#a0b0ff, #4a5ae8 50%, #2a2a9a)}.inv-fill{position:relative;flex:none;width:94px;height:11px;border:1px solid #000;border-radius:5px;background:#1a1a1a;overflow:hidden}.inv-fill>span{display:block;height:100%;background:var(--bar)}.skin .inv-symbol{background:var(--ui-symbol-hp) center no-repeat}.skin .inv-bar-mana .inv-symbol{background-image:var(--ui-symbol-mana)}.skin .inv-fill{border:none;border-radius:0;background:var(--ui-bar-border) 0 0 / 100% 100%}.skin .inv-fill>span{background:var(--ui-bar-hp) 0 0 / 94px 11px no-repeat}.skin .inv-bar-mana .inv-fill>span{background-image:var(--ui-bar-mana)}.inv-footer{margin-top:4px;width:108px}.inv-footer>button{width:100%;min-height:22px;font-size:11px}.sk-row{margin-bottom:2px}.sk-line{display:flex;justify-content:space-between;gap:4px}.sk-line b{font-weight:700;color:var(--text)}.sk-bar{height:3px;margin-top:1px;border:1px solid #000;box-sizing:content-box;background:#1a1a1a}.sk-bar>div{height:100%}.sk-sep{height:2px;margin:4px 0;border-top:1px solid #262626;border-bottom:1px solid #666}.bp-grid{display:grid;grid-template-columns:repeat(4,34px);gap:3px;justify-content:center}.bp-empty{grid-column:1 / -1;margin:0}.bl-list{max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.bl-empty{margin:0;color:var(--muted);font-family:var(--font-sys);font-size:10px}.bl-row{flex:none;display:flex;align-items:center;gap:4px;padding:1px}.bl-icon{flex:none;width:22px;height:22px;border:1px solid #000;background:radial-gradient(circle at 40% 40%,#8a7a66 0 5px,transparent 6px),#262626}.skin .bl-icon{background:var(--ui-icon-monster) center no-repeat,#262626}.bl-row.engaged .bl-icon,.bl-row.ranged .bl-icon{border-color:#e00000;box-shadow:0 0 0 1px #e00000}.bl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bl-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.bl-target{color:#ff9a8a;font-family:var(--font-sys);font-size:10px}.bl-row.boss .bl-name{color:#ff7a6a;font-weight:700}.bl-bar{height:4px;border:1px solid #000;box-sizing:content-box;background:#000}.bl-bar>span{display:block;height:100%}.sl-weapon{margin:0 0 3px;font-family:var(--font-sys);font-size:10px;color:var(--muted)}.spell-list{max-height:248px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.sl-row,.skin .sl-row{flex:none;display:flex;align-items:center;gap:4px;min-height:0;padding:1px 2px;text-align:left;border:1px solid transparent;border-image:none;background:none;box-shadow:none;color:var(--text)}button.sl-row:hover:not(:disabled){border-color:#6a6a6a;background:#ffffff0d}.sl-row.not-ready .spell-icon{filter:brightness(.55)}.sl-row.locked{color:#6c6c6c;cursor:default}.sl-row.locked .spell-icon{filter:grayscale(1) brightness(.45)}.sl-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.sl-name,.sl-words{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sl-words{font-family:var(--font-sys);font-size:9px;color:#8a8a8a}.sl-row.locked .sl-words{color:#5a5a5a}.sl-meta{flex:none;font-family:var(--font-sys);font-size:10px;color:#9a9a9a}.tw .editor h3{margin:0 0 4px;font-size:11px;color:var(--text-bright)}.tw .editor ol,.tw .editor ul{margin:0 0 4px;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.tw .editor li{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:2px;border:1px solid;border-color:#262626 #5e5e5e #5e5e5e #262626;background:#0000002e}.tw .editor ol{counter-reset:rot}.tw .editor ol li{counter-increment:rot;flex-wrap:nowrap}.tw .editor ol li:before{content:counter(rot) ".";flex:none;width:1.6em;color:var(--muted)}.tw .editor ol li .grow{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tw .editor ol li.next .grow{color:var(--green)}.tw .editor li button{min-width:18px;min-height:18px;padding:0 3px;font-family:var(--font-sys);font-size:10px}.tw .editor select{max-width:100%;min-width:0}.tw .editor ul li select:last-of-type{flex:1 1 100%}.tw .editor>select,.tw .editor>button{width:100%}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.item-menu{position:fixed;min-width:130px;display:flex;flex-direction:column;padding:2px;border:1px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:var(--stone);box-shadow:0 0 0 1px #000,2px 2px 6px #0009}.skin .item-menu{border:2px solid transparent;border-image:var(--ui-frame2) 2 fill / 2px;background:none}.item-menu button,.skin .item-menu button{min-height:24px;border:none;border-image:none;background:transparent;box-shadow:none;text-align:left;padding:2px 10px;color:#dcdcdc}.item-menu button:hover,.skin .item-menu button:hover{background:#2c2c2c;color:#fff}.status-msg,.game-hint{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;font-family:var(--font);font-size:12px;font-weight:700;line-height:1.25;color:#f0f0f0;text-align:center;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.status-msg{bottom:8px}.status-msg.look{color:var(--green)}.game-hint{top:8px;color:#f0e050}.loot-title{margin:8px 0 4px;font-size:11px;color:var(--text-bright)}.loot-summary{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:8px}@media (max-width: 900px){.tibia-side{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));border-left:none}.side-col{display:contents}.tw-body.tw-scroll{max-height:none;overflow-y:visible}.panel-head,.panel-hint{grid-column:1 / -1}.bp-grid{grid-template-columns:repeat(auto-fill,34px);justify-content:start}.slot,.skin .slot{min-height:0}}.tw .editor li.drop-before{box-shadow:inset 0 2px 0 var(--gold, #c8a04a)}.tw .editor.drop-end ol{box-shadow:inset 0 -2px 0 var(--gold, #c8a04a)}.tw .editor li[draggable=true]{cursor:grab}.hunger{font-family:var(--font-sys);font-size:10px;padding:0 3px;border:1px solid #2a2a2a}.hunger.hungry{color:#ff9a6a}.hunger.sated{color:var(--green, #6fd36f)}.bp-buy{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 2px 0}.trade-list .trade-row,.skin .trade-list .trade-row,.options-nav button,.skin .options-nav button{font-family:var(--font);font-size:11px;line-height:14px}.mobile-app{--m-bg: #1b1915;--m-panel: #2a2824;--m-line: #3d3a34;--m-tabs-h: 58px;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--m-bg);font-size:13px;line-height:17px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.m-top{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:env(safe-area-inset-top) 8px 0 12px;border-bottom:1px solid var(--m-line);background:#23211d}.m-title{margin:0;font-size:17px;line-height:22px;color:var(--accent)}.m-bank{flex:1;min-width:0;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.mobile-app .m-icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0;font-size:20px}.m-main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.m-main-city,.m-main-bag,.m-main-maps{overflow:hidden;display:flex;flex-direction:column}.m-worldmap{flex:1;min-height:0;display:flex}.m-worldmap .wm-sheet-buttons button,.m-worldmap .wm-zoom button{min-height:44px;min-width:44px;padding:4px 16px}.m-worldmap .wm-zoom button{padding:0}.m-tabs{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--m-tabs-h);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--m-line);background:#23211d}.mobile-app .m-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:4px 0;border:0;background:none;color:var(--muted);font-size:11px}.mobile-app .m-tab.active{color:var(--accent);background:#e6c06b14}.m-toast{position:absolute;left:12px;right:12px;bottom:calc(var(--m-tabs-h) + env(safe-area-inset-bottom) + 8px);margin:0;padding:10px 12px;border:1px solid #000;background:#14120ff0;color:var(--text-bright);z-index:5;box-shadow:0 2px 10px #00000080}.m-page-body{padding:10px 12px 16px;display:flex;flex-direction:column;gap:12px}.m-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.mobile-app .m-card{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;text-align:left;background:var(--m-panel);border:1px solid #000;box-shadow:inset 1px 1px #4a4740}.m-card.locked{opacity:.7}.m-chevron{margin-left:auto;font-size:22px;color:var(--muted)}.m-row{display:flex;flex-wrap:wrap;gap:8px}.m-section{display:flex;flex-direction:column;gap:6px}.m-h3{margin:0;font-size:13px;color:var(--accent)}.m-item-row{display:flex;align-items:center;gap:8px;min-height:44px;padding:2px 4px;border-bottom:1px solid var(--m-line)}.m-item-row.locked{color:var(--muted)}.mobile-app .grow{flex:1;min-width:0}.mobile-app .small{font-size:11px}.mobile-app :is(.m-page-body,.m-bag-tools,.m-bag-head,.dialog,.m-zoom) button:not(.slot):not(.tw-btn){min-height:44px;min-width:44px;padding:4px 12px}.mobile-app :is(.m-page-body,.dialog) :is(select,input[type=number],textarea){min-height:40px;font-size:16px}.mobile-app .item-menu button{min-height:44px;font-size:13px}.m-city{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.m-city .city-viewport{flex:1;max-height:none;touch-action:pan-x pan-y}.m-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.m-zoom button{font-size:22px;background:#282622eb}.m-hero-row .voc-icon{width:28px;height:28px}.m-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.m-hero-name{color:var(--text-bright);font-size:14px}.m-hero-soul{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.m-hero-soul .bar{width:80px;height:4px}.m-hero-soul .bar>span{display:block;height:100%;background:#b48ad6}.m-sheet-page{display:flex;flex-direction:column;min-height:100%}.m-page-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:4px 8px;background:#23211d;border-bottom:1px solid var(--m-line)}.m-page-title{flex:1;min-width:0;display:flex;flex-direction:column}.m-subtabs{position:sticky;top:52px;z-index:2;display:flex;overflow-x:auto;background:var(--m-bg);border-bottom:1px solid var(--m-line);scrollbar-width:none}.mobile-app .m-subtabs button{flex:1 0 auto;min-height:44px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted)}.mobile-app .m-subtabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.m-choice-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.mobile-app .m-choice{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.mobile-app .m-choice.active{border-color:#c9a24e;background:#4a3f22;color:var(--text-bright)}.mobile-app .m-choice .spell-icon,.m-spell-list .spell-icon{flex:none}.icon-picker{flex:1 1 100%;min-width:0}.mobile-app .icon-picker-btn,.mobile-app .icon-picker-option{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.icon-picker-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-picker-detail{flex:none;color:var(--muted);font-size:11px}.icon-picker-caret{flex:none;color:var(--muted)}.mobile-app .icon-picker-list,.mobile-app .icon-picker-list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.mobile-app .icon-picker-list{margin-top:4px;padding:4px;max-height:50vh;overflow-y:auto;border:1px solid #000;background:var(--m-panel)}.mobile-app .m-page-body .icon-picker-list li{display:block;min-height:0}.icon-picker-group{display:block;padding:4px 2px 2px;color:var(--muted);font-size:11px;text-transform:uppercase}.mobile-app .icon-picker-option.active{border-color:#c9a24e;background:#4a3f22;color:var(--text-bright)}.m-page-body .editor ul>li{flex-wrap:wrap}.m-page-body .tw,.m-page-body .inv-block{width:100%;max-width:none}.m-page-body .editor ol{padding-left:18px}.m-page-body .editor li{display:flex;align-items:center;gap:4px;min-height:44px}.m-map-card{flex-wrap:wrap}.m-map-level{margin:6px 2px 0;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.mobile-app .m-map-alt{width:calc(100% - 14px);margin-left:14px;border-left:3px solid var(--accent)}.map-alt{color:var(--muted);font-weight:400}.m-map-card .map-thumb{width:64px;height:64px;flex:none}.m-map-info{flex:1;min-width:0}.m-map-info h3{margin:0 0 2px;font-size:14px;color:var(--text-bright)}.m-map-info p{margin:0 0 2px}.m-map-actions{display:flex;flex-direction:column;gap:6px}.mobile-app .m-map-actions button{min-height:48px;min-width:72px;font-size:14px}.m-bag{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 10px;gap:8px}.m-bag-tools{flex:none;display:flex;gap:8px;align-items:center}.m-seg{flex:1;display:flex}.mobile-app .m-seg button{flex:1;font-size:12px;padding:4px 6px}.mobile-app .m-seg button.active{border-color:#c9a24e;background:#4a3f22;color:var(--text-bright)}.m-bag-pane{flex:1 1 0;min-height:0;display:flex;flex-direction:column;border:1px solid #000;background:var(--m-panel)}.m-bag-head{flex:none;display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--m-line)}.m-bag-head button{margin-left:auto}.m-bag-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px}.mobile-app .m-bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;align-items:start}.mobile-app .m-bag-grid .slot{--bag-icon-scale: 1.3;width:100%;height:auto;aspect-ratio:1;min-width:0;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-app :is(.m-bag-grid .slot,.m-drag-ghost)>.item-icon{transform:scale(var(--bag-icon-scale, 1.3))}.mobile-app .m-drag-ghost.slot{width:48px;height:48px;background-size:100% 100%;background-repeat:no-repeat}.m-bag-grid .slot.dragging{opacity:.35}.m-bag-grid.drop-hover{outline:2px solid var(--accent);outline-offset:2px}.m-drag-ghost{position:fixed;width:48px;height:48px;margin:-40px 0 0 -24px;pointer-events:none;z-index:20;opacity:.9}.m-shop-text{display:flex;flex-direction:column;gap:2px;min-width:0}.m-shop-text strong{color:var(--text-bright);font-size:14px}.mobile-app .modal-backdrop{place-items:end stretch;padding:0}.mobile-app .modal-backdrop>.dialog{max-width:none;width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top));margin-top:auto;padding-bottom:env(safe-area-inset-bottom);animation:m-sheet-up .18s ease-out}.mobile-app .modal-backdrop>:is(.trade-dialog,.npcs-dialog,.options-dialog){height:calc(100dvh - 17px - env(safe-area-inset-top));max-height:none}.mobile-app .dialog-body{flex:1;min-height:0}.mobile-app .dialog-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mobile-app .options-body{grid-template-columns:minmax(0,1fr)}.mobile-app .options-nav{display:flex;overflow-x:auto}.mobile-app .options-nav button{white-space:nowrap}@keyframes m-sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.mobile-app .modal-backdrop>.dialog{animation:none}}.m-page-body .editor select{box-sizing:border-box;width:100%}:root{--stone: #464647;--stone-dark: #363636;--stone-deep: #262626;--bevel-light: #757575;--bevel-dark: #242424;--edge: #101111;--field: #232323;--text: #c0c0c0;--text-bright: #f7f7f7;--title: #909090;--muted: #8f8f8f;--accent: #e6c06b;--green: #00eb00;--red: #f55e5e;--hp: #c8372d;--mana: #3b5fd1;--exp: #6aa84f;--font-sys: Verdana, Tahoma, "DejaVu Sans", sans-serif;--font: var(--font-sys);color-scheme:dark}.pixel-font{--font: "tibia-verdana-bold-11", Verdana, Tahoma, "DejaVu Sans", sans-serif}.pixel-font .cl-top,.pixel-font .cl-bottom,.pixel-font .tw-title,.pixel-font .tw-hud .sk-line,.pixel-font .tw-party .tw-body,.pixel-font .tw-skills .tw-body,.pixel-font .tw-spells .tw-body,.pixel-font .tw-battle .tw-body,.pixel-font .tw-backpack .tw-body,.pixel-font .tw-depot .tw-body,.pixel-font .tw-rotation .tw-body,.pixel-font .tw-rules .tw-body,.pixel-font .inv-block,.pixel-font .lobby-list,.pixel-font .lobby-maps,.pixel-font .lobby-status,.pixel-font .dialog-title,.pixel-font .trade-list,.pixel-font .options-nav,.pixel-font .options-pane{will-change:opacity}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--text);font-family:var(--font);font-size:11px;font-weight:700;line-height:14px;-webkit-text-size-adjust:100%;background-color:var(--stone);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px);background-size:5px 5px,7px 7px}.skin body{background:var(--stone) var(--ui-bg)}button,select,input{font:inherit;color:inherit}button{min-height:20px;padding:1px 8px;border:1px solid;border-color:#6e6e6e #202020 #202020 #6e6e6e;border-radius:0;background:#464647;box-shadow:none;color:silver;font-family:var(--font-sys);font-size:10px;font-weight:700;line-height:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active:not(:disabled),button.active{border-color:#202020 #6e6e6e #6e6e6e #202020;background:#424243;color:var(--text-bright)}button:hover:not(:disabled){color:#e8e8e8}button:disabled{color:#6c6c6c;cursor:default}button.primary{border-color:#7cb07c #1d3a1d #1d3a1d #7cb07c;background:#2f6a2f;color:#f2f2f2}button.primary:disabled{border-color:#6e6e6e #202020 #202020 #6e6e6e;background:#464647;color:#6c6c6c}.skin button{border:2px solid transparent;border-image:var(--ui-btn) 2 fill / 2px;background:none;box-shadow:none}.skin button:active:not(:disabled),.skin button.active{border-image:var(--ui-btn-down) 2 fill / 2px}.skin button.primary:not(:disabled){border-image:var(--ui-btn-green) 2 fill / 2px}.skin button.primary:active:not(:disabled){border-image:var(--ui-btn-green-down) 2 fill / 2px}select,input[type=number],input[type=text]{min-height:20px;padding:1px 4px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);border-radius:0;background:var(--field);color:var(--text-bright)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px;background:linear-gradient(45deg,transparent 50%,#bdbdbd 50%) calc(100% - 9px) 50% / 4px 4px no-repeat,linear-gradient(-45deg,transparent 50%,#bdbdbd 50%) calc(100% - 5px) 50% / 4px 4px no-repeat,linear-gradient(#4e4e4e,#3e3e3e) 100% 0 / 16px 100% no-repeat,var(--field)}.skin select{background:var(--ui-dropdown) 100% 50% / auto calc(100% - 2px) no-repeat,var(--field)}select option,select optgroup{background:#2a2a2a;color:var(--text-bright)}input[type=number]{width:3.6em}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin:0 4px 0 0;flex:none;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field);display:inline-grid;place-items:center;vertical-align:-2px;cursor:pointer}input[type=radio]{border-radius:50%}input[type=checkbox]:checked:after{content:"";width:6px;height:3px;margin-top:-2px;border:solid #e8e8e8;border-width:0 0 2px 2px;transform:rotate(-45deg)}input[type=radio]:checked:after{content:"";width:4px;height:4px;border-radius:50%;background:#e8e8e8}input:disabled{opacity:.5;cursor:default}.skin input[type=checkbox],.skin input[type=radio]{border:none;background:var(--ui-checkbox-off) no-repeat}.skin input[type=checkbox]:checked{background-image:var(--ui-checkbox-on)}.skin input[type=radio]{background-image:var(--ui-radio-off)}.skin input[type=radio]:checked{background-image:var(--ui-radio-on)}.skin input[type=checkbox]:checked:after,.skin input[type=radio]:checked:after{display:none}kbd{display:inline-block;min-width:1.6em;padding:0 3px;border:1px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:#444;font-family:var(--font);font-size:10px;text-align:center;color:var(--text-bright)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#2c2c2c;box-shadow:inset 1px 1px #1a1a1a}::-webkit-scrollbar-thumb{border:1px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:#525252}::-webkit-scrollbar-button:single-button{display:block;width:12px;height:12px;border:1px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:#4e4e4e}::-webkit-scrollbar-corner{background:#2c2c2c}.skin ::-webkit-scrollbar-track:vertical{background:var(--ui-sb-track-v);box-shadow:none}.skin ::-webkit-scrollbar-track:horizontal{background:var(--ui-sb-track-h);box-shadow:none}.skin ::-webkit-scrollbar-thumb:vertical{border:3px solid transparent;border-image:var(--ui-sb-thumb-v) 3 fill / 3px;background:none}.skin ::-webkit-scrollbar-thumb:horizontal{border:3px solid transparent;border-image:var(--ui-sb-thumb-h) 3 fill / 3px;background:none}.skin ::-webkit-scrollbar-button:single-button{border:none}.skin ::-webkit-scrollbar-button:vertical:decrement{background:var(--ui-sb-up)}.skin ::-webkit-scrollbar-button:vertical:increment{background:var(--ui-sb-down)}.skin ::-webkit-scrollbar-button:horizontal:decrement{background:var(--ui-sb-left)}.skin ::-webkit-scrollbar-button:horizontal:increment{background:var(--ui-sb-right)}.muted{color:var(--muted)}.small{font-family:var(--font-sys);font-size:10px}.grow{flex:1;text-align:left}.cl-top,.action-bar,.console{border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:var(--stone)}.skin .cl-top,.skin .action-bar,.skin .console{border-color:transparent;border-image:var(--ui-frame2) 2 fill / 2px;background:none}.client{display:grid;height:100vh;height:100dvh;overflow:clip;grid-template-columns:minmax(0,1fr) 352px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top panel" "game panel" "bottom panel"}.cl-top{grid-area:top}.cl-game{grid-area:game}.cl-bottom{grid-area:bottom;min-width:0}.client>.panel{grid-area:panel}.cl-top{min-width:0;display:flex;flex-direction:column;gap:2px;padding:2px 6px 3px}.cl-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;padding:1px 0 2px}.cl-wave,.cl-phase,.cl-loot{min-width:74px;height:22px;padding:0 8px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#262626;font-size:11px;line-height:20px;text-align:center;white-space:nowrap}.cl-wave{color:var(--text-bright)}.cl-phase{min-width:118px}.cl-loot{min-width:0;color:#f0d070}.cl-hardcore{height:22px;padding:0 8px;border:1px solid #7a1c1c;background:#4a1010;color:#ff8a7a;font-size:11px;font-weight:700;line-height:20px;text-transform:uppercase;white-space:nowrap}.cl-farm{height:22px;padding:0 8px;border:1px solid #2f6b2a;background:#163a14;color:#9be08f;font-size:11px;font-weight:700;line-height:20px;text-transform:uppercase;white-space:nowrap}.cl-controls .start-all-waves{color:#ffb0a0}.cl-controls button{min-height:24px;font-size:11px}.cl-controls .start-wave{min-width:120px;padding:2px 16px;font-size:12px}.start-wave-bonus{margin-left:6px;font-size:9px;color:#f0d070}.speed-buttons{display:flex;gap:2px}.speed-buttons button{min-width:32px;padding:1px 4px}.cl-bars{display:flex;gap:4px}.cl-bar{position:relative;flex:1;height:13px;border:1px solid #000;background:#1b1b1b}.cl-bar>span{display:block;height:100%;background:linear-gradient(#5bd65b,#00b400 45%,#008a00)}.cl-bar-mana>span{background:linear-gradient(#5a7af0,#1f48e0 45%,#10309a)}.cl-bar>b{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;line-height:11px;text-align:center;color:#f7f7f7;text-shadow:1px 1px 0 #000}.cl-exp{display:flex;align-items:center;gap:4px;height:14px;padding-left:30px}.cl-level{min-width:14px;text-align:right;color:var(--text)}.cl-exp-icon{color:#e8c34a;font-family:var(--font-sys);font-size:9px}.cl-exp-bar{flex:1;height:6px;border:1px solid #000;background:#444}.cl-exp-bar>span{display:block;height:100%;background:#c00000}.cl-states{display:flex;justify-content:center;gap:8px;height:14px}.cl-state{position:relative;width:112px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#262626;font-family:var(--font-sys);font-size:9px;line-height:12px;text-align:center;color:var(--text-bright);overflow:hidden;white-space:nowrap}.cl-state-exp>span{position:absolute;left:18px;top:0;bottom:0;max-width:calc(100% - 18px);background:#138585}.cl-state-exp>b{position:relative}.cl-side{display:flex;min-height:0;overflow:hidden}.cl-side-col{width:36px;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px;border-right:1px solid #101111;background:#2d2e2d}.cl-side-head{flex:none;width:34px;height:14px;border:1px solid;border-color:#6e6e6e #202020 #202020 #6e6e6e;background:#464647}.skin .cl-side-head{border:none;background:var(--ui-btn-textured) 0 0 / 100% 100%}.cl-game{min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.game-window{border:1px solid #171717;background:#000}.canvas-area{position:relative}.canvas-wrap{width:min(calc(100cqw - 8px),calc((100cqh - 8px) * var(--map-ar, 1.6667)));overflow:hidden;line-height:0}.hint{margin:0;color:var(--muted);font-family:var(--font-sys);font-size:10px}.cl-bottom{display:flex;flex-direction:column}.cl-hint-row{height:26px;display:flex;align-items:center;padding:0 8px;background:var(--stone);overflow:hidden}.tw-hud h1.tw-name{margin:0;font:inherit}.hud-phase-wave{color:#f0d070}.hud-phase-won{color:var(--green)}.hud-phase-lost{color:var(--red)}.hud-base{display:inline-flex;align-items:center;gap:3px}.hud-icon-base{width:12px;height:11px;background:radial-gradient(circle at 30% 35%,#f07070 0 2px,transparent 2.5px),radial-gradient(circle at 30% 40%,#c82020 0 3.5px,transparent 4px),radial-gradient(circle at 70% 40%,#c82020 0 3.5px,transparent 4px),conic-gradient(from 135deg at 50% 100%,#c82020 0 90deg,transparent 90deg)}.skin .hud-icon-base{background:var(--ui-symbol-hp) center / contain no-repeat}.hud-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-bottom:3px}.hud-levels button.alternate{font-style:italic}.hud-levels button,.hud-play button,.hud-actions button{min-width:0;padding:1px 2px}.hud-play{display:flex;gap:2px;margin-bottom:3px}.hud-play .primary{flex:1}.hud-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px}.segmented{display:flex;gap:2px}.segmented button{min-width:24px}.cl-minimap-block{display:flex;gap:4px;padding:2px 2px 4px}.cl-minimap-frame{flex:1;height:108px;display:grid;place-items:center;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:#369}.minimap{display:block;max-width:100%;max-height:100%;image-rendering:pixelated}.cl-minimap-buttons{width:36px;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:2px}.btn-options{flex:none;width:22px;height:22px;min-height:0;padding:0;position:relative}.btn-options:before{content:"⚙";font-family:var(--font-sys);font-size:14px;line-height:18px}.skin .btn-options,.skin .btn-options:active:not(:disabled){width:20px;height:20px;border:none;border-image:none;background:var(--ui-btn-options)}.skin .btn-options:active:not(:disabled){background-image:var(--ui-btn-options-down)}.skin .btn-options:before{content:none}.action-bar{padding:2px 4px 2px 20px;overflow:hidden}.ab-slots{display:flex;align-items:center;gap:2px;height:34px;overflow:hidden}.ab-fill{display:contents}.ab-slot-empty{flex:none}.ab-cell{flex:none;display:flex;align-items:center}.ab-cell{display:flex;align-items:center}.ab-row-2{margin-top:2px}.ab-sep{width:2px;height:30px;margin:0 4px 0 2px;border-left:1px solid var(--bevel-dark);border-right:1px solid var(--bevel-light)}.ab-empty{flex:none;padding:0 8px;color:var(--muted);font-family:var(--font-sys);font-size:10px}.ab-slot,.skin .ab-slot{position:relative;width:34px;height:34px;min-height:0;padding:0;border:1px solid;border-color:#101010 #5d5d5d #5d5d5d #101010;border-image:none;background:#262626;box-shadow:none;overflow:hidden;display:block}.skin .ab-slot{border:none;background:var(--ui-slot)}.skin .ab-slot:active:not(:disabled){border-image:none;filter:brightness(1.2)}.ab-slot>.spell-icon,.ab-slot>.potion-icon{position:absolute;left:0;top:0}.ab-slot>.item-icon,.ab-slot>.ab-rune-empty{position:absolute;left:0;top:0;width:32px;height:32px}.ab-rune-empty{border:1px dashed #6b6b6b;box-sizing:border-box}.ab-slot.not-ready>.item-icon,.ab-slot:disabled>.item-icon{filter:grayscale(.6) brightness(.55)}.skin .ab-slot>.spell-icon,.skin .ab-slot>.potion-icon{left:1px;top:1px}.ab-slot.not-ready>.spell-icon,.ab-slot.not-ready>.potion-icon,.ab-slot:disabled>.spell-icon,.ab-slot:disabled>.potion-icon{filter:grayscale(.6) brightness(.55)}.ab-slot.armed{outline:2px solid #f0e050;outline-offset:-2px}.ab-slot:hover:not(:disabled){outline:1px solid #c0c0c0;outline-offset:-1px}.ab-cd{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(0,0,0,.62) calc(var(--cd) * 360deg),transparent 0);transform:scaleX(-1)}.ab-cd-text,.ab-hotkey,.ab-count{position:absolute;font-family:var(--font-sys);font-size:9px;font-weight:700;line-height:1;color:#f0f0f0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;pointer-events:none}.ab-hotkey{right:2px;top:2px;color:#dcdcdc}.ab-count{right:2px;bottom:2px}.ab-cd-text{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px}.spell-icon{--size: 32px;display:inline-grid;place-items:center;flex:none;width:var(--size);height:var(--size);border:1px solid rgba(0,0,0,.6);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 55%),var(--el, #777);image-rendering:pixelated}.spell-icon:after{content:attr(data-abbr);font-family:var(--font-sys);font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000}.spell-icon-sm{--size: 20px}.spell-icon-sm:after{font-family:var(--font-sys);font-size:7px}.el-healing{--el: #2d6fc8}.el-physical{--el: #8a6a52}.el-energy{--el: #8a3fd0}.el-fire{--el: #d0561e}.el-ice{--el: #3aa6d8}.el-earth{--el: #3c8a2c}.el-death{--el: #4a4a4a}.el-holy{--el: #d8b52c}.el-support{--el: #2b5fa8}.skin .spell-icon{border:none;background:var(--ui-spell-icons) calc(var(--i) * -32px) 0 no-repeat}.skin .spell-icon-sm{background:var(--ui-spell-icons-small) calc(var(--i) * -20px) 0 no-repeat}.skin .spell-icon:after{content:none}.potion-icon{width:32px;height:32px;background:linear-gradient(#b8b8b8,#8a8a8a) 50% 6px / 6px 6px no-repeat,radial-gradient(circle at 50% 62%,var(--potion) 0 9px,#1a1a1a 9.5px 10.5px,transparent 11px)}.potion-health{--potion: #d02a2a}.potion-mana{--potion: #3a4fd8}.skin .potion-icon{background:var(--ui-potion-health) right bottom no-repeat;image-rendering:pixelated}.skin .potion-mana{background-image:var(--ui-potion-mana)}.roster{display:flex;flex-direction:column;gap:2px}.char-card,.skin .char-card{display:flex;align-items:flex-start;gap:4px;min-height:0;padding:1px 2px;text-align:left;border:1px solid transparent;border-image:none;background:none;box-shadow:none;font-family:var(--font);font-size:11px;color:var(--text)}.char-card:hover:not(:disabled){border-color:#6e6e6e}.char-card.selected,.skin .char-card.selected{border-color:silver;background:#ffffff0f}.char-card.dead{opacity:.5}.char-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.char-head{display:flex;justify-content:space-between;gap:4px;color:var(--text)}.char-card.selected .char-head{color:var(--text-bright)}.char-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-sub{display:flex;flex-wrap:wrap;column-gap:5px}.char-sub .hunger{padding:0;border:none;font-family:var(--font-sys);font-size:9px;line-height:11px}.char-lvl,.char-voc{color:var(--muted);font-family:var(--font-sys);font-size:9px;line-height:11px;white-space:nowrap}.voc-icon{flex:none;width:20px;height:20px;margin-top:1px;border:1px solid #000;background:var(--voc)}.voc-icon-knight{--voc: #9aa3ad;--vi: 0}.voc-icon-paladin{--voc: #c9952c;--vi: 1}.voc-icon-sorcerer{--voc: #c0452e;--vi: 2}.voc-icon-druid{--voc: #4f9a49;--vi: 3}.voc-icon-monk{--voc: #9a64c4;--vi: 4}.skin .voc-icon{border-color:#101111;background:#262626 var(--ui-vocations) calc(var(--vi) * -18px) 0 / 90px 18px no-repeat;image-rendering:pixelated}.status{font-family:var(--font-sys);font-size:9px;line-height:11px;color:var(--accent)}.bar{height:2px;background:#000;border:1px solid #000;box-sizing:content-box}.bar>div{height:100%}.bar-hp>div{background:var(--hp)}.bar-mana>div{background:var(--mana)}.bar-exp>div{background:var(--exp)}.console{display:flex;flex-direction:column;min-height:0}.console-tabs{display:flex;gap:0;padding:2px 0 0 20px;overflow-x:auto;scrollbar-width:none}.console-tabs::-webkit-scrollbar{display:none}.console-tab,.skin .console-tab{flex:none;width:96px;height:18px;min-height:0;padding:0 4px;border:1px solid;border-color:#6e6e6e #262626 transparent #6e6e6e;border-image:none;background:#353535;box-shadow:none;font-family:var(--font);font-size:11px;line-height:14px;color:#7f7f7f;white-space:nowrap}.console-tab.active,.skin .console-tab.active{background:#4c4c4c;color:var(--text-bright)}.console-tab.unread{color:#f55e5e}.skin .console-tab{border:none;background:var(--ui-tab-passive) 0 0 / 100% 100%}.skin .console-tab.active,.skin .console-tab.active:active:not(:disabled){border:none;background:var(--ui-tab-active) 0 0 / 100% 100%}.console-msgs{height:96px;overflow-y:scroll;padding:2px 6px;border:1px solid;border-color:#242424 #6e6e6e #6e6e6e #242424;background:var(--stone)}.skin .console-msgs{background:var(--stone) var(--ui-bg)}.console-msgs[hidden]{display:none}.msg{margin:0;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-time{color:#f0f0f0}.msg-look,.msg-loot{color:var(--green)}.msg-wave{color:#f0d070}.msg-warning{color:var(--red)}.msg-say{color:#f0f000}.msg-hint{color:var(--muted)}.console-input{display:flex;align-items:center;gap:4px;height:18px;margin-top:2px}.console-input-icon{flex:none;width:14px;height:14px;border:1px solid;border-color:#6e6e6e #202020 #202020 #6e6e6e;background:#3c3c3c}.console-input input[type=text]{flex:1;min-width:0;min-height:0;height:16px;padding:0 4px;opacity:1;background:#363636;color:#6f6f6f}.console-input input::placeholder{color:#6f6f6f}.console-input button{min-height:0;height:16px;padding:0 10px;font-family:var(--font-sys);font-size:9px;line-height:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:10}.dialog{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;border:solid;border-width:17px 4px 4px;border-color:#2f2f2f #252525 #252525 #5e5e5e;background:var(--stone);box-shadow:0 0 0 1px #000,0 6px 24px #000000b3}.skin .dialog{border-color:transparent;border-image:var(--ui-dialog) 17 4 4 fill / 17px 4px 4px;background:none}.dialog-title{position:absolute;top:-17px;left:-4px;right:-4px;height:17px;margin:0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #1a1a1a;background:linear-gradient(#3d3d3d,#2b2b2b);box-shadow:inset 1px 1px #767676;font-size:11px;font-weight:700;color:var(--text-bright);text-shadow:1px 1px 0 #000}.skin .dialog-title{border:none;background:none;box-shadow:none}.dialog-body{padding:10px 10px 6px;overflow-y:auto}.dialog-body p{margin:0 0 8px}.dialog-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:0 10px 8px}.dialog-buttons button{min-width:86px}.dialog-sep{align-self:stretch;height:2px;border-top:1px solid var(--bevel-dark);border-bottom:1px solid #6a6a6a}.go-msg.won{color:var(--green)}.go-msg.lost{color:var(--red)}.summary{margin:0 0 8px;padding:4px 6px 4px 22px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field);color:var(--text-bright)}.options-dialog{max-width:520px}.options-body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;min-height:210px}.options-nav{margin:0;padding:2px;list-style:none;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark);background:var(--field)}.options-nav button,.skin .options-nav button{width:100%;min-height:20px;border:none;border-image:none;background:none;box-shadow:none;text-align:left;color:var(--text)}.options-nav button.active,.skin .options-nav button.active{background:#545454;color:var(--text-bright)}.options-pane fieldset{margin:0 0 8px;padding:6px 8px 8px;border:1px solid;border-color:var(--bevel-dark) #6a6a6a #6a6a6a var(--bevel-dark)}.options-pane legend{padding:0 4px;color:var(--text-bright)}.opt-row{display:flex;align-items:center;gap:2px;min-height:22px;cursor:pointer}.opt-row.disabled{color:#777}.tt-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px 8px;margin-bottom:6px}.tt-skill{display:flex;align-items:center;justify-content:space-between;gap:4px}.tt-skill input{width:56px}.opt-note{margin:4px 0 0;color:var(--muted);font-family:var(--font-sys);font-size:10px}.opt-hotkeys{width:100%;border-collapse:collapse}.opt-hotkeys th{width:70px;padding:3px 6px 3px 0;text-align:left;font-weight:400}.opt-hotkeys td{padding:3px 0}@media (max-width: 1500px){.client{grid-template-columns:minmax(0,1fr) 352px;grid-template-areas:"top panel" "game panel" "bottom panel"}.cl-side{display:none}}@media (max-width: 900px){.client{display:flex;flex-direction:column;height:auto;overflow:visible}.cl-game{container-type:normal;padding:2px 0}.game-client{flex-flow:row wrap;align-items:flex-start}.game-client>*,.game-client .tw-party{width:100%}.game-client>.panel,.game-client>.panel>.side-col{display:contents}.game-client .side-col>*{order:6;width:50%}.game-client .side-col>.tw-hud,.game-client .side-col>.inv-block{order:4}.game-client>.cl-top{order:1}.game-client>.cl-game{order:2}.game-client .side-col>.tw-party{order:3;width:100%}.game-client>.cl-bottom{order:5}.game-client .roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-wrap{width:calc(100vw - 6px)}.cl-exp{padding-left:0}.cl-states{display:none}button{min-height:28px}.ab-slot,.skin .ab-slot,.console-tab,.char-card,.console-input button{min-height:0}.action-bar{padding-left:2px;overflow-x:auto}.ab-slots{width:max-content}.ab-fill{display:none}.cl-hint-row{height:auto;min-height:18px;padding:2px 6px}.console-tabs{padding-left:2px}.console-msgs{height:96px}.options-body{grid-template-columns:minmax(0,1fr);min-height:0}.options-nav{display:flex}.options-nav li{flex:1}.options-nav button,.skin .options-nav button{text-align:center}}