:root{--bg:#0e0c0a;--surface:#191512;--surface-2:#211c18;--surface-3:#2a241f;--surface-4:#352e27;--line:#ffe8be14;--line-strong:#ffe8be29;--gold:#e8b13a;--gold-2:#ffd36b;--gold-soft:#b8862a;--text:#f1ebe2;--muted:#b3a99b;--faint:#7f766b;--green:#52c25e;--green-2:#3a9c46;--amber:#e9a53a;--red:#e5533d;--blue:#5b9bef;--hp:#c3322b;--hp-dark:#4a1210;--mana:#3466d6;--mana-dark:#14295c;--focus:#ffd36b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 2px 8px #00000047;--shadow:0 12px 32px #0006;--font-display:"Uncial Antiqua", "Cinzel", Georgia, serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-game:Verdana, Tahoma, "DejaVu Sans", sans-serif;--tabbar-h:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=899px){:root{--tabbar-h:calc(64px + env(safe-area-inset-bottom))}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{min-height:100%;color:var(--text);font-family:var(--font-ui);background-color:var(--bg);margin:0;font-size:14px;line-height:1.5}body{background:radial-gradient(1100px 520px at 50% -160px,#e8b13a1a,transparent 70%),linear-gradient(180deg,#0e0c0ac7,#0e0c0af5 60%),url(/sprites/ui/artwork.jpg) top /cover no-repeat,var(--bg);-webkit-font-smoothing:antialiased}@media (hover:hover) and (width>=900px){body{background-attachment:fixed}}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a,button,label,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.panel{background:linear-gradient(180deg,#fff0d206,transparent 120px),var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}.panel-title{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:700}.inset{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:36px;color:var(--text);font-family:var(--font-ui);white-space:nowrap;background:linear-gradient(#3a322b,#2c2621);justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:filter .12s,transform 60ms,background-color .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000004d}.btn:hover:not(:disabled){filter:brightness(1.15);text-decoration:none}.btn:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn img{-o-object-fit:contain;object-fit:contain;width:18px;height:18px}.btn-primary{background:linear-gradient(#4cb556,#33893d);border-color:#78dc7859}.btn-attack,.btn-danger,.btn-primary{color:#fff;text-shadow:0 1px #00000059}.btn-attack,.btn-danger{background:linear-gradient(#d4513d,#9c2f22);border-color:#ff786459}.btn-gold{color:#2a1a00;background:linear-gradient(#ffd36b,#c8902a);border-color:#ffdc7880}.btn-free{color:#fff;background:linear-gradient(#5bd065,#2f8a39);border-color:#8cf08c80;animation:1.4s ease-in-out infinite btn-pulse}@keyframes btn-pulse{50%{filter:brightness(1.22)}}@media (prefers-reduced-motion:reduce){.btn-free{animation:none}}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0}.btn-sm{min-height:30px;padding:0 10px;font-size:12px}.btn-block{width:100%}.link-btn{color:var(--gold);font-weight:600;font-size:inherit;background:0 0;border:0;padding:0}.field-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--text);background:#120f0d;padding:6px 10px;font-size:14px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 2px #0006}.input::placeholder{color:var(--faint)}.input:focus{border-color:#ffd36b99;outline:none;box-shadow:0 0 0 3px #ffd36b26}.input:disabled{opacity:.5}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}input[type=number].input{-moz-appearance:textfield}input[type=number].input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.segmented{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface-4);box-shadow:inset 0 0 0 1px var(--line-strong),var(--shadow-sm);color:var(--text)}.hint{color:var(--muted);font-size:12.5px}.tibia-text{font-family:var(--font-game);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,0 1px #000,1px 0 #000,0 -1px #000,-1px 0 #000;font-weight:700}.logo{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(#fff3b0,#ffd34a 38%,#e09a12 62%,#9a5a06);color:#0000;-webkit-text-stroke:1px #3a1f00;filter:drop-shadow(0 2px #000)drop-shadow(0 0 10px #ffbe3c40);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:400}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:32px;font-size:13px;display:inline-flex}.switch input{appearance:none;border:1px solid var(--line-strong);background:#120f0d;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin:0;transition:background-color .12s;display:grid}.switch input:checked{background:var(--gold);border-color:#ffd36bb3}.switch input:checked:after{content:"✓";color:#2a1a00;font-size:12px;font-weight:800;line-height:1}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chip{border:1px solid var(--line);background:var(--surface-3);min-height:22px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.chip img{-o-object-fit:contain;object-fit:contain;width:16px;height:16px}.count-badge{color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);background:#e5533d;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}*{scrollbar-width:thin;scrollbar-color:#4a4038 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#4a4038 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fff0d206}.table .num{text-align:right;font-variant-numeric:tabular-nums}.error-text{color:#ff9a88;background:#e5533d1a;border:1px solid #e5533d59}.error-text,.ok-text{border-radius:var(--radius-sm);margin:0;padding:8px 12px;font-size:13px}.ok-text{color:#8fe398;background:#52c25e1a;border:1px solid #52c25e59}@media (pointer:coarse){.btn{min-height:44px;padding:0 16px;font-size:14px}.btn-sm{padding:0 12px;font-size:13px}.btn-sm,.segmented button{min-height:38px}.input{min-height:44px;font-size:16px}}