/* Home layer for the existing Oldbia PHP site. Account and payment handlers keep their routes. */
.site-production{--ink:#eee3ca;--muted:#b2a58c;--gold:#c79a45;--gold2:#f0cf81;--deep:#100e0b;--paper:#19150f;--line:#554329;background:#100e0b;color:#eee3ca}
.site-production main{max-width:1200px;margin:-45px auto 80px;padding:0 32px}.site-production:not(.site-home) main{margin-top:0}
.site-production .hero{min-height:650px;background:linear-gradient(180deg,#0c0b0d42 0%,#0c0b0d14 28%,#100e0bcc 91%,#100e0b 100%),linear-gradient(90deg,#0a0a0be0 0%,#0a0a0b4d 68%,#0a0a0b1f),url('/assets/oldbia-dusk.webp') center 46%/cover no-repeat}
.site-production .hero:after{height:130px;background:linear-gradient(transparent,#100e0b)}
.site-production .topbar{max-width:1240px;min-height:74px;padding:10px 30px;border-bottom:1px solid #ba914838;gap:28px}
.site-production .brand-logo{width:145px;max-height:47px}.site-production .brand-world{color:#b7a37d!important;font-size:8px!important;letter-spacing:.2em}
.site-production .topbar nav{gap:clamp(13px,2vw,29px)}.site-production .topbar nav a,.site-production .nav-dropdown-toggle,.site-production .auth a{font:600 11px Georgia,serif;letter-spacing:.025em;text-transform:none}
.site-production .topbar-menu{display:flex;align-items:center;flex:1;gap:18px}.site-production .language-switcher{margin-left:auto;order:2}.site-production .auth{order:3;gap:8px}.site-production .auth .button{font:700 10px Arial,sans-serif}
.site-production .hero-copy{max-width:880px;margin:0 auto;padding:70px 24px 155px;text-align:center}.site-production .hero-copy .eyebrow{font:700 9px Arial,sans-serif;letter-spacing:.25em;color:#dbb55f}.site-production .hero h1{margin:8px 0;font:small-caps 66px/1 Georgia,serif;color:#f4ead1;letter-spacing:-.02em}.site-production .hero-copy>p{max-width:620px;margin:10px auto 20px;color:#eee2c5;font:italic 15px/1.65 Georgia,serif;text-shadow:0 2px 12px #000}.site-production .hero-actions{justify-content:center;gap:13px;margin-top:17px}.site-production .hero-actions .button{min-height:48px;padding:13px 23px;border-color:#c29b52;border-radius:3px;background:linear-gradient(#edce84,#ba8739);color:#281c0d;font:small-caps bold 15px Georgia,serif;letter-spacing:.045em;box-shadow:inset 0 1px #fff8cf8c,0 4px 18px #0008;transition:filter .18s,transform .18s}.site-production .hero-actions .button:hover{filter:brightness(1.12);transform:translateY(-2px)}.site-production .hero-actions .button.ghost{border-color:#cfb278;background:#17120ba8;color:#f1dfb9;font:600 11px Arial,sans-serif;letter-spacing:.05em}
.site-production .status-strip{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 52px;background:#1b160f;border:1px solid #71572e77;box-shadow:0 12px 35px #0005;color:#e7d7b7}.site-production .status-strip>div{justify-content:center;padding:15px 12px;border-color:#554329}.site-production .status-strip strong{color:#e5c276;font:700 21px/1.2 Georgia,serif}.site-production .status-strip span{color:#bdaf94;font:9px/1.35 Arial,sans-serif;letter-spacing:.055em}.site-production .status-strip .server-save-countdown strong{color:#e5c276;font-size:18px}.site-production .status-strip .live-dot{flex:none}.site-production .status-strip .discord-status img{filter:sepia(.45)}
.site-production .home-shell{display:grid;gap:55px}.site-production .home-intro{text-align:center;max-width:760px;margin:0 auto 2px}.site-production .home-kicker{margin:0 0 10px;color:#cda656;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase}.site-production .home-intro h2,.site-production .home-guides h2,.site-production .home-final h2{margin:0;color:#f0e6cf;font:small-caps 37px/1.12 Georgia,serif;letter-spacing:-.015em}.site-production .home-intro h2 em,.site-production .home-guides h2 em{color:#e2b957;font-style:normal}.site-production .home-intro>p:not(.home-kicker){margin:14px auto 0;color:#c9bca2;font:italic 14px/1.7 Georgia,serif}.site-production .home-actions{display:flex;justify-content:center;gap:12px;margin-top:19px}.site-production .home-primary{border-color:#c29b52;background:linear-gradient(#edce84,#ba8739);color:#281c0d}.site-production .home-secondary{border-color:#6b5431;background:#211a10;color:#ead7af}.site-production .home-actions .button{min-height:43px;padding:11px 19px;font-size:11px;transition:transform .18s,filter .18s}.site-production .home-actions .button:hover{transform:translateY(-2px);filter:brightness(1.13)}
.site-production .home-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.site-production .home-section-head h2{margin:2px 0;color:#eee3ca;font:small-caps 29px/1.12 Georgia,serif}.site-production .home-section-head>a,.site-production .home-premium-link{color:#e2bd70;font:600 10px Arial,sans-serif}.site-production .home-section-head>a:hover,.site-production .home-premium-link:hover{color:#ffdf91}.site-production .home-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.site-production .home-news-card,.site-production .news.home-news-card{min-width:0;margin:0;padding:20px 21px;background:linear-gradient(145deg,#211a12,#18140f);border:1px solid #68502e88;border-left:2px solid #aa803b;box-shadow:0 8px 23px #0003}.site-production .home-news-card h3{margin:5px 0 8px;color:#eee2c7;font:small-caps bold 20px/1.2 Georgia,serif}.site-production .home-news-card p{margin:0;color:#c1b39a;font:12px/1.65 Georgia,serif}.site-production .home-news-card .news-date{color:#caa966;font-size:9px}.site-production .home-news-card .news-content{display:block}.site-production .home-news-card .news-copy{width:auto}.site-production .home-news-card .news-media{margin:12px -7px -7px;overflow:hidden;border:1px solid #6d5432}.site-production .home-news-card .news-image{width:100%;max-height:240px;object-fit:cover;transition:transform .35s}.site-production .home-news-card:hover .news-image{transform:scale(1.035)}.site-production .home-empty{grid-column:1/-1}
.site-production .home-adventures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-production .home-art-card{position:relative;display:flex;min-height:220px;overflow:hidden;flex-direction:column;justify-content:end;align-items:flex-start;gap:7px;padding:23px;border:1px solid #72583399;background:#16110b;color:#f1e2c1}.site-production .home-art-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100c09ed 0%,#100c0954 60%,#100c0912);pointer-events:none}.site-production .home-art-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.site-production .home-art-card:hover img{transform:scale(1.04)}.site-production .home-art-card>*:not(img){position:relative;z-index:1}.site-production .home-art-card span{color:#e2bd70;font:700 8px Arial,sans-serif;letter-spacing:.19em}.site-production .home-art-card strong{font:small-caps bold 23px/1.1 Georgia,serif}.site-production .home-art-card small{color:#e3c887;font:600 10px Arial,sans-serif}
.site-production .home-guides{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);align-items:center;gap:38px;padding:27px 0;border-top:1px solid #58442b;border-bottom:1px solid #58442b}.site-production .home-guides h2{font-size:29px}.site-production .home-guides>div:first-child>p:last-child{max-width:510px;color:#bfb095;font:13px/1.6 Georgia,serif}.site-production .home-guide-links{display:grid}.site-production .home-guide-links a{display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:10px;padding:13px 8px;border-bottom:1px solid #604a2c;color:#e6d7b9;font:13px Georgia,serif}.site-production .home-guide-links a:first-child{border-top:1px solid #604a2c}.site-production .home-guide-links a span{color:#d0a54c;font:15px Georgia,serif}.site-production .home-guide-links a b{color:#e0bb6b}.site-production .home-guide-links a:hover{background:#d6a64c0b}
.site-production .home-final{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 27px;border:1px solid #70552e;background:linear-gradient(105deg,#241b10,#17120c)}.site-production .home-final h2{font-size:27px}.site-production .home-final>div:last-child{display:grid;justify-items:end;gap:12px}.site-production .home-final .button{font-size:11px;padding:11px 17px}
.site-production .form-card,.site-production .card,.site-production .download-panel,.site-production .news,.site-production .character,.site-production .table-wrap,.site-production .premium-plan,.site-production .premium-benefits{background:#1b1711;color:#eee3ca;border-color:#5b472c;box-shadow:0 8px 24px #0004}.site-production .form-card label,.site-production label{color:#cfbd98}.site-production input,.site-production select,.site-production textarea{background:#120f0c;border-color:#5d492d;color:#f0e4ca}.site-production input::placeholder{color:#94856b}.site-production input:focus,.site-production select:focus,.site-production textarea:focus{border-color:#d3a950;box-shadow:0 0 0 3px #c79a4522}.site-production .section-heading h2,.site-production .card h3,.site-production .premium-plan strong,.site-production .character h3{color:#ecdfc1}.site-production .muted,.site-production .character p,.site-production .premium-intro,.site-production .premium-note,.site-production .field-help{color:#b8a98e}.site-production .premium-badge,.site-production .world-filter,.site-production .highscore-filters{background:#231b10;color:#edcf8a;border-color:#71542b}.site-production .premium-price{color:#e3bf72}.site-production th{background:#251c11;color:#edcf8a}.site-production td{border-color:#413522;color:#e1d6c0}.site-production tr:nth-child(even) td{background:#201a12}.site-production .badge{background:#3c3324;color:#d6c29b}.site-production .badge.online{background:#1e3827;color:#87d398}.site-production .alert{background:#172b1d;color:#c5ebce;border-color:#385a40}.site-production .alert.error{background:#351a15;color:#f0b2a4;border-color:#784135}.site-production hr{border-color:#534127}.site-production .parchment{background:#1b1711}.site-production .home-shell~*{color:inherit}.site-production footer{border-top:1px solid #544128;background:#17120d;color:#ac9a79}.site-production footer strong{color:#e1bd6e}.site-production footer p{color:#a99a80}
@media(max-width:1000px){.site-production .topbar{gap:16px}.site-production .topbar-menu{gap:10px}.site-production .topbar nav{gap:14px}.site-production .topbar nav a,.site-production .nav-dropdown-toggle{font-size:10px}.site-production .auth{gap:6px}.site-production .topbar .brand-logo{width:125px}.site-production .status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.site-production .status-strip>div:nth-child(3n){border-right:0}.site-production .home-guides{gap:24px}}
@media(max-width:850px){.site-production .topbar-menu{display:none}.site-production .topbar-menu.is-open{display:flex}.site-production .topbar nav{display:flex}.site-production .topbar nav a,.site-production .nav-dropdown-toggle,.site-production .auth a{color:#e9e3d8}.site-production .home-adventures{gap:12px}}
@media(max-width:650px){.site-production main{padding:0 18px;margin-bottom:52px}.site-production .hero{min-height:575px;background-position:58% center}.site-production .topbar{min-height:66px;padding:8px 18px}.site-production .brand-logo{width:122px}.site-production .topbar-menu{padding:13px 0 2px;border-color:#70552e}.site-production .topbar-menu nav{gap:1px}.site-production .topbar-menu nav>a,.site-production .topbar-menu .nav-dropdown-toggle{padding:10px 4px}.site-production .hero-copy{padding:67px 22px 143px}.site-production .hero h1{font-size:52px}.site-production .hero-copy>p{font-size:13px}.site-production .hero-actions{gap:8px;flex-wrap:wrap}.site-production .hero-actions .button{padding:11px 14px;font-size:12px}.site-production .status-strip{margin-bottom:39px}.site-production .status-strip>div{padding:12px 6px;gap:6px}.site-production .status-strip strong{font-size:18px}.site-production .status-strip span{font-size:8px}.site-production .status-strip .server-save-countdown strong{font-size:15px}.site-production .home-shell{gap:38px}.site-production .home-intro h2{font-size:31px}.site-production .home-intro>p:not(.home-kicker){font-size:12px}.site-production .home-news-grid,.site-production .home-adventures{grid-template-columns:1fr}.site-production .home-news-card,.site-production .news.home-news-card{padding:17px}.site-production .home-news-card h3{font-size:19px}.site-production .home-art-card{min-height:200px}.site-production .home-guides{grid-template-columns:1fr;gap:16px;padding:20px 0}.site-production .home-guides h2{font-size:25px}.site-production .home-guide-links a{padding:11px 6px}.site-production .home-final{align-items:flex-start;flex-direction:column;padding:20px}.site-production .home-final h2{font-size:24px}.site-production .home-final>div:last-child{justify-items:start}.site-production .section-heading h2{font-size:31px}.site-production .form-card{padding:25px 19px}.site-production footer{padding:31px 22px}}
@media(prefers-reduced-motion:reduce){.site-production .home-art-card img,.site-production .home-actions .button,.site-production .hero-actions .button,.site-production .home-news-card .news-image{transition:none}.site-production .home-art-card:hover img,.site-production .home-actions .button:hover,.site-production .hero-actions .button:hover{transform:none}}

/* Homepage: compact status rail and stronger Minibia-inspired editorial rhythm. */
.site-production .hero h1{max-width:900px;margin:12px auto;color:#f1e5c9;font-size:clamp(46px,6vw,68px);line-height:.98;text-shadow:0 4px 22px #000b}.site-production .hero h1 em{display:block;margin-top:5px;color:#e8bd62;font-style:normal}.site-production .hero-copy>p{max-width:560px}.site-production .home-status-strip{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:970px;margin:-38px auto 44px;padding:0;overflow:hidden;border:1px solid #745a31;background:linear-gradient(110deg,#21190fef,#17120def);box-shadow:0 14px 38px #0007;color:#e8d9ba}.site-production .home-status{position:relative;display:flex;min-width:0;min-height:68px;align-items:center;justify-content:center;gap:10px;padding:12px 17px;color:#e9d9b8;text-decoration:none}.site-production .home-status+.home-status{border-left:1px solid #604a2d}.site-production .home-status>span{color:#e4d4b3;font:600 11px/1.3 Georgia,serif;letter-spacing:.04em}.site-production .home-status small{color:#a99a7e;font:9px/1.35 Arial,sans-serif;letter-spacing:.06em}.site-production .home-world-status{display:grid;grid-template-columns:10px auto 1fr 14px;grid-template-rows:auto auto;justify-content:start;column-gap:9px}.site-production .home-world-status .live-dot{grid-column:1;grid-row:1/3;width:8px;height:8px}.site-production .home-world-status>span{grid-column:2;grid-row:1;color:#9cdda2}.site-production .home-world-status.server-offline>span{color:#e49b86}.site-production .home-world-status small{grid-column:2/4;grid-row:2}.site-production .home-world-status>b,.site-production .home-discord-status>b{grid-column:4;grid-row:1/3;color:#d6ae5d;font:14px Georgia,serif}.site-production .home-status.server-save-countdown{display:grid;gap:4px;text-align:center}.site-production .home-status.server-save-countdown>span{color:#b8a887;font:9px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.site-production .home-status.server-save-countdown strong{color:#e8c36f;font:small-caps bold 21px/1 Georgia,serif;letter-spacing:.08em}.site-production .home-discord-status{display:grid;grid-template-columns:28px auto 1fr 14px;grid-template-rows:auto auto;justify-content:start;column-gap:9px}.site-production .home-discord-status img{grid-column:1;grid-row:1/3;width:25px;height:25px;object-fit:contain;filter:sepia(.45)}.site-production .home-discord-status>span{grid-column:2;grid-row:1}.site-production .home-discord-status small{grid-column:2/4;grid-row:2}.site-production .home-status:hover{background:#d6a64c0b}.site-production .home-shell{gap:37px}.site-production .home-adventures{gap:18px}.site-production .home-art-card{min-height:260px;padding:25px 27px;box-shadow:inset 0 0 48px #0007}.site-production .home-art-card:after{background:linear-gradient(0deg,#100c09f2 0%,#100c0960 58%,#100c0910 100%),linear-gradient(90deg,#100c0933,#100c0900 75%)}.site-production .home-guides{margin-top:1px}.site-production .home-final{margin-top:0}
@media(max-width:1000px){.site-production .home-status-strip{max-width:100%;margin-top:-32px}.site-production .home-status{padding:11px}.site-production .home-art-card{min-height:230px}}
@media(max-width:650px){.site-production .hero-copy{padding:78px 18px 110px}.site-production .hero h1{font-size:clamp(37px,10vw,51px);line-height:1.02}.site-production .hero-copy .eyebrow{font-size:8px}.site-production .hero-copy>p{font-size:12px}.site-production .home-status-strip{grid-template-columns:1fr;margin:-27px 0 35px}.site-production .home-status{min-height:53px;justify-content:center;padding:8px 14px}.site-production .home-status+.home-status{border-top:1px solid #604a2d;border-left:0}.site-production .home-world-status{grid-template-columns:10px auto auto 14px}.site-production .home-status.server-save-countdown{display:flex;justify-content:space-between;padding-inline:18px;text-align:left}.site-production .home-status.server-save-countdown>span{font-size:8px}.site-production .home-status.server-save-countdown strong{font-size:17px}.site-production .home-discord-status{grid-template-columns:28px auto 1fr 14px}.site-production .home-shell{gap:29px}.site-production .home-art-card{min-height:205px}.site-production .home-guides{padding:19px 0}}

/* Browser-first promise, one Account action, and always-visible language flags. */
.site-production .topbar-menu{order:2}.site-production .language-switcher{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;order:2;padding:0 5px}.site-production .language-flag{display:grid;width:31px;height:24px;place-items:center;padding:3px;border:1px solid transparent;border-radius:3px;opacity:.72;transition:opacity .15s,border-color .15s,background .15s}.site-production .language-flag svg{display:block;width:24px;height:16px;border-radius:1px;box-shadow:0 1px 4px #0008}.site-production .language-flag:hover,.site-production .language-flag.active{border-color:#bd9550;background:#c99b4517;opacity:1}.site-production .language-flag:focus-visible,.site-production .account-trigger:focus-visible,.site-production .account-menu-button:focus-visible{outline:2px solid #e6bd68;outline-offset:3px}.site-production .topbar-menu{min-width:0}.site-production .auth{align-items:center;margin-left:auto;order:initial}.site-production .account-dropdown{position:relative;display:flex;align-items:center}.site-production .account-trigger{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid #d0a958;border-radius:3px;background:linear-gradient(#efd28c,#bc8c3e);box-shadow:inset 0 1px #fff9cf88,0 3px 10px #0005;color:#2b1d0b;font:700 10px Georgia,serif;letter-spacing:.1em;text-transform:uppercase}.site-production .account-trigger:hover{filter:brightness(1.1)}.site-production .account-dropdown .account-menu{right:auto;left:0;transform:none;min-width:174px;padding:5px;border:1px solid #765a31;background:#1a140d;box-shadow:0 12px 28px #000b}.site-production .account-menu>a,.site-production .account-menu .account-menu-button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;color:#ead9b6;text-align:left;text-decoration:none;font:600 11px Georgia,serif;white-space:nowrap}.site-production .account-menu>a:hover,.site-production .account-menu .account-menu-button:hover{background:#c99b451a;color:#f0cf7e}.site-production .account-menu form{margin:0;border-top:1px solid #594326}.site-production .account-menu .account-menu-button{cursor:pointer}.site-production .hero-copy .eyebrow{color:#e3bd68}.site-production .hero-copy>p{max-width:690px;font-size:15px}.site-production .hero-actions .button{min-width:166px}
@media(max-width:1000px){.site-production .topbar-menu{gap:12px}.site-production .topbar nav{gap:14px}.site-production .topbar nav a,.site-production .nav-dropdown-toggle{font-size:10px}.site-production .language-switcher{gap:4px;padding:0 2px}}
@media(max-width:850px){.site-production .language-switcher{margin:0 5px 0 auto;order:1}.site-production .mobile-menu-toggle{order:2}.site-production .topbar-menu{order:3}.site-production .topbar-menu.is-open{position:static;top:auto;right:auto;left:auto;z-index:auto;display:flex;flex-basis:100%;width:100%;max-height:none;flex-direction:column;align-items:stretch;gap:8px;overflow:visible;margin-top:14px;padding:13px 0 2px;border:0;border-top:1px solid #70552e;background:transparent;box-shadow:none}.site-production .topbar-menu.is-open nav{flex-direction:column;align-items:stretch;gap:2px}.site-production .topbar-menu.is-open nav>a,.site-production .topbar-menu.is-open nav .nav-dropdown-toggle{width:100%;padding:10px 8px;text-align:left}.site-production .topbar-menu.is-open .auth{justify-content:space-between;margin:7px 0 0;padding-top:12px;border-top:1px solid #604a2d}.site-production .topbar-menu.is-open .account-dropdown .account-menu{right:0;left:auto}.site-production .topbar-menu.is-open .nav-dropdown-menu{position:static;display:none;margin:0 0 5px 8px;box-shadow:none}.site-production .topbar-menu.is-open .nav-dropdown.is-open>.nav-dropdown-menu{display:block}}
@media(max-width:650px){.site-production .topbar{position:relative;gap:8px}.site-production .language-switcher{gap:2px}.site-production .language-flag{width:29px;height:23px}.site-production .hero-copy{padding-top:79px;padding-bottom:110px}.site-production .hero h1{font-size:clamp(39px,10.5vw,52px)}.site-production .hero-copy>p{max-width:450px;font-size:13px;line-height:1.55}.site-production .hero-copy .eyebrow{font-size:7px;letter-spacing:.16em}.site-production .account-trigger{min-height:35px}.site-production .topbar-menu.is-open .auth{flex-wrap:wrap}}


/* Keep dropdowns above the hero so their links receive pointer events. */
.site-production .topbar{position:relative;z-index:15}.site-production .topbar-menu{position:relative;z-index:16}.site-production .nav-dropdown-menu{z-index:25}.site-production .home-tavern{cursor:pointer}
