:root{--gold:#d4a044;--paper:#d7c3a0;--paper2:#cbb693;--line:#72512b;--green:#9fe36b;--red:#e67463}
*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;color:#eadaba;background:radial-gradient(circle at 50% -10%,rgba(133,86,36,.25),transparent 43%),linear-gradient(rgba(16,12,8,.82),rgba(9,7,5,.94)),repeating-linear-gradient(0deg,#1a1510 0,#1a1510 3px,#16110d 3px,#16110d 6px);font-family:Georgia,"Times New Roman",serif}a{color:inherit}.page{width:min(1380px,calc(100% - 34px));margin:0 auto;padding:20px 0 32px}.site-frame{min-width:0;overflow:hidden;background:#17100b;border:1px solid #171007;box-shadow:0 0 0 2px #6b4a20,0 0 0 4px #23170b,0 20px 65px #000b}
.topbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(#3b2a17,#21160d);border-bottom:1px solid #7e5b2d;color:#c9b38b;font:700 12px Arial,sans-serif;letter-spacing:.5px}.topbar span{color:#74512d}.live-status{display:flex;align-items:center;color:#d4a89f}.live-status i{width:8px;height:8px;border-radius:50%;background:#a54635;box-shadow:0 0 8px #a54635;margin-right:7px}.live-status.is-online{color:#d8efb7}.live-status.is-online i{background:#70c44b;box-shadow:0 0 8px #72cf4b}
.hero-banner{height:292px;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.06) 42%,rgba(0,0,0,.34)),url("branding/oldtibia-login-wallpaper.png");background-position:center 42%;background-size:cover;border-bottom:3px solid #3a2814}.hero-banner:after{content:"";position:absolute;inset:auto 0 0;height:95px;background:linear-gradient(transparent,#120d08e8);pointer-events:none}.hero-brand{position:absolute;left:56px;top:39px;z-index:2;text-decoration:none;color:#fff}.hero-brand strong{display:block;color:#f1c44f;font-size:70px;line-height:.94;font-style:italic;letter-spacing:-2px;-webkit-text-stroke:1px #49300f;text-shadow:0 3px 0 #8f611b,0 5px 0 #2b1908,0 7px 10px #000}.hero-brand span{display:block;margin-top:14px;color:#f2e5ca;font-size:17px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;text-shadow:0 2px 3px #000}.world-ribbon{position:absolute;right:34px;top:27px;z-index:2;padding:12px 17px;background:#20170fdd;border:1px solid #6b4b28;box-shadow:0 3px 12px #000b;font:700 12px Arial,sans-serif;color:#e9d8b8}.world-ribbon b{color:var(--green);margin-left:6px}.world-ribbon em{margin:0 8px;color:#6f5d44;font-style:normal}.hero-actions{position:absolute;left:58px;bottom:31px;z-index:3;display:flex;gap:10px}
.button,.side-menu a,.side-menu button{font-family:Arial,sans-serif;text-decoration:none}.button{display:inline-block;padding:12px 19px;border:1px solid #2b1a08;box-shadow:inset 0 0 0 1px #d19b3e,0 2px 5px #0008;background:linear-gradient(#a97029,#5a3512);color:#fff2ca;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px;cursor:pointer}.button:hover{filter:brightness(1.12)}.button.dark{background:linear-gradient(#474139,#27231e);box-shadow:inset 0 0 0 1px #8d7f67,0 2px 5px #0008}.button.block{display:block;text-align:center}
.main-nav{min-height:56px;background:linear-gradient(#322316,#1b120b);display:flex;align-items:center;justify-content:center;border-top:1px solid #8a6230;border-bottom:1px solid #0b0805}.main-nav a{padding:11px 22px;border-left:1px solid #4e3922;border-right:1px solid #160f09;color:#e7d3ae;text-decoration:none;font:700 13px Arial,sans-serif;text-transform:uppercase}.main-nav a:hover,.main-nav a.active{color:#ffd978;text-shadow:0 0 8px #9f6c20}
.site-grid{display:grid;grid-template-columns:242px minmax(0,1fr) 278px;gap:18px;padding:22px;background:linear-gradient(#1e160f,#130e0a);min-height:650px}.side-panel,.download-panel,.feature-card,.panel{border:1px solid #0b0805;box-shadow:0 0 0 1px var(--line),0 6px 14px #0008;background:#2b2118}.side-panel>h2{height:43px;display:flex;align-items:center;margin:0;padding:0 14px;background:linear-gradient(#4a3520,#2a1e12);border-bottom:1px solid #806039;color:#f2d38d;font-size:14px;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px #000}.side-menu{padding:12px;background:linear-gradient(90deg,#3a2919,#2a1d13)}.side-menu a,.side-menu button{display:block;width:100%;margin:0 0 7px;padding:11px 12px;border:1px solid #171008;background:linear-gradient(#4b4238,#2d2822);box-shadow:inset 0 0 0 1px #746753;color:#eadaba;text-align:left;font-size:13px;font-weight:700;cursor:pointer}.side-menu a:before,.side-menu button:before{content:"◆";color:#b98232;margin-right:9px;font-size:9px}.side-menu a:hover,.side-menu button:hover{filter:brightness(1.13)}.side-menu .gold-link{background:linear-gradient(#946022,#4d2d0d);box-shadow:inset 0 0 0 1px #d39c46;color:#fff0c0}.side-menu form{margin:0}.side-note{margin:0;padding:13px 14px 16px;color:#bcae93;background:#20170f;border-top:1px solid #3c2b1a;font:12px/1.55 Arial,sans-serif}
.content-column{min-width:0}.news-board{min-width:0;background:var(--paper);color:#382b1e;border:1px solid #0a0704;box-shadow:0 0 0 1px #8c6734,0 5px 15px #0009}.news-board>header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:linear-gradient(#5b4026,#332216);border-bottom:2px solid #1a1109;color:#f0d28f}.news-board>header h1{margin:0;color:inherit;font-size:15px;text-transform:uppercase;letter-spacing:.8px}.news-board>header span{color:#c4aa7d;font:11px Arial,sans-serif}.news-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;margin:0;padding:18px 20px;border:0;border-bottom:1px solid #9f8a67;box-shadow:none;background:linear-gradient(90deg,#dac8a6,#cbb693)}.news-row>div{min-width:0}.news-row:last-child{border-bottom:0}.news-row time{width:58px;height:58px;padding-top:7px;background:#3d2b1b;border:1px solid #21170e;box-shadow:inset 0 0 0 1px #7b5c35;color:#e5c581;text-align:center;font:700 10px Arial,sans-serif;text-transform:uppercase}.news-row time strong{display:block;color:#fff;font-size:20px}.news-row h2{margin:0 0 7px;color:#5b3512;font-size:18px}.news-row p,.news-copy{margin:0;color:#4a3b2b;font:13px/1.55 Arial,sans-serif;overflow-wrap:anywhere}.news-copy p{margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.feature-card{min-height:170px;padding:18px;color:#cdbb9d}.feature-card h2{margin:0 0 9px;color:#f1d18b;font-size:18px}.feature-card p{margin:0 0 14px;color:#ad9c83;font:12px/1.55 Arial,sans-serif}.feature-card a{color:#e2aa4c;text-decoration:none;font:700 12px Arial,sans-serif;text-transform:uppercase}
.server-status{margin-bottom:18px}.player-count{padding:14px 0 16px;text-align:center;border-bottom:1px solid #4a3420;background:#241a12}.player-count strong{display:block;color:#cf8d73;font:700 34px Arial,sans-serif;text-shadow:0 2px 6px #000}.player-count.online strong{color:#9ee06e}.player-count span{color:#b8a98e;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.status-list{margin:0;padding:8px 14px 12px;background:#241a12}.status-list>div{display:flex;justify-content:space-between;gap:8px;padding:9px 1px;border-bottom:1px dotted #5d4327;font:12px Arial,sans-serif}.status-list dt{color:#9f917d}.status-list dd{margin:0;color:#e7d2a8;font-weight:700;text-align:right;overflow-wrap:anywhere}.status-list .green{color:#93d965}.status-list .red{color:var(--red)}.top-players{margin-bottom:18px}.top-players ol{list-style:none;margin:0;padding:0 12px 12px;background:#241a12}.top-players li{display:grid;grid-template-columns:26px 1fr 40px;align-items:center;padding:10px 3px;border-bottom:1px solid #3d2c1b;font:12px Arial,sans-serif}.top-players li span{color:#c49344;font-weight:700}.top-players li a{color:#e6d4b4;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-players li b{text-align:right;color:#8fd36d}.top-players li.empty{display:block;color:#9f917d}.download-panel{padding:16px;background:linear-gradient(#4b321a,#2b1d10);text-align:center}.download-arrow{color:#e9c166;font:700 32px Arial,sans-serif}.download-panel h2{margin:5px 0 4px;color:#fff0bd;font-size:18px}.download-panel p{margin:0 0 12px;color:#b9a589;font:11px/1.45 Arial,sans-serif}
.site-footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;background:#0f0b08;border-top:1px solid #5b4023;color:#756853;font:11px Arial,sans-serif}.site-footer b{color:#b49a6e}.site-footer span{line-height:1.8}.site-footer nav{display:flex;gap:16px}.site-footer a{color:#a78f66;text-decoration:none}.site-footer a:hover{color:#e2b75f}
.content-heading{margin-bottom:13px;padding:15px 17px;background:linear-gradient(#4a3520,#2a1e12);border:1px solid #0b0805;box-shadow:0 0 0 1px var(--line)}.content-heading span,.eyebrow,.panel-kicker{color:#c3a56d;font:700 10px Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase}.content-heading h1,.content-column>h1{margin:5px 0 0;color:#f1d18b;font-size:28px}.content-column>h1{padding:14px 17px;background:linear-gradient(#4a3520,#2a1e12);border:1px solid #0b0805;box-shadow:0 0 0 1px var(--line)}.content-column>.eyebrow{display:block;margin-bottom:-9px;padding:15px 17px 0;position:relative;z-index:2}.panel{margin:12px 0 16px;padding:16px 18px;color:#d8c6a7}.panel p{font:13px/1.6 Arial,sans-serif}.panel a{color:#e6b555}.panel h2,.panel h3{color:#f1d18b}.notice{margin:0 0 16px;padding:10px 12px;border:1px solid #8e6938;background:#392716;color:#efd9ae;font:12px/1.5 Arial,sans-serif}
.account-form p{margin:0 0 13px}.account-form label{display:block;margin-bottom:4px;color:#e4ceaa;font:700 12px Arial,sans-serif}.account-form input,.account-form select{display:block;width:100%;min-height:36px;padding:7px 9px;border:1px solid #786146;background:#e8dcc3;color:#2d2117;font:13px Arial,sans-serif}.account-form button{padding:10px 17px;border:1px solid #2b1a08;background:linear-gradient(#a97029,#5a3512);color:#fff2ca;font-weight:700;cursor:pointer}.helptext,.account-form ul{color:#a9977a;font:10px/1.5 Arial,sans-serif}.errorlist{color:#ff9b87!important}.login-card{background:#33261a}.account-number{display:block;margin:4px 0 8px;color:#f4d58d;font-size:30px}.login-hint{color:#a89577}.character-list{list-style:none;padding:0;margin:12px 0;border:1px solid #694b28}.character-list li{padding:10px 12px;border-bottom:1px solid #4a3420;background:#2f241a}.character-list li:last-child{border-bottom:0}.character-list a{color:#ecd09a;text-decoration:none}.character-list span{float:right;color:#9f9079;font:11px Arial,sans-serif}
table{width:100%;border-collapse:collapse;background:var(--paper);color:#3e2d1d;border:1px solid #80613a;font:12px Arial,sans-serif}th,td{padding:9px 10px;border-bottom:1px solid #a68f6b;text-align:left}th{background:#4a3520;color:#f0d28f;text-transform:uppercase;font-size:10px}tbody tr:nth-child(even){background:var(--paper2)}table a{color:#5a3412;font-weight:700}dl.panel{display:grid;grid-template-columns:130px 1fr;gap:0}dl.panel dt,dl.panel dd{padding:8px 4px;border-bottom:1px solid #4a3420}dl.panel dt{color:#9f9079;font:11px Arial,sans-serif}dl.panel dd{margin:0;color:#edd3a5;font-size:16px}.prose{line-height:1.7}.download-card code{user-select:all;color:#f6d489;font-size:13px}.download-note{color:#a99576!important;font-size:11px!important}.content-column>p{color:#c7b69b;font:13px/1.6 Arial,sans-serif}.content-column>p a{color:#e6b555}.content-column>h2{color:#f1d18b}.content-column>table{margin-top:12px}
@media(max-width:1120px){.site-grid{grid-template-columns:210px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.right-sidebar>*{margin:0}.hero-brand strong{font-size:58px}.main-nav a{padding:11px 15px}}
@media(max-width:820px){.page{width:100%;max-width:100%;padding:0}.site-frame{width:100%;max-width:100%;border:0;box-shadow:none}.topbar{padding:0 12px;font-size:10px}.hero-banner{height:250px}.hero-brand{left:24px;top:38px}.hero-brand strong{font-size:51px}.hero-brand span{font-size:13px}.hero-actions{left:24px;bottom:23px}.world-ribbon{right:18px;top:18px}.main-nav{flex-wrap:wrap;padding:6px}.main-nav a{padding:9px 12px}.site-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);padding:14px}.left-sidebar,.content-column,.right-sidebar{min-width:0;max-width:100%}.left-sidebar{order:2}.content-column{order:1}.right-sidebar{order:3;grid-column:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.left-sidebar .side-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.left-sidebar .side-panel>h2,.left-sidebar .side-note{grid-column:1/-1}.site-footer{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.topbar>div:first-child{display:none}.topbar{justify-content:center}.hero-banner{height:235px;background-position:center 48%}.hero-brand{left:16px;top:97px}.hero-brand strong{display:none}.hero-brand span{max-width:340px;margin:0;font-size:11px;letter-spacing:1px}.world-ribbon{display:none}.hero-actions{left:16px;right:16px}.button{padding:11px 13px;font-size:11px}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;padding:6px;overflow:hidden}.main-nav a{min-width:0;padding:9px 5px;font-size:10px;text-align:center}.left-sidebar .side-panel{display:block}.right-sidebar{grid-template-columns:minmax(0,1fr)}.news-board,.feature-card,.panel{width:100%;max-width:100%}.news-row{grid-template-columns:48px minmax(0,1fr);padding:14px 12px}.news-row time{width:48px}.news-row h2{font-size:16px}.news-row p,.news-copy{overflow-wrap:anywhere;word-break:break-word}.character-list span{float:none;display:block;margin-top:4px}dl.panel{grid-template-columns:100px minmax(0,1fr)}table{font-size:10px}th,td{padding:7px 6px}.site-footer nav{flex-wrap:wrap}}