:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;--color-text: #e8e6df;--color-text-muted: #9a9282;--color-text-faint: #8a8375;--color-gold: #d9b866;--color-gold-glow: #d9b86688;--color-success: #7ac77a;--color-danger: #e07a7a;--color-hp: #c0392b;--color-hp-low: #e0b07a;--color-mp: #7a9ae0;--color-mp-alt: #8fb3e0;--color-monster: #7a8a3a;--color-bg: #1a1712;--color-surface: #221d13;--color-surface-raised: #2e2718;--color-surface-muted: #241f16;--color-surface-hover: #3d331f;--color-inset: #15120b;--color-inset-deep: #141109;--color-black: #000;--color-border: #3a3120;--color-border-subtle: #2c2517;--color-border-strong: #5a4a2a;--color-border-hover: #7a6537;--color-map-green-light: #2f3a24;--color-map-green-mid: #23301c;--color-map-green-dark: #1b2416;--color-white: #fff;--color-overlay-strong: #0008;--color-overlay-medium: #0006;color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{cursor:pointer;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);padding:.55em 1.1em;font-size:.95rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,select{border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);padding:.5em .7em;font-size:.95rem}a{color:var(--color-gold)}.container{max-width:720px;margin:0 auto;padding:2rem 1.25rem}.container--wide{max-width:1040px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem}.muted{color:var(--color-text-muted);font-size:.9rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.stat{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--color-border-subtle)}.tibia-window{background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:4px;box-shadow:inset 0 0 0 1px #0007,0 2px 8px #0006;overflow:hidden}.tibia-window__title{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;background:linear-gradient(#3a3120,#2a2416);border-bottom:2px solid var(--color-border-strong);color:var(--color-gold);font-weight:600;font-size:.9rem;letter-spacing:.02em}.tibia-window__title .count{margin-left:auto;color:var(--color-text-muted);font-weight:400;font-size:.8rem}.tibia-window__body{padding:.7rem}.menu-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .8rem;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:4px;box-shadow:inset 0 0 0 1px #0007,0 2px 8px #0006}.menu-bar__right{margin-left:auto;display:flex;align-items:center;gap:.6rem}.outfit-chip{display:inline-flex;padding:2px;background:transparent;border:1px solid var(--color-border);border-radius:8px;line-height:0;cursor:pointer}.outfit-chip:not(:disabled):hover{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold)}.outfit-chip:disabled{cursor:default;opacity:.6}.mail-btn{position:relative;font-size:1.25rem;line-height:1;padding:.25rem .45rem}.mail-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-danger);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--color-surface)}.tibia-panel-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem}.tibia-panel{display:flex;flex-direction:column;gap:.6rem;flex:0 0 240px}.tibia-panel__bags{display:flex;flex-direction:column;gap:.6rem}.side-window{width:240px;max-width:100%}.tibia-panel__stats{font-size:.9rem}.map-viewport{position:relative;height:380px;border-radius:10px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:1rem;-webkit-user-select:none;user-select:none;touch-action:none}.map-bg{position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;transform-origin:center;will-change:transform;pointer-events:none}.map-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.map-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;will-change:transform}.map-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.map-zone{position:absolute;box-sizing:border-box;border-style:solid;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0;min-height:0;pointer-events:auto}.map-zone__label{font-size:.7rem;font-weight:600;line-height:1.1;padding:2px 6px;color:#fff;background:#000a;border-radius:6px;white-space:nowrap;pointer-events:none}.map-zone--edit{cursor:move}.log-drop{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto}.monster-sprite{image-rendering:pixelated;object-fit:contain;vertical-align:middle}.mob-thumb{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:var(--color-inset-deep);border-radius:4px;border:1px solid #0a0805}.editor-field{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.editor-field>span{min-width:96px;color:var(--color-text-muted)}.editor-field input{flex:1;min-width:0}.map-zone__handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--color-gold);border:2px solid #000;border-radius:3px;cursor:nwse-resize}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-controls,.map-floors{position:absolute;top:8px;z-index:2;display:flex;flex-direction:column;gap:4px;align-items:center}.map-controls{right:8px}.map-floors{left:8px}.map-controls button,.map-floors button{width:32px;height:32px;padding:0;font-size:.95rem;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;box-shadow:0 1px 3px #0007}.map-controls button:disabled,.map-floors button:disabled{opacity:.4;cursor:default}.map-floors__label{font-size:.7rem;font-weight:600;color:var(--color-gold);text-align:center;padding:2px 4px;background:var(--color-surface);border-radius:4px;white-space:nowrap}.vital-stack{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:4px;box-shadow:inset 0 0 0 1px #0007,0 2px 8px #0006}.vital{display:flex;align-items:center;gap:.5rem}.vital__track{position:relative;flex:1;height:14px;background:var(--color-inset-deep);border-radius:3px;border:1px solid #0a0805;box-shadow:inset 1px 1px 2px #000a;overflow:hidden}.vital__fill{height:100%;border-radius:2px 0 0 2px;transition:width .3s ease}.vital__value{min-width:3.2ch;text-align:right;font-size:.8rem;font-weight:700;color:var(--color-text);text-shadow:1px 1px 1px #000}.doll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;justify-items:center;max-width:210px;margin:0 auto}.slot{position:relative;width:100%;max-width:58px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.7rem;line-height:1;background:var(--color-inset-deep);border-radius:3px;box-shadow:inset 2px 2px 3px #000c,inset -1px -1px #6a5a3555;border:1px solid #0a0805;-webkit-user-select:none;user-select:none}.slot--empty{font-size:1.4rem;opacity:.22;filter:grayscale(1)}.slot--deco{opacity:1}.slot--deco .slot__glyph{opacity:.18;filter:grayscale(1)}.slot--spacer{background:none;box-shadow:none;border:none}.slot--filled{cursor:pointer;background:linear-gradient(#241f14,#191509);box-shadow:inset 2px 2px 3px #000c,inset -1px -1px #6a5a3599;transition:box-shadow .12s,transform .05s}.slot--filled:hover{box-shadow:inset 0 0 0 1px var(--color-gold),inset 2px 2px 3px #000a}.slot--filled:active{transform:translateY(1px)}.item-sprite{width:84%;height:84%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}@keyframes combat-float{0%{transform:translate(-50%,8px);opacity:0}12%{opacity:1}to{transform:translate(-50%,-42px);opacity:0}}.combat-float{position:absolute;left:50%;top:18%;font-weight:800;font-size:1.05rem;pointer-events:none;text-shadow:0 0 3px #000,1px 1px 2px #000;animation:combat-float 1.1s ease-out forwards;white-space:nowrap;z-index:6}.slot-ghost{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.item-thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;background:var(--color-inset-deep);border-radius:3px;box-shadow:inset 1px 1px 2px #000a,inset -1px -1px #6a5a3544;border:1px solid #0a0805;font-size:1.2rem}.slot__count{position:absolute;right:2px;bottom:0;font-size:.7rem;line-height:1;font-weight:700;color:#fff;text-shadow:0 0 2px #000,1px 1px 1px #000;pointer-events:none}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.35rem}.bp-grid .slot{max-width:none}.tibia-window__close{margin-left:auto;border:none;background:transparent;color:var(--color-text-muted);font-size:1rem;line-height:1;padding:.1rem .3rem;border-radius:4px}.tibia-window__close:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.item-actions{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.item-actions__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.5rem;flex:0 0 auto}