/* Dark Sand: a fantasy game journal with cold iron and weathered gold. */
:root { --page:#090b0d; --surface:#13191c; --deep:#0c1114; --iron:#424947; --gold:#c5a56b; --gold-light:#e2cf9b; --text:#d2d3ca; --muted:#9da5a2; --link:#b8ccd1; }
html,body { min-width:0; min-height:100%; height:auto; margin:0; background:var(--page) url(images/bg2.jpg) repeat !important; color:var(--text); font:14px/1.55 Tahoma,Arial,sans-serif; }
* { box-sizing:border-box; }
a { color:var(--gold-light); }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible { outline:2px solid #e4c57d; outline-offset:3px; }
#body-bg1,#body-bg2 { width:100%; background:none !important; }
#wrapper { width:min(100% - 32px,1380px); min-height:0; margin:auto; }
#top { display:flex; justify-content:center; align-items:center; width:100%; height:300px !important; background:linear-gradient(0deg,#090b0d,transparent 40%),url(images/masthead-dark-sand-v3.png) center 48% / cover no-repeat; position:relative; }
.brand { display:block; padding:24px; text-align:center; text-decoration:none; color:#e3cf9a; filter:drop-shadow(0 3px 3px #000); }
.brand-name { display:block; font:900 clamp(42px,6vw,76px)/1 Georgia,serif; letter-spacing:.025em; text-shadow:0 2px #706044,0 4px #171410,0 7px 12px #000; }
.brand-subtitle { display:block; margin-top:9px; color:#d1bd8a; font:700 11px/1.4 Tahoma,sans-serif; letter-spacing:.22em; }
#center-box { display:grid; grid-template-columns:220px minmax(0,1fr) 220px; gap:16px; align-items:start; width:100%; min-height:0; background:none; }
#left,#center,#right { width:auto; height:auto; min-width:0; float:none; }
#nav-box,#navigation,#nav-in,#status,#fn-c,#fn-in,#news-forum,#top-c,#top-in,#lk-box { width:auto; height:auto; min-height:0; padding:0; background:none; }
#left,#right { background:linear-gradient(#222927,#111719 76px); border:1px solid #3b4240; box-shadow:inset 0 0 0 3px #0c1011,0 8px 18px #0009; padding:13px; }
.nav-heading,#st-top,#fn-top,#top-top { display:block; width:auto; height:auto; margin:5px 0 4px; padding:10px 8px; background:linear-gradient(90deg,#302a20,#1c201e 82%); border-top:1px solid #64583e; border-bottom:1px solid #080b0b; color:var(--gold); text-align:left; text-indent:0; font:700 11px/1.3 Georgia,serif; letter-spacing:.13em; text-transform:uppercase; }
#nv a,#nv a:hover { display:block; width:auto; height:auto; min-height:31px; padding:7px 7px 7px 19px; background:none; position:relative; border-bottom:1px solid #27302f; text-indent:0; text-transform:none; color:var(--link); text-shadow:none; font:12px/1.4 Tahoma,Arial,sans-serif; text-decoration:none; }
#nv a:before { content:'◆'; position:absolute; left:5px; top:10px; color:#897752; font-size:7px; }
#nv a:hover { color:#fff0c5; background:#28302c; }
#nv a font { color:inherit; }
#status,#fn-c { padding-bottom:8px; }
.nv-subgroup { margin:8px 0; border:1px solid #39413b; border-radius:2px; background:#0d1212; }
.nv-subsummary { padding:10px; color:var(--gold-light); cursor:pointer; font:700 11px Tahoma,sans-serif; }
.nv-sublist { padding:0 5px 5px; }
#right #top-in { padding-bottom:12px; }
#lk-box { padding-bottom:8px; }
.info-panel { padding:0; }
.info-item { background:#101718; border:1px solid #3b423a; border-radius:2px; color:var(--text); margin-bottom:6px; }
.info-item .label { color:var(--text); }
.info-item .action { color:var(--gold); }
.download-link { border-color:#7a663f; background:#3a3020; }
.rexia { display:block; position:static; padding:12px 0; text-align:center; }
.rexia img { max-width:100%; height:auto; }
#c-top { display:none; }
#news { width:100%; min-height:600px; background:#111719 url(images/bg2.jpg) repeat; border:1px solid #575d53; box-shadow:inset 0 0 0 4px #101416,inset 0 0 0 5px #363b37,0 8px 24px #000a; }
#content { width:100%; padding:clamp(20px,2.5vw,36px); background:none; }
#newsbox,#news-text,#readmore-box { width:100%; }
#maintitle { width:auto; min-height:0; padding:0 0 13px; margin:0 0 13px; background:none; border-bottom:1px solid #41473d; text-align:left; line-height:1.6; text-shadow:none; }
#maintitle center { text-align:left; }
#maintitle font { color:var(--muted); }
#maintitle a font { color:var(--gold-light); }
#google_translate_element { margin:0 0 18px; }
.start-banner.tibia { display:block; padding:14px 18px; margin:18px 0 28px; background:#211e17; border:1px solid #665436; border-left:3px solid #ad8c53; text-decoration:none; line-height:1.5; }
.start-banner.tibia font { color:#e7d3a0; font-size:13px; }
#news-text { width:100%; min-width:0; color:var(--text); font-size:13px; line-height:1.55; text-align:left; text-shadow:none; overflow-wrap:anywhere; }
#news-text a { color:var(--gold-light); }
#news-text img,#news-text iframe,#news-text video { max-width:100%; }
#news-text input,#news-text select,#news-text textarea { max-width:100%; }
#news-text table,#news-text td,#news-text th { overflow-wrap:normal; word-break:normal; }
.table-scroll { width:100%; max-width:100%; overflow-x:auto; }
#readmore-box { height:auto; }
#footer,#ft-center,#pagenav,.hotpay-footer { width:100%; height:auto; float:none; padding:0; margin:0; }
#footer { padding:36px 10px 60px; text-align:center; color:var(--muted); }
.hotpay-footer { padding-top:8px; }
.mobile-bar { display:none; }
@media(max-width:1000px) { #center-box { grid-template-columns:200px minmax(0,1fr); } #right { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #right > #top-top { display:none; } #right > #top-c:nth-of-type(3) #top-in:before { content:'Systemy'; } #right > #top-c:nth-of-type(5) #top-in:before { content:'Statystyki'; } #right > #top-c #top-in:before { display:block; padding:10px; background:#29271f; color:var(--gold); font:700 11px Georgia,serif; text-transform:uppercase; letter-spacing:.12em; } #right > .rexia { grid-column:1/-1; } }
@media(max-width:700px) { #wrapper { width:100%; } #top { height:200px !important; background-position:center 45%; } .brand-name { font-size:42px; } .brand-subtitle { font-size:9px; letter-spacing:.13em; } .mobile-bar { display:flex; gap:8px; padding:10px; background:#111719; border-block:1px solid #4a4b3d; } .mobile-bar a,.mobile-menu-toggle { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 13px; background:#252820; border:1px solid #62563e; color:#e6d3a5; text-decoration:none; font:700 12px Tahoma,sans-serif; cursor:pointer; } .mobile-menu-toggle { margin-right:auto; gap:7px; } #center-box { display:flex; flex-direction:column; gap:10px; padding:10px; } #left,#center,#right { width:100%; } .js-mobile-menu #left { display:none; } .js-mobile-menu.menu-open #left { display:block; } #nv a,#nv a:hover { min-height:42px; padding-top:12px; } #content { padding:20px 15px; } #news { min-height:0; } #news-text { font-size:14px; } #right { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } #right > #lk-box,#right > .rexia { grid-column:1/-1; } .reveal-modal,.reveal-modal.small,.reveal-modal.medium,.reveal-modal.large,.reveal-modal.xlarge { width:calc(100% - 24px); left:12px; margin-left:0; } }
@media(max-width:360px) { #right { grid-template-columns:1fr; } #right > #lk-box,#right > .rexia { grid-column:auto; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }

#google_translate_element { max-width:100%; overflow-x:auto; }

/* Typography and data tables shared by the legacy pages. */
@font-face { font-family: 'DarkSandFantasy'; src: url('../../koniec/Fonts/folkard_.ttf') format('truetype'); font-display: swap; }
.brand { position:relative; padding:22px 38px; }
.brand:before,.brand:after { content:''; display:block; height:1px; width:75%; margin:0 auto; background:linear-gradient(90deg,transparent,#b19765,transparent); box-shadow:0 1px 3px #000; }
.brand-name { padding:6px 0 0; font-family:'DarkSandFantasy',Georgia,serif; font-weight:normal; font-size:clamp(54px,6.8vw,88px); letter-spacing:.035em; color:#e2cca0; text-shadow:0 1px #fff1c5,0 3px #79613d,0 5px #1d150d,0 8px 12px #000; }
.brand-subtitle { margin:2px 0 12px; font-size:10px; letter-spacing:.24em; }
.nav-heading,#st-top,#fn-top,#top-top,#right > #top-c #top-in:before { font-family:'DarkSandFantasy',Georgia,serif; font-weight:normal; font-size:16px; letter-spacing:.05em; }
#nv a,#nv a:hover { min-height:35px; padding:8px 8px 8px 22px; font:normal 14px/1.3 Georgia,serif; letter-spacing:.01em; color:#c5d0cb; }
#nv a:before { left:7px; top:12px; color:#a78b59; }
#nv a:hover { color:#f4dfac; background:linear-gradient(90deg,#76603b55,transparent); }
#nv a[aria-current="page"] { color:#f4dfac; background:linear-gradient(90deg,#76603b66,transparent); }
.nv-subsummary { font:normal 15px/1.2 'DarkSandFantasy',Georgia,serif; letter-spacing:.04em; }
#news-text .dark-data-table { width:100%; border:1px solid #5a5140 !important; border-collapse:collapse !important; border-spacing:0 !important; background:#121819; color:#dbd9ce; font:13px/1.45 Tahoma,Arial,sans-serif; }
#news-text .dark-data-table > tbody > tr,#news-text .dark-data-table > thead > tr { background:#171e1e !important; }
#news-text .dark-data-table > tbody > tr:nth-child(even) { background:#1d2523 !important; }
#news-text .dark-data-table > tbody > tr:hover:not(.dark-table-heading) { background:#29312a !important; }
#news-text .dark-data-table > tbody > tr > td,#news-text .dark-data-table > tbody > tr > th,#news-text .dark-data-table > thead > tr > th { padding:10px 12px !important; border:0 !important; border-bottom:1px solid #374039 !important; vertical-align:middle; }
#news-text .dark-data-table > tbody > .dark-table-heading,#news-text .dark-data-table > thead > tr { background:#302b20 !important; }
#news-text .dark-data-table > tbody > .dark-table-heading > td,#news-text .dark-data-table > tbody > .dark-table-heading > th,#news-text .dark-data-table > thead > tr > th { color:#e4cc99 !important; border-bottom:1px solid #756345 !important; font-weight:bold; }
#news-text .dark-data-table a { color:#e5c78b; text-decoration:none; }
#news-text .dark-data-table a:hover { color:#fff0ca; text-decoration:underline; }
#news-text .dark-data-table img[src$="green.png"],#news-text .dark-data-table img[src$="white.png"] { max-width:none; }
@media(max-width:700px) { .brand { padding:18px 20px; } .brand-name { font-size:clamp(44px,12vw,65px); } #nv a,#nv a:hover { min-height:42px; padding-top:12px; } #news-text .dark-data-table { min-width:420px; } }
/* The decorative logo face lacks Polish glyphs; section labels use a complete serif face. */
.nav-heading,#st-top,#fn-top,#top-top,#right > #top-c #top-in:before { font:700 11px/1.3 Georgia,serif; letter-spacing:.12em; }
.nv-subsummary { font:700 11px/1.3 Georgia,serif; letter-spacing:.08em; }
/* A calmer hierarchy inspired by classic game portals. */
#top { height:360px !important; background-position:center 45%; }
.hero-inner { width:100%; position:relative; z-index:1; text-align:center; padding:35px 20px 22px; }
.brand { display:block; width:max-content; max-width:100%; padding:0; margin:0 auto 22px; filter:none; }
.brand:before,.brand:after { display:none; }
.brand-name { display:block; padding:0; font:700 clamp(45px,5.7vw,78px)/1.05 Georgia,serif; letter-spacing:-.035em; color:#efe8d5; text-shadow:0 2px 1px #15110a,0 5px 15px #000; }
.brand-subtitle { display:block; margin:0 0 10px; color:#d6c08c; font:700 10px/1.4 Tahoma,Arial,sans-serif; letter-spacing:.19em; }
.hero-actions { display:flex; justify-content:center; gap:10px; }
.hero-button { display:inline-flex; min-width:175px; min-height:46px; justify-content:center; align-items:center; padding:10px 20px; border:1px solid #b79a61; font:700 12px/1.3 Tahoma,Arial,sans-serif; letter-spacing:.035em; text-decoration:none; transition:background-color .15s,color .15s; }
.hero-button-primary { background:#bd9d60; color:#17140e; }
.hero-button-primary:hover { background:#d3b77d; color:#17140e; }
.hero-button-secondary { background:#101820e8; color:#e7d1a0; }
.hero-button-secondary:hover { background:#27333a; color:#fff1cc; }
#center-box { grid-template-columns:220px minmax(0,1fr) 220px; gap:20px; }
#left,#right { padding:0; background:#121c22; border:1px solid #36444a; box-shadow:0 8px 26px #0005; }
.nav-heading,#st-top,#fn-top,#top-top,#right > #top-c #top-in:before { margin:0; padding:15px 16px; background:#1a2830; border:0; border-bottom:1px solid #3a4850; color:#dbc294; font:700 14px/1.3 Georgia,serif; font-variant:small-caps; letter-spacing:.025em; }
#st-top,#fn-top,#top-top { margin-top:13px; border-top:1px solid #36444a; }
#nv a,#nv a:hover { min-height:38px; padding:10px 14px 10px 26px; border-bottom:1px solid #25343a; color:#b7c9cb; font:700 12px/1.4 Georgia,serif; font-variant:small-caps; letter-spacing:.02em; }
#nv a:before { content:'›'; top:8px; left:13px; font:16px/1 Georgia,serif; color:#d4ba81; }
#nv a:hover,#nv a[aria-current="page"] { color:#f4e2b5; background:#24343a; }
#status,#fn-c { padding:0; }
#lk-box { padding:12px; }
#right #top-in { padding:0; }
.info-item { min-height:42px; }
#news { min-height:600px; background:#172126; border:1px solid #415057; box-shadow:0 8px 26px #0005; }
#content { padding:clamp(22px,2.4vw,36px); }
#maintitle { color:#b5c0bf; }
#news-text { color:#e0e4df; font:14px/1.65 Tahoma,Arial,sans-serif; }
#news-text h1,#news-text h2,#news-text h3 { font-family:Georgia,serif; color:#e1c38b; }
.start-banner.tibia { margin:20px 0 28px; padding:16px 18px; background:#20292b; border:1px solid #6c6047; border-left:3px solid #c3a265; }
#news-text .dark-data-table { border-color:#435158 !important; }
#news-text .dark-data-table > tbody > tr { background:#172126 !important; }
#news-text .dark-data-table > tbody > tr:nth-child(even) { background:#1c292e !important; }
#news-text .dark-data-table > tbody > .dark-table-heading,#news-text .dark-data-table > thead > tr { background:#26343a !important; }
@media(max-width:1000px) { #center-box { grid-template-columns:200px minmax(0,1fr); } #right { padding:12px; } #right > #top-c #top-in:before { margin:0; } }
@media(max-width:700px) { #top { height:255px !important; } .hero-inner { padding:20px 12px; } .brand { margin-bottom:18px; } .brand-name { font-size:clamp(39px,10vw,62px); } .brand-subtitle { font-size:9px; letter-spacing:.12em; } .hero-button { min-width:0; padding:10px 13px; min-height:43px; font-size:11px; } #center-box { padding:10px; } #left,#right { width:100%; } #nv a,#nv a:hover { min-height:43px; padding-top:12px; } #right { padding:12px; } #news { min-height:0; } #content { padding:20px 16px; } }
/* Shared presentation for server status, section headings and legacy forms. */
#maintitle,#maintitle center { text-align:center; }
.status.offline { color:#e58c80; font-weight:800; letter-spacing:.04em; }
.nav-heading,#st-top,#fn-top,#top-top { cursor:default; }
.category-menu,.category-community,.category-library,.category-shop,.category-systems,.category-stats { display:flex; align-items:center; gap:10px; min-height:56px; }
.category-menu:before,.category-community:before,.category-library:before,.category-shop:before,.category-systems:before,.category-stats:before { content:''; display:block; flex:0 0 32px; width:32px; height:32px; background:center / contain no-repeat; image-rendering:pixelated; }
.category-menu:before { background-image:url('https://item-images.ots.me/860/1949.gif'); }
.category-community:before { background-image:url('https://item-images.ots.me/860/2460.gif'); }
.category-library:before { background-image:url('https://item-images.ots.me/860/2175.gif'); }
.category-shop:before { background-image:url('https://item-images.ots.me/860/1988.gif'); }
.category-systems:before { background-image:url('https://item-images.ots.me/860/2195.gif'); }
.category-stats:before { background-image:url('https://item-images.ots.me/860/2160.gif'); }
#news-text form { color:#dce2df; font:14px/1.55 Tahoma,Arial,sans-serif; }
#news-text form table { border-collapse:collapse; max-width:100%; }
#news-text form td { padding:10px 12px; vertical-align:top; }
#news-text form td b { color:#e2c992; font-family:Georgia,serif; font-size:14px; }
#news-text form input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):not([type=button]):not([type=hidden]),#news-text form select,#news-text form textarea { max-width:100%; min-height:40px; padding:8px 10px; border:1px solid #526168; border-radius:2px; background:#101b20; color:#f0eee6; font:14px/1.35 Tahoma,Arial,sans-serif; }
#news-text form input[readonly] { color:#aab9b7 !important; background:#202c30 !important; }
#news-text form input[type=radio],#news-text form input[type=checkbox] { accent-color:#c4a364; width:16px; height:16px; margin:5px 8px 5px 0; vertical-align:middle; cursor:pointer; }
#news-text form input[type=image],#news-text form button,#news-text form input[type=submit],#news-text form input[type=button] { cursor:pointer; }
#news-text form font[size="1"],#news-text form #acc_name_check,#news-text form #email_check,#news-text form #result { color:#aabbb9; font:12px/1.5 Tahoma,Arial,sans-serif; }
#news-text form hr { border:0; border-top:1px solid #52605a; margin:12px 0; }
#news-text form table:has(#account_name) { background:#111b20; border:1px solid #425159; }
#news-text form table:has(#account_name) > tbody > tr > td { border-bottom:1px solid #293a3f; }
#news-text form table:has(#account_name) > tbody > tr > td:first-child { text-align:left; }
#news-text form table:has(#account_name) > tbody > tr > td[colspan] { text-align:left; }
@media(max-width:1000px) { #right > .category-systems,#right > .category-stats { display:flex; } #right > #top-c #top-in:before { display:none; } #right { grid-template-columns:repeat(2,minmax(0,1fr)); } #right > #lk-box { grid-column:1/-1; } #right > .category-systems { grid-column:1; grid-row:2; } #right > .category-stats { grid-column:2; grid-row:2; } #right > #top-c:nth-of-type(3) { grid-column:1; grid-row:3; } #right > #top-c:nth-of-type(5) { grid-column:2; grid-row:3; } }
@media(max-width:700px) { .brand-subtitle { max-width:300px; margin-left:auto; margin-right:auto; line-height:1.5; } #news-text form table:has(#account_name) > tbody > tr > td { display:block; width:100%; border:0; padding:6px 12px; } #news-text form table:has(#account_name) > tbody > tr > td:first-child:not([colspan]) { padding-bottom:0; } #news-text form table:has(#account_name) > tbody > tr { display:block; padding:7px 0; border-bottom:1px solid #293a3f; } #news-text form input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):not([type=button]):not([type=hidden]),#news-text form select { width:min(100%,340px); } }
#left #st-top.category-community,#left #st-top.category-library,#left #fn-top.category-shop,#right #top-top.category-systems,#right #top-top.category-stats { display:flex; align-items:center; }
@media(max-width:1000px) { #right > #top-top.category-systems,#right > #top-top.category-stats { display:flex; } }
#news-text form input[type=image] { min-width:140px; min-height:40px; padding:8px 10px; border:1px solid #806c46; border-radius:2px; background:#29302b; object-fit:contain; }
#news-text form input[type=image]:hover { background:#3c4031; }
#news-text form input:focus-visible,#news-text form select:focus-visible,#news-text form textarea:focus-visible { outline:2px solid #e4c57d; outline-offset:2px; }
/* Consistent, recognizable game items for each navigation section. */
.category-menu:before { background-image:url('https://item-images.ots.me/860/1949.gif'); }
.category-community:before { background-image:url('https://item-images.ots.me/860/2519.gif'); }
.category-library:before { background-image:url('https://item-images.ots.me/860/1976.gif'); }
.category-shop:before { background-image:url('https://item-images.ots.me/860/2365.gif'); }
.category-systems:before { background-image:url('https://item-images.ots.me/860/2187.gif'); }
.category-stats:before { background-image:url('https://item-images.ots.me/860/2128.gif'); }
/* Account and other classic InnerTableContainer forms. */
#news-text .InnerTableContainer { border:1px solid #425159; background:#111b20; padding:0; }
#news-text .InnerTableContainer > table { border-collapse:collapse; width:100%; }
#news-text .InnerTableContainer > table > tbody > tr > td { padding:10px 12px; border-bottom:1px solid #293a3f; }
#news-text .InnerTableContainer > table > tbody > tr:last-child > td { border-bottom:0; }
#news-text .InnerTableContainer .LabelV { color:#e2c992; font:700 14px/1.45 Georgia,serif; }
#news-text .account-login-panel { max-width:680px; margin:12px auto 35px; }
#news-text .account-login-panel h1 { color:#e1c38b; font:700 23px/1.25 Georgia,serif; margin:0 0 12px; }
#news-text .account-login-panel p { color:#c9d3d0; margin:0 0 20px; }
#news-text .account-login-fields { border:1px solid #425159; background:#111b20; }
#news-text .account-login-row { display:grid; grid-template-columns:minmax(110px, 30%) minmax(0,1fr); align-items:center; gap:16px; padding:14px 16px; border-bottom:1px solid #293a3f; }
#news-text .account-login-row:last-child { border-bottom:0; }
#news-text .account-login-row label { color:#e2c992; font:700 14px/1.4 Georgia,serif; }
#news-text .account-login-row input { width:min(100%,340px); }
#news-text .account-login-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:18px; }
#news-text .account-login-actions button { min-height:42px; padding:10px 24px; border:1px solid #c1a267; background:#bd9d60; color:#17140e; font:700 13px Tahoma,Arial,sans-serif; }
#news-text .account-login-actions button:hover { background:#d3b77d; }
#news-text .account-login-actions a { padding:8px 0; color:#e2c992; }
@media(max-width:700px) { #news-text .account-login-row { grid-template-columns:1fr; gap:6px; padding:12px; } #news-text .InnerTableContainer > table > tbody > tr > td { padding:8px; } }
#news-text form table:has(> tbody > tr > td > input:not([type=image]):not([type=hidden]):not([type=submit]):not([type=button])):not(:has(table)) { border:1px solid #425159; background:#111b20; }
#news-text form table:has(> tbody > tr > td > input:not([type=image]):not([type=hidden]):not([type=submit]):not([type=button])):not(:has(table)) > tbody > tr > td { border-bottom:1px solid #293a3f; }
/* Shared styling for legacy content, including tables containing forms. */
#news-text .TableContainer { width:100%; max-width:100%; background:#111b20; border:1px solid #425159; color:#dce2df; font-size:14px; }
#news-text .TableContainer .CaptionContainer,#news-text .TableContainer .CaptionInnerContainer { background:#26343a !important; }
#news-text .TableContainer .CaptionContainer .Text { padding:10px 12px; color:#e4cc99; font:700 14px/1.4 Georgia,serif; }
#news-text .TableContainer .Odd { background:#172126; }
#news-text .TableContainer .Even { background:#1c292e; }
#news-text input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):not([type=button]):not([type=hidden]),#news-text select,#news-text textarea { max-width:100%; min-height:40px; padding:8px 10px; border:1px solid #526168; border-radius:2px; background:#101b20; color:#f0eee6; font:14px/1.35 Tahoma,Arial,sans-serif; }
#news-text input[type=submit],#news-text input[type=button],#news-text button { min-height:40px; padding:8px 16px; border:1px solid #806c46; background:#29302b; color:#ead5aa; font:700 13px/1.35 Tahoma,Arial,sans-serif; cursor:pointer; }
#news-text input[type=submit]:hover,#news-text input[type=button]:hover,#news-text button:hover { background:#3c4031; }
#news-text input[type=checkbox],#news-text input[type=radio] { accent-color:#c4a364; }
#news-text .dark-data-table td form { margin:0; }
#news-text .dark-data-table td:has(> input[type=image]:only-child) { min-width:120px; }
@media(max-width:700px) { #news-text .TableContainer { overflow-x:auto; } #news-text .dark-data-table { min-width:420px; } }
@media(max-width:700px) {
  #news-text .dark-form-table { min-width:0; }
  #news-text .dark-form-table > tbody > tr > td { display:block; width:100% !important; }
  #news-text .dark-form-table > tbody > tr > td:first-child { padding-bottom:3px !important; border-bottom:0 !important; }
}
/* Pre-launch information shared by every page. */
.launch-notice { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px 14px; padding:13px 20px; margin:0 0 16px; text-align:center; background:#29281f; border:1px solid #8c774d; border-left:3px solid #d0ad6b; color:#f0deb3; }
.launch-notice-label { color:#c3b18c; font:700 11px/1.4 Tahoma,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.launch-notice strong { font:700 clamp(15px,1.5vw,18px)/1.35 Georgia,serif; color:#f4d392; }
#nv a,#nv a:hover { font-variant:normal; }
.download-announcement { max-width:680px; margin:12px auto 32px; padding:clamp(20px,3vw,32px); background:#111b20; border:1px solid #425159; border-left:3px solid #c2a266; }
.download-eyebrow { margin:0 0 10px; color:#c9b78c; font:700 11px/1.4 Tahoma,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
#news-text .download-announcement h1 { margin:0 0 12px; font:700 clamp(22px,3vw,30px)/1.2 Georgia,serif; color:#e5cd9c; }
.download-intro { margin:0; color:#dce4e0; }
.download-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:24px 0; }
.download-platforms > div { padding:14px; background:#1b292e; border:1px solid #3e5055; }
.download-platform-label { display:block; color:#aabcb8; font-size:11px; letter-spacing:.04em; }
.download-platforms strong { display:block; margin-top:4px; color:#ead6aa; font:700 16px Georgia,serif; }
.download-unsupported { margin:0; color:#bbc8c4; }
@media(max-width:700px) { .launch-notice { margin:0; padding:11px 12px; } .download-announcement { padding:20px 16px; } }
/* Consistent capitals, current page and a more compact masthead. */
#left #nv a,#right #nv a { font-variant:normal; text-transform:uppercase; }
#left #nv a[aria-current="page"],#right #nv a[aria-current="page"] { color:#f6e4b9; background:#293d43; box-shadow:inset 3px 0 #d3b16e; }
#left #nv a[aria-current="page"]:before,#right #nv a[aria-current="page"]:before { color:#f6d991; }
#top { height:305px !important; }
@media(max-width:700px) { #top { height:215px !important; } .hero-inner { padding:14px 12px; } .brand { margin-bottom:12px; } }
/* Full-size registration buttons replace the original 120×18 artwork. */
#news-text input[type=image][src*="/sbutton_iagree.gif"],#news-text input[type=image][src*="/sbutton_cancel.gif"] { display:inline-block; width:180px; max-width:100%; height:48px; min-width:0; min-height:0; padding:0; border:0; background:transparent; object-fit:fill; vertical-align:middle; cursor:pointer; }
#news-text input[type=image][src*="/sbutton_iagree.gif"]:hover,#news-text input[type=image][src*="/sbutton_cancel.gif"]:hover { filter:brightness(1.12); background:transparent; }
#news-text input[type=image][src*="/sbutton_iagree.gif"]:focus-visible,#news-text input[type=image][src*="/sbutton_cancel.gif"]:focus-visible { outline:2px solid #e4c57d; outline-offset:3px; }
@media(max-width:700px) { #news-text input[type=image][src*="/sbutton_iagree.gif"],#news-text input[type=image][src*="/sbutton_cancel.gif"] { width:150px; height:40px; } }
/* On phones, secondary navigation is part of the expandable menu. */
@media(max-width:700px) {
  #left > #top-top.category-systems,#left > #top-top.category-stats { display:flex; align-items:center; }
  #left > #top-c,#left > #top-c > #top-in { width:auto; min-height:0; padding:0; background:none; }
  #right { display:block; }
}
/* Launch date uses even-height figures; guild list keeps room for logo and actions. */
.launch-notice strong { font:700 clamp(15px,1.35vw,18px)/1.4 Tahoma,Arial,sans-serif; font-variant-numeric:lining-nums tabular-nums; }
#news-text .guild-list { width:100%; border-collapse:collapse; border:1px solid #425159; background:#111b20; table-layout:auto; }
#news-text .guild-list > tbody > tr > td { padding:12px; border-bottom:1px solid #374039; vertical-align:middle; }
#news-text .guild-list > tbody > tr:first-child { background:#26343a; color:#e4cc99; }
#news-text .guild-list > tbody > tr > td:first-child { width:88px; min-width:88px; }
#news-text .guild-list > tbody > tr > td:last-child { width:150px; min-width:150px; text-align:right; }
#news-text .guild-list img[src*="guilds/"] { display:block; width:64px; height:64px; max-width:none; object-fit:contain; }
#news-text .guild-list td:nth-child(2) { overflow-wrap:anywhere; }
#news-text .guild-action { margin:0; }
#news-text .guild-action button,#news-text .guild-create button { min-width:130px; min-height:42px; padding:10px 18px; border:1px solid #b89a61; background:#26343a; color:#ead8ae; font:700 13px/1.3 Tahoma,Arial,sans-serif; cursor:pointer; }
#news-text .guild-create { text-align:center; margin:24px 0; }
#news-text .guild-create button { background:#bd9d60; color:#17140e; }
#news-text .guild-action button:hover { background:#394b50; }
#news-text .guild-create button:hover { background:#d3b77d; }
@media(max-width:700px) {
  #news-text .guild-list,#news-text .guild-list.dark-data-table { min-width:0; }
  #news-text .guild-list > tbody > tr { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px 12px; padding:12px; border-bottom:1px solid #374039; }
  #news-text .guild-list > tbody > tr:first-child { display:none; }
  #news-text .guild-list > tbody > tr > td { width:auto !important; min-width:0 !important; padding:0 !important; border:0 !important; text-align:left !important; }
  #news-text .guild-list > tbody > tr > td:last-child { grid-column:2; }
}
/* Signed-in account overview. */
#news-text .account-overview,#news-text .account-section { width:100%; margin:0 0 20px; border:1px solid #425159; background:#111b20; }
#news-text .account-overview-header,#news-text .account-section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:18px 20px; background:#1a2830; border-bottom:1px solid #425159; }
#news-text .account-overview h1,#news-text .account-section h2 { margin:0; color:#e4ca99; font:700 20px/1.3 Georgia,serif; }
#news-text .account-eyebrow { margin:0 0 4px; color:#a9bbb8; font:700 10px/1.4 Tahoma,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
#news-text .account-section-nav { display:flex; flex-wrap:wrap; gap:8px 22px; padding:13px 20px; }
#news-text .account-section-nav a { color:#d4c194; text-decoration:none; }
#news-text .account-section-nav a:hover { color:#fff0c9; text-decoration:underline; }
#news-text .account-overview form,#news-text .account-section form { margin:0; }
#news-text .account-table-wrap { width:100%; max-width:100%; overflow-x:auto; }
#news-text .account-details,#news-text .account-characters { width:100%; border-collapse:collapse; color:#e1e6e2; font:14px/1.5 Tahoma,Arial,sans-serif; }
#news-text .account-details th,#news-text .account-details td,#news-text .account-characters th,#news-text .account-characters td { padding:12px 16px; border-bottom:1px solid #2c3b3f; text-align:left; vertical-align:middle; }
#news-text .account-details th { width:32%; color:#d8c59b; font-weight:700; }
#news-text .account-details td { overflow-wrap:anywhere; }
#news-text .account-characters thead { background:#26343a; color:#e4ca99; }
#news-text .account-characters tbody tr:nth-child(even) { background:#1a262a; }
#news-text .account-characters a,#news-text .account-details a { color:#e5ca91; }
#news-text .account-actions { display:flex; flex-wrap:wrap; gap:10px; padding:14px 16px; }
#news-text .account-button { min-height:42px; padding:10px 16px; border:1px solid #8b764d; color:#ead8ae; background:#26343a; font:700 13px/1.35 Tahoma,Arial,sans-serif; cursor:pointer; }
#news-text .account-button:hover { background:#354b50; }
#news-text .account-button.account-button-primary { background:#bd9d60; border-color:#d0b77d; color:#17140e; }
#news-text .account-button.account-button-primary:hover { background:#d3b77d; }
.account-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:700px) { #news-text .account-overview-header,#news-text .account-section-heading { padding:14px; } #news-text .account-section-nav { padding:12px 14px; } #news-text .account-details th,#news-text .account-details td,#news-text .account-characters th,#news-text .account-characters td { padding:10px; } #news-text .account-details th { width:40%; } #news-text .account-characters { min-width:450px; } }
/* Character equipment: individual slots on an inset frame, no tiled background. */
#news-text table.equipment-grid { width:auto; max-width:100%; margin:0 auto; padding:10px; border:1px solid #596358; border-collapse:separate; border-spacing:6px; background:#101b20; box-shadow:inset 0 0 0 3px #18272a; }
#news-text table.equipment-grid tr { background:transparent; }
#news-text table.equipment-grid td { box-sizing:border-box; width:52px; min-width:52px; height:52px; padding:0; text-align:center; vertical-align:middle; border:1px solid #49584f; background:#1d2b2c; box-shadow:inset 0 0 0 2px #152123; }
#news-text table.equipment-grid td.equipment-slot-equipped { background:#27352f; border-color:#8b7954; }
#news-text table.equipment-grid td.equipment-gap { border:0; background:transparent; box-shadow:none; }
#news-text table.equipment-grid img { display:block; width:32px; height:32px; max-width:none; margin:auto; object-fit:contain; image-rendering:pixelated; }
@media(max-width:700px) { #news-text table.equipment-grid { padding:7px; border-spacing:4px; } #news-text table.equipment-grid td { width:44px; min-width:44px; height:44px; } }