:root{color-scheme:dark;--bg:#101210;--text:#e8e0cc;--muted:#b6b4a9;--gold:#dfc28a;--line:#645139}
.status-label{font-variant-numeric:tabular-nums}.status-available{color:#afd6ac!important}.status-degraded,.status-maintenance{color:#e5c68b!important}.status-unavailable{color:#e0a59b!important}.status-time{font:13px/1.5 system-ui,sans-serif}.server-status-summary .status-label{font-size:16px;font-weight:600}.server-status table{margin:20px 0}.server-status td{font:13px/1.5 system-ui,sans-serif}
.item-art{height:104px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px;background:#11181380}.item-art img{object-fit:contain;max-height:96px;max-width:96px;width:64px;height:96px}.item-art span{font:11px/1.5 system-ui,sans-serif;color:var(--muted)}
*{box-sizing:border-box}body{margin:0;background:#101210 url('/assets/remaster/original-world-background.jpg') center top/1920px auto no-repeat;color:var(--text);font:16px/1.6 Georgia,'Times New Roman',serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f5df9a;outline-offset:4px}a,button,summary{touch-action:manipulation}img{max-width:100%;height:auto}.site{max-width:1280px;margin:auto;padding:0 18px}.preview{font:11px/1.6 system-ui,sans-serif;background:#101613;color:#c2c0b0;text-align:center;padding:7px 15px;letter-spacing:.12em}.preview span{margin-left:15px;letter-spacing:0}.skip{position:fixed;top:-150px;left:20px;padding:12px;background:#101210;z-index:20}.skip:focus{top:10px}
.nav-shell{min-height:76px;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 30px;background:url('/assets/remaster/original-stone-nav.jpg') center/100% 100% no-repeat}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 28px}.main-nav a{font-size:15px;letter-spacing:.05em;padding:10px 0;color:#c5c6bb}.main-nav a[aria-current]{color:#ffe6ad;text-decoration:underline;text-underline-offset:9px}.languages{display:flex;gap:5px;flex-shrink:0}.languages a{font:12px/1 system-ui,sans-serif;color:#b9b8ac;padding:12px 9px}.languages a[aria-current]{color:#ffe0a0;border-bottom:1px solid #a48450}
.masthead{height:376px;background:url('/assets/remaster/warrior-masthead.png') center/cover no-repeat;position:relative;display:flex;align-items:center}.masthead-copy{width:64%;text-align:center;padding:0 28px 5px}.brand{display:block;max-width:450px;margin:auto}.brand img{display:block;width:100%;margin-top:-42px;margin-bottom:-34px}.brand span{display:block;color:#f1d8a3;letter-spacing:.5em;font:16px Georgia,serif;padding-left:.5em;position:relative;z-index:1}.eyebrow{font:10px/1.6 system-ui,sans-serif;letter-spacing:.19em;color:var(--gold);margin:0 0 10px}.masthead .eyebrow{font-size:11px;margin:4px 0 8px}.motto{font-size:22px;color:#deded5;margin:0;text-shadow:0 2px 6px #000}.account-ribbon{display:flex;align-items:center;justify-content:center;gap:20px;min-height:104px;padding:12px 24px;background:url('/assets/remaster/original-stone-nav.jpg') center/100% 100% no-repeat}.account-ribbon>span{color:#c2bdac;font-size:14px;margin-right:10px}
.button{display:inline-flex;min-height:58px;min-width:145px;justify-content:center;align-items:center;background:transparent url('/assets/remaster/emerald-button.png') center/100% 173% no-repeat;padding:14px 30px;color:#f0ddaf;font:15px/1.2 Georgia,serif;text-align:center;border:0;cursor:pointer}.button:hover{filter:brightness(1.18);text-decoration:none}.button:active{filter:brightness(.95)}
.portal-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:12px;align-items:start;margin-top:12px}.left-column,.right-column{display:grid;gap:12px;min-width:0}.frame,.card,.content-frame{background:transparent url('/assets/remaster/ornate-panel.png') center/100% 100% no-repeat;min-width:0}.frame{padding:36px 24px 32px;text-align:center}.frame h2{font-size:19px;line-height:1.3;color:var(--gold);margin:8px 0 18px}.frame p{font-size:13px;color:var(--muted);margin:12px 0}.frame .button{font-size:13px;min-width:0;width:100%;min-height:50px;padding-left:18px;padding-right:18px}.frame>a:not(.button){font-size:13px}.categories nav{display:grid;text-align:left;gap:3px}.categories nav a{font-size:14px;line-height:1.3;padding:12px 4px;color:#c5c1af;display:flex;justify-content:space-between;gap:10px;min-height:44px;border-bottom:1px solid #39342b}.categories nav a[aria-current]{color:#ffe3a5}.categories nav small{font:11px/1.8 system-ui,sans-serif;color:#a39478}.content-frame{padding:38px 36px 48px;min-height:600px}.section-heading{text-align:center;margin:0 0 24px}.section-heading .eyebrow{margin-bottom:7px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.22}h1{font-size:32px;color:#eed49e;margin:0}h2{font-size:25px;color:#e5d3ad;margin:10px 0 16px}h3{font-size:19px;color:#ede0c6;margin:8px 0 16px}p{color:var(--muted);margin:12px 0}.gold{color:var(--gold)!important}.article{padding:5px 4px 26px}.article+.article{border-top:1px solid #463c2e;padding-top:30px}.article p{font-size:15px}.notice{font-size:14px;color:var(--muted);margin:12px 0}.notice p{font-size:13px}.notice summary{color:var(--gold)}summary{cursor:pointer;min-height:40px;padding:8px 0}.integration-note{font-size:12px!important;line-height:1.5;color:#9a9d95}.shop-intro h2{margin-top:0;font-size:23px}.shop-search{display:grid;gap:7px;margin:22px 0 12px}.shop-search label{font:12px/1.5 system-ui,sans-serif;color:#ccc5b2}.search-row{display:flex;align-items:center;gap:8px}.search-row input{flex:1;min-width:0}.search-row .button{min-width:120px;min-height:52px}.shop-search input,.shop-search select,.account-form input:not([type=hidden]){background:#161916;color:#e0dbc9;border:1px solid #746246;font:14px/1.4 system-ui,sans-serif;border-radius:0;min-height:44px;padding:10px 12px;width:100%;min-width:0}.shop-search select{cursor:pointer}.result-count{font:12px/1.5 system-ui,sans-serif;color:#b7af9a;margin:22px 0 14px}.shop-grid,.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:27px 24px 30px;min-height:215px;overflow-wrap:anywhere}.card .eyebrow{font-size:9px}.card p,.card summary{font-size:13px}.card h3{min-height:46px}.card>small{font:10px/1.5 system-ui,sans-serif;color:#c8b98f}.badge{display:inline-block;color:#b6af9a;font:11px/1.5 system-ui,sans-serif;margin-top:10px}.card details p{max-height:210px;overflow:auto;padding-right:5px}.shop-pages{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.shop-pages .button{font-size:14px;min-width:140px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:12px}th,td{padding:10px;border-bottom:1px solid #4c4333}thead{color:var(--gold)}.account-form{display:grid;gap:9px;max-width:380px}.account-form label{font-size:14px}.account-form .button{margin-top:10px}.account-form button{justify-self:start}footer{text-align:center;padding:20px 20px 40px;color:#8b9187}footer img{width:210px;margin-bottom:-35px}footer p{font-size:13px}footer small{font:11px/1.5 system-ui,sans-serif}
.in-game .site{max-width:1100px}.in-game .nav-shell{min-height:52px;justify-content:flex-end}.in-game .portal-layout{grid-template-columns:210px minmax(0,1fr)}
@media(min-width:1450px){.site{max-width:1370px}.portal-layout{grid-template-columns:230px minmax(0,1fr) 230px}.masthead{height:400px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding-left:22px;padding-right:22px}}
@media(max-width:1050px){.portal-layout{grid-template-columns:205px minmax(0,1fr)}.right-column{display:none}.main-nav{gap:3px 17px}.nav-shell{padding:12px 18px;gap:10px}.main-nav a{font-size:14px}.masthead{height:330px}.content-frame{padding:36px 28px 45px}.account-ribbon{gap:10px}.account-ribbon>span{max-width:230px}.frame{padding-left:22px;padding-right:22px}}
@media(max-width:700px){.site{padding:0 7px}.preview{font-size:10px;padding:5px 10px}.preview span{display:block;margin:2px 0}.nav-shell{flex-direction:column;gap:3px;padding:10px}.main-nav{gap:0 20px}.main-nav a{font-size:13px;min-height:42px}.languages a{padding:10px 14px}.masthead{height:245px;background-position:68% center}.masthead-copy{width:67%;padding:0 8px}.brand span{font-size:11px}.brand img{margin-top:-18px;margin-bottom:-16px}.masthead .eyebrow{font-size:8px;letter-spacing:.08em}.motto{font-size:16px}.account-ribbon{min-height:82px;padding:8px;gap:6px}.account-ribbon>span{display:none}.account-ribbon .button{min-width:140px;min-height:52px;font-size:13px}.portal-layout,.in-game .portal-layout{display:flex;flex-direction:column;gap:10px}.left-column{width:100%}.left-column>.frame:not(.categories){display:none}.categories{padding:24px 24px 23px}.categories h2{font-size:17px;margin:6px 0}.categories nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding:4px 2px 10px}.categories nav a{white-space:nowrap;flex:none;font-size:13px;gap:8px;padding:11px 9px}.content-frame{width:100%;padding:30px 23px 38px;min-height:430px}.section-heading{margin-bottom:20px}h1{font-size:28px}.shop-grid{gap:7px}.card{padding:25px 18px 26px;min-height:215px}.card h3{font-size:17px}.card .eyebrow{font-size:8px;letter-spacing:.08em}.search-row .button{min-width:105px;padding:12px 20px}.shop-pages .button{min-width:125px;font-size:13px}.grid-two{grid-template-columns:1fr}.in-game .nav-shell{flex-direction:row;justify-content:flex-end}.in-game .site{padding:0 7px}footer{padding-top:15px}}
@media(max-width:360px){.shop-grid{grid-template-columns:1fr}.card{min-height:170px}.masthead{height:215px}.main-nav{gap:0 12px}.motto{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:700px){.offers-grid{grid-template-columns:1fr}.offers-grid .button{max-width:100%}}
/* Nine-slice the rendered frame: preserve the painted corners instead of stretching them. */
.pet-odds{margin:20px 0;padding:12px;border:1px solid var(--line);font:14px/1.55 system-ui,sans-serif}.card .pet-odds summary{font-size:15px;min-height:44px;padding:9px 0;cursor:pointer;color:var(--gold)}.card .pet-odds p{max-height:none;overflow:visible;font-size:14px}.pet-odds h3{min-height:0;margin:18px 0 10px;font-size:17px}.pet-odds h4{margin:16px 0 6px}.pet-type-odds{font:14px/1.5 system-ui,sans-serif}.pet-type-odds caption{font-size:14px;padding:10px 0}.pet-type-odds th,.pet-type-odds td{padding:8px}.pet-type-odds td{font-variant-numeric:tabular-nums}.pet-initial-odds{margin:0}.pet-initial-odds>div{padding:10px 0;border-bottom:1px solid #4c4333}.pet-initial-odds dt{color:var(--gold)}.pet-initial-odds dd{margin:4px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-variant-numeric:tabular-nums}.pet-initial-odds dd span{display:block}.pet-growth-odds{margin-top:14px}.pet-odds summary:focus-visible{outline-offset:2px}
.order-list{display:grid;gap:18px;margin-top:24px}.order-header{display:flex;align-items:center;gap:14px}.order-header img{width:48px;height:64px;object-fit:contain;flex:none}.order-header h2{font-size:22px;margin:4px 0;overflow-wrap:anywhere}.order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;font:13px/1.5 system-ui,sans-serif}.order-facts>div:first-child{grid-column:1/-1}.order-facts dt{color:var(--muted);font-size:12px}.order-facts dd{margin:3px 0 0;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.order-status{border-top:1px solid var(--line);padding-top:12px}.order-status h3{font-size:18px;min-height:0;margin:0}.order-status p{margin:8px 0}.order-reference code{display:block;font-size:12px;overflow-wrap:anywhere;user-select:all}.order-reference summary{font-size:13px;min-height:44px}.order-history .shop-pages{flex-wrap:wrap}.order-card{min-height:0}
.frame,.card,.content-frame{background:none;border-style:solid;border-color:transparent;border-width:30px 28px;border-image: url('/assets/remaster/ornate-panel.png') 120 105 110 105 fill stretch}
.frame{padding:7px 3px 8px}.content-frame{padding:10px 12px 20px}.card{border-width:24px 20px;padding:4px 2px 8px}
.content-frame{border-image-slice:120 105 110 105;background:#101210 url('/assets/remaster/original-world-background.jpg') center top/1920px auto repeat-y}
@media(max-width:700px){.frame{border-width:23px 20px;padding:4px 2px 5px}.content-frame{border-width:24px 18px;padding:6px 8px 15px}.card{border-width:18px 12px;padding:6px 2px 8px}.categories nav{padding-bottom:8px}.categories{min-width:0}.categories h2{margin:0 0 4px}}
@media(max-width:420px){.shop-grid{grid-template-columns:1fr}.shop-grid .card{min-height:0;padding:12px 16px 16px}.shop-grid .card h3{min-height:0;font-size:20px}.shop-grid .card .badge{font-size:13px}.shop-grid .item-art{height:88px;margin:4px 0 9px}}
/* Keep the original painted hero, but bring interior-page content above the fold. */
.portal-interior .masthead{height:238px;background-position:center 31%}
.portal-interior .masthead-copy{width:57%}
.portal-interior .brand{max-width:300px}
.portal-interior .brand img{margin-top:-28px;margin-bottom:-27px}
.portal-interior .masthead .eyebrow{margin:1px 0 3px}
.portal-interior .motto{font-size:18px}
.portal-interior .account-ribbon{min-height:78px}
.portal-interior .account-ribbon .button{min-height:50px}
@media(max-width:1050px){.portal-interior .masthead{height:220px}.portal-interior .brand{max-width:275px}}
@media(max-width:700px){.portal-interior .masthead{height:166px;background-position:68% 30%}.portal-interior .masthead-copy{width:66%}.portal-interior .brand{max-width:220px}.portal-interior .brand img{margin-top:-16px;margin-bottom:-17px}.portal-interior .masthead .eyebrow{font-size:8px}.portal-interior .motto{font-size:14px}.portal-interior .account-ribbon{min-height:68px}.portal-interior .account-ribbon .button{min-height:46px}}
@media(max-width:360px){.portal-interior .masthead{height:154px}.portal-interior .motto{font-size:12px}}
