:root{--slate-black: #080a0f;--surface-panel: #3c3c3c;--surface-panel-elevated: #4a4a4a;--tibia-grey: #3c3c3c;--ink-primary: #dfdfdf;--ink-secondary: #ffdf00;--ink-muted: #888888;--iron-border: #7f7f7f;--runic-glow: #ffdf00;--font-display: "Tahoma", "Arial", sans-serif;--font-body: "Tahoma", "Arial", sans-serif;--font-mono: "Tahoma", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--slate-black);background-image:radial-gradient(circle at center,#1c1c1c,#050505);color:var(--ink-primary);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#2b2b2b;border-left:1px solid #7f7f7f}::-webkit-scrollbar-thumb{background:#3c3c3c;border:1px solid #7f7f7f;box-shadow:inset 1px 1px #afafaf,inset -1px -1px #1a1a1a}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.tibia-game-wrapper{width:100vw;height:100vh;display:flex;background-color:#12161f;background-image:radial-gradient(circle at 50% 50%,#ffffff03,#0009),linear-gradient(rgba(0,0,0,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.3) 1px,transparent 1px);background-size:100% 100%,24px 24px,24px 24px;padding:8px;gap:8px;overflow:hidden;box-shadow:inset 0 0 120px #000000f2;position:relative}.tibia-game-wrapper:before,.tibia-game-wrapper:after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle at 35% 35%,#889bb0,#3a4756 70%,#151b22);border-radius:50%;box-shadow:1px 1px 2px #000c;z-index:10}.tibia-game-wrapper:before{top:6px;left:6px}.tibia-game-wrapper:after{bottom:6px;right:6px}.tibia-bevel-out{border:1px solid #000000;box-shadow:inset 1px 1px #7f7f7f,inset -1px -1px #2a2a2a;background-color:#3c3c3c;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.15) 1px,transparent 1px);background-size:4px 4px,4px 4px,2px 2px,2px 2px}.tibia-bevel-in{border:1px solid #7f7f7f;box-shadow:inset 1px 1px 1px #000,1px 1px #fff;background-color:#2b2b2b;color:#dfdfdf}.tibia-premium-panel{background-color:#3c3c3c;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.15) 1px,transparent 1px);background-size:4px 4px,4px 4px,2px 2px,2px 2px;border:1px solid #000000;box-shadow:inset 1px 1px #7f7f7f,inset -1px -1px #2a2a2a;position:relative}.tibia-btn{font-family:var(--font-body);font-size:11px;font-weight:400;text-transform:none;color:#dfdfdf;background:#3c3c3c;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4px 4px;border:1px solid #000000;box-shadow:inset 1px 1px #7f7f7f,inset -1px -1px #2a2a2a;padding:4px 8px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:none}.tibia-btn:hover:not(:disabled){background:#4a4a4a;color:#fff;border:1px solid #000000;box-shadow:inset 1px 1px #8f8f8f,inset -1px -1px #353535;text-shadow:none}.tibia-btn:active:not(:disabled){border:1px solid #7f7f7f;background:#2b2b2b;box-shadow:inset 1px 1px 1px #000,1px 1px #fff;transform:none}.tibia-btn:disabled{background:#2b2b2b;color:#555;border:1px solid #555555;box-shadow:none;cursor:not-allowed;text-shadow:none}.tibia-tab{background:#2b2b2b;border:1px solid #000;border-bottom:none;color:#888;font-family:var(--font-body);font-size:11px;padding:4px 10px;cursor:pointer;border-top-left-radius:0;border-top-right-radius:0;transition:none}.tibia-tab.active{background:#3c3c3c;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4px 4px;border-color:#000;color:#fff;font-weight:700}.tibia-slot{width:36px;height:36px;background:#2b2b2b;border:1px solid #7f7f7f;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 1px 1px 1px #000,1px 1px #fff;transition:none;overflow:hidden}.tibia-slot img{image-rendering:pixelated;image-rendering:crisp-edges;width:32px;height:32px;object-fit:contain}.tibia-slot:hover{border-color:#ffdf00;box-shadow:0 0 4px #ffdf0066,inset 1px 1px 1px #000}.tibia-slot.equipped{background:#3c3c3c;border-color:#7f7f7f;box-shadow:inset 1px 1px 1px #000,1px 1px #fff}.tibia-slot-rune{position:absolute;font-family:var(--font-body);font-size:16px;color:#404040;pointer-events:none;-webkit-user-select:none;user-select:none}.tibia-slot:hover .tibia-slot-rune{color:#5a5a5a}.tibia-slot-label{position:absolute;font-size:8px;color:#555;bottom:1px;left:50%;transform:translate(-50%);font-family:var(--font-mono);text-transform:uppercase;font-weight:700;white-space:nowrap;pointer-events:none}.tibia-eq-slot{width:52px;height:52px;background:#2b2b2b;border:1px solid #7f7f7f;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 1px 1px 1px #000,1px 1px #fff;transition:none;overflow:hidden;border-radius:0}.tibia-eq-slot img{image-rendering:pixelated;image-rendering:crisp-edges;width:38px;height:38px;object-fit:contain;filter:none;transition:none}.tibia-eq-slot:hover{border-color:#ffdf00;box-shadow:0 0 4px #ffdf0066,inset 1px 1px 1px #000;background:#2b2b2b}.tibia-eq-slot:hover img{transform:none}.tibia-eq-slot.equipped{background:#3c3c3c;border-color:#ffdf00;box-shadow:inset 1px 1px 1px #000,1px 1px #fff}.tibia-eq-slot-rune{position:absolute;font-family:var(--font-body);font-size:20px;color:#404040;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.65}.tibia-eq-slot:hover .tibia-eq-slot-rune{color:var(--runic-glow);opacity:.85}.tibia-eq-slot-label{position:absolute;font-size:8px;color:#555;bottom:2px;left:50%;transform:translate(-50%);font-family:var(--font-mono);text-transform:uppercase;font-weight:700;white-space:nowrap;pointer-events:none;letter-spacing:.5px}.tibia-eq-slot:hover .tibia-eq-slot-label{color:var(--runic-glow)}.tube-container{display:flex;flex-direction:column;gap:3px}.tube-outer{height:16px;background:#05070a;border:2px solid #364150;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 1px 1.5px 4px #000000f2,0 2px 4px #0009}.tube-inner{height:100%;transition:width .4s cubic-bezier(.25,1,.5,1);position:relative}@keyframes liquid-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tube-inner.hp{background:linear-gradient(90deg,#ff4040,#ff6b6b,#b81414,#ff4040);background-size:300% 100%;animation:liquid-flow 6s ease infinite;box-shadow:0 0 12px #b81414b3}.tube-inner.mana{background:linear-gradient(90deg,#00d2ff,#45f3ff,#0072b8,#00d2ff);background-size:300% 100%;animation:liquid-flow 6s ease infinite;box-shadow:0 0 12px #0072b8b3}.tube-inner.xp{background:linear-gradient(90deg,#bd45ff,#d880ff,#7614b8,#bd45ff);background-size:300% 100%;animation:liquid-flow 6s ease infinite;box-shadow:0 0 12px #7614b899}.tube-glass-sheen{position:absolute;top:1px;left:0;width:100%;height:3px;background:#fff6;border-radius:2px;pointer-events:none}.tube-glass-reflection{position:absolute;bottom:1px;left:0;width:100%;height:5px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 100%);pointer-events:none}@keyframes hp-pulse-glow{0%,to{opacity:.9;box-shadow:0 0 6px #b81414b3}50%{opacity:1;box-shadow:0 0 18px #b81414}}.tube-inner.hp.low-hp{animation:hp-pulse-glow .8s infinite ease-in-out}.console-container{display:flex;flex-direction:column;flex-grow:1;background:#06080b;border:2px solid #2f3947;box-shadow:inset 0 0 12px #000000e6}.console-history{flex-grow:1;overflow-y:auto;padding:10px;font-family:var(--font-mono);font-size:13px;line-height:1.4}.console-msg-default{color:#cbd5e1}.console-msg-chat{color:#0fc;font-weight:700}.console-msg-system{color:var(--runic-glow)}.console-msg-error{color:#ff6b6b}.console-input-row{display:flex;align-items:center;background:#0f121a;border-top:2px solid #2f3947;padding:6px 10px}.console-prefix{font-family:var(--font-mono);color:var(--iron-border);font-weight:700;margin-right:6px}.console-input{flex-grow:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-mono);font-size:13px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.5px}.compass-compass{border-radius:50%;border:3px solid var(--iron-border);box-shadow:0 4px 10px #000000bf,0 0 8px #00f0ff1a;position:relative;background:#000}.compass-direction{position:absolute;font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--iron-border)}.compass-n{top:2px;left:50%;transform:translate(-50%)}.compass-s{bottom:2px;left:50%;transform:translate(-50%)}.compass-e{right:4px;top:50%;transform:translateY(-50%)}.compass-w{left:4px;top:50%;transform:translateY(-50%)}.stone-slab-panel{background-color:#171d26d1;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background-image:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.55) 100%),linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px);background-size:100% 100%,100% 8px;border:4px solid #364150;outline:2px solid #0d0f14;border-radius:4px;box-shadow:0 20px 50px #000000f2,inset 0 0 40px #00f0ff1f;position:relative;padding:40px 30px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;color:var(--ink-primary);transition:all .3s ease}.stone-slab-panel:hover{border-color:var(--runic-glow);box-shadow:0 20px 60px #000000f2,0 0 15px #00f0ff26,inset 0 0 40px #00f0ff26}.ornate-divider{display:flex;align-items:center;justify-content:center;width:100%;margin:6px 0;position:relative}.ornate-line{flex-grow:1;height:1.5px;background:linear-gradient(95deg,transparent 0%,var(--iron-border) 50%,transparent 100%)}.ornate-diamond{width:8px;height:8px;background:#171d26;border:1.5px solid var(--iron-border);transform:rotate(45deg);box-shadow:0 0 6px var(--runic-glow)}.riveted-corners{position:relative}.riveted-corners:before{content:"";position:absolute;top:5px;left:5px;width:4px;height:4px;background:radial-gradient(circle at 30% 30%,#a3b8cc,#4e5e73 70%,#1d2530);border-radius:50%;box-shadow:.5px .5px 1px #000000e6;z-index:5;pointer-events:none}.riveted-corners:after{content:"";position:absolute;bottom:5px;right:5px;width:4px;height:4px;background:radial-gradient(circle at 30% 30%,#a3b8cc,#4e5e73 70%,#1d2530);border-radius:50%;box-shadow:.5px .5px 1px #000000e6;z-index:5;pointer-events:none}@keyframes runic-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(0,240,255,.45));opacity:.85}50%{filter:drop-shadow(0 0 15px rgba(0,240,255,1));opacity:1;transform:scale(1.05)}}.runic-pulse-seal{animation:runic-pulse 4s infinite ease-in-out;display:inline-block}.context-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:transparent}.context-menu-container{position:fixed;z-index:99999;background-color:#3c3c3c;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.15) 1px,transparent 1px);background-size:4px 4px,4px 4px,2px 2px,2px 2px;border:1px solid #000000;box-shadow:inset 1px 1px #7f7f7f,inset -1px -1px #2a2a2a;border-radius:0;padding:1px;min-width:140px;animation:none}.context-menu-separator{height:1px;background-color:#2b2b2b;border-bottom:1px solid #7f7f7f;margin:2px 0}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;color:#dfdfdf;font-family:var(--font-body);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.context-menu-item:hover{background-color:#5a5a5a;color:#fff;border:1px solid #000000;box-shadow:inset 1px 1px #7f7f7f,inset -1px -1px #2a2a2a}.channeling-wrapper{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:6px;width:260px;background:#0a0c14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--iron-border);padding:10px 14px;border-radius:6px;box-shadow:0 10px 25px #000000e6}.channeling-label{font-family:var(--font-display);font-size:11px;font-weight:700;color:#dfdfdf;letter-spacing:.5px}.channeling-bar-outer{width:100%;height:10px;background:#05070a;border:1px solid var(--iron-border);border-radius:5px;overflow:hidden;position:relative}.channeling-bar-inner{height:100%;background:linear-gradient(90deg,#2ecc71,#58d68d,#1e8449,#2ecc71);background-size:200% 100%;animation:liquid-flow 4s ease infinite;box-shadow:0 0 8px #2ecc7199;transition:width .1s linear}.shop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:99995}.shop-modal-container{width:460px;max-width:95vw;background:var(--surface-panel);border:3px double var(--iron-border);box-shadow:inset 0 0 30px #000000f2,0 15px 40px #000000f2;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;animation:shop-zoom-in .2s cubic-bezier(.16,1,.3,1)}@keyframes shop-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shop-modal-header{padding:16px 20px 8px;display:flex;justify-content:space-between;align-items:center}.shop-modal-title{font-family:var(--font-display);font-size:18px;color:var(--runic-glow);text-shadow:0 0 10px rgba(0,240,255,.4);text-transform:uppercase;letter-spacing:1px}.shop-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:2px solid var(--iron-border)}.shop-tab-btn{background:transparent;border:1px solid var(--iron-border);border-bottom:none;color:var(--ink-muted);font-family:var(--font-display);font-size:11px;font-weight:700;padding:8px 18px;cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;text-transform:uppercase;transition:all .2s ease}.shop-tab-btn.active{background:var(--surface-panel-elevated);color:#fc0;border-color:var(--iron-border) var(--iron-border) transparent var(--iron-border);text-shadow:0 0 4px rgba(255,204,0,.4)}.shop-tab-btn:hover:not(.active){color:var(--ink-primary);background:#ffffff05}.shop-content{padding:20px;flex-grow:1;max-height:320px;overflow-y:auto;background:var(--surface-panel-elevated);display:flex;flex-direction:column;gap:12px}.shop-item-card{display:flex;align-items:center;justify-content:space-between;background:#0a0c1499;border:1px solid rgba(82,96,117,.4);padding:10px 14px;border-radius:4px;transition:all .2s ease}.shop-item-card:hover{border-color:gold;background:#0a0c14f2;box-shadow:0 0 10px #ffd70026}.shop-item-info{display:flex;align-items:center;gap:12px}.shop-item-icon-box{width:40px;height:40px;background:#07090c;border:1.5px solid var(--iron-border);display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}.shop-item-icon-box img{image-rendering:pixelated;image-rendering:crisp-edges;width:36px;height:36px;object-fit:contain}.shop-item-details{display:flex;flex-direction:column;gap:2px}.shop-item-name{font-family:var(--font-display);font-size:13px;color:#fff;font-weight:700}.shop-item-desc{font-size:10px;color:#888}.shop-item-price{font-family:var(--font-mono);font-size:12px;color:gold;font-weight:700;display:flex;align-items:center;gap:4px}.shop-footer{padding:16px 20px;background:#0a0c1466;border-top:1px solid rgba(82,96,117,.4);display:flex;justify-content:space-between;align-items:center}.shop-gold-display{font-family:var(--font-mono);font-size:13px;font-weight:700;color:gold;display:flex;align-items:center;gap:6px;text-shadow:0 0 4px rgba(255,215,0,.3)}.win98-window{width:100vw;height:100vh;display:flex;flex-direction:column;background:#d4d0c8;font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;overflow:hidden;box-sizing:border-box;border:4px outset #ffffff;position:relative}.win98-titlebar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;height:26px;-webkit-user-select:none;user-select:none;border-bottom:2px solid #808080}.win98-title-text{display:flex;align-items:center;gap:6px}.win98-buttons{display:flex;gap:2px}.win98-btn{width:16px;height:14px;background:#d4d0c8;border:1.5px outset #fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:monospace;font-weight:700;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;padding-bottom:2px}.win98-btn:active{border:1.5px inset #fff;padding-top:1px;padding-left:1px}.win98-btn.close:hover{background:#e81123;color:#fff}.win98-client-body{flex-grow:1;position:relative;background-image:linear-gradient(#04050840,#04050873),url(/assets/terra_rpg.jpeg);background-size:cover;background-position:center;display:flex;flex-direction:column;overflow:hidden}.tibia-logo-header{margin-top:60px;text-align:center;font-family:MedievalSharp,serif;font-size:80px;font-weight:700;font-style:italic;background:linear-gradient(180deg,#fff 10%,gold,#b8860b 80%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(212,175,55,.6));letter-spacing:4px;-webkit-user-select:none;user-select:none;animation:logo-glow 3s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(212,175,55,.5))}to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 24px rgba(212,175,55,.8))}}.tibia-menu-box{position:absolute;bottom:40px;left:40px;background:#0a0e16bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid #526075;border-radius:4px;padding:8px;width:170px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 25px #000c}.tibia-menu-btn{background:linear-gradient(180deg,#2d3540,#161a20);border:2px solid #526075;color:#cbd5e1;font-family:var(--font-display);font-size:11px;padding:8px 12px;cursor:pointer;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8);text-transform:uppercase}.tibia-menu-btn:hover{border-color:var(--runic-glow);color:var(--runic-glow);text-shadow:0 0 6px rgba(0,240,255,.6);box-shadow:0 0 8px #00f0ff33}.tibia-menu-btn:active{background:#111418;transform:translateY(1px)}.win98-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.win98-dialog{background:#d4d0c8;border:3px outset #ffffff;box-shadow:4px 4px 20px #000c;display:flex;flex-direction:column;padding:3px;box-sizing:border-box}.win98-dialog-titlebar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;height:22px;-webkit-user-select:none;user-select:none}.win98-dialog-body{padding:16px;display:flex;flex-direction:column;gap:12px;color:#000;font-family:Tahoma,Arial,sans-serif;font-size:12px;text-align:left}.win98-label{font-weight:700;margin-bottom:4px;display:block;font-size:11px}.win98-input{width:100%;padding:6px 8px;background:#fff;color:#000;border:2px inset #ffffff;outline:none;font-family:monospace;font-size:13px;box-sizing:border-box}.win98-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.win98-dialog-btn{min-width:75px;padding:5px 12px;background:#d4d0c8;border:2px outset #ffffff;color:#000;font-size:12px;font-family:Tahoma,Arial,sans-serif;cursor:pointer;outline:none;text-align:center;-webkit-user-select:none;user-select:none;box-shadow:1px 1px #000}.win98-dialog-btn:active{border:2px inset #ffffff;padding:6px 11px 4px 13px;box-shadow:none}.win98-vocation-card{border:2px outset #ffffff;background:#d4d0c8;cursor:pointer;padding:8px;text-align:center;display:flex;flex-direction:column;gap:4px;color:#000!important;font-family:Tahoma,Arial,sans-serif;font-size:11px;box-shadow:1px 1px #000}.win98-vocation-card:hover{background:#dfdacb}.win98-vocation-card.selected{border:2px inset #ffffff;background:#e2dfd5;box-shadow:inset 1.5px 1.5px 3px #0000004d}.win98-vocation-card.selected span{font-weight:700}