/* The hero tint follows the selected palette without filtering foreground artwork. */
:root{--hero-tint:233 243 248}
:root[data-theme="burgundy"]{--hero-tint:76 26 45}
:root[data-theme="emerald"]{--hero-tint:8 65 43}
/* Shared selectable palettes. Light retains the approved foundation in light-theme.css. */
:root[data-theme="burgundy"],:root[data-theme="emerald"],:root[data-theme="sapphire"]{
 color-scheme:dark;
 --page:#171315;--surface:#24191e;--sky:#35232b;--ink:#f1e5d4;--muted:#cdbfba;
 --gold:#e0b386;--gold-line:#806146;--line:#60464d;--field-line:#987a80;
 --primary:#e0b386;--primary-hover:#f2cda6;--focus:#f7d7a6;
 --error:#ffb4a8;--error-bg:#3c2023;--success:#b7dbb5;--success-bg:#1c3027;
 --info:#cbdbe6;--info-bg:#232d36;--shadow:0 12px 38px rgb(0 0 0 / 16%);
 --scene:url(optimized/v1/burgundy-palace.webp);--garden:url(optimized/v1/burgundy-garden.webp);--shade:23 19 21;--radius:3px;
}
:root[data-theme="emerald"]{
 --page:#081713;--surface:#10271f;--sky:#18382e;--ink:#f0f0df;--muted:#bdd0c6;
 --gold:#d7c79b;--gold-line:#788362;--line:#365d4e;--field-line:#789a8b;
 --primary:#d7c79b;--primary-hover:#eee1bb;--focus:#b1e8d2;
 --scene:url(optimized/v1/emerald-palace.webp);--garden:url(optimized/v1/emerald-garden.webp);--shade:8 23 19;--radius:7px;
}
/* The chooser is present on public, player and administration layouts. */
.theme-picker{position:relative;flex-shrink:0;font-size:16px;border:0;padding:0;margin:0;background:none}
.theme-picker summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid var(--gold);border-radius:var(--radius);padding:8px 12px;min-height:44px;cursor:pointer}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-picker summary::after{content:'';display:block;width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-2px) rotate(45deg);margin-left:4px}.theme-picker[open] summary::after{transform:translateY(2px) rotate(225deg)}
.theme-picker[open] summary{background:var(--sky)}
.theme-picker summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.theme-picker .theme-options{position:absolute;right:0;top:calc(100% + 10px);width:265px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--gold-line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow)}
.theme-options fieldset{border:0;padding:0;margin:0;min-width:0}
.theme-options legend{font-weight:600;padding:0;margin-bottom:8px}
.theme-options label{display:flex;align-items:center;gap:10px;min-height:46px;cursor:pointer;font-size:16px}
.theme-options input{width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:var(--gold);flex-shrink:0}
.theme-options label:has(input:checked){color:var(--gold)}
.theme-options small{display:block;font-size:14px;line-height:1.4;margin-top:8px}
.site-header{gap:18px}.site-header>.brand{margin-right:auto}
.site-header nav{gap:clamp(14px,1.5vw,36px)}
.site-header .brand{width:clamp(190px,18vw,280px)}
:root:not([data-theme="light"]) .site-header{background:linear-gradient(100deg,var(--page),var(--surface),var(--page))}
.hero,:root:not([data-theme="light"]) .hero{background-image:linear-gradient(rgb(var(--hero-tint) / 40%),rgb(var(--hero-tint) / 40%)),url(home/rising-bg.webp);background-position:center 35%}
:root:not([data-theme="light"]) .hero::before{background:linear-gradient(90deg,rgb(var(--shade) / 72%),rgb(var(--shade) / 54%) 39%,transparent 74%)}
:root:not([data-theme="light"]) .hero-content{text-shadow:0 2px 14px rgb(0 0 0 / 40%)}
:root:not([data-theme="light"]) .button,:root:not([data-theme="light"]) .nav-create{text-shadow:none;color:var(--page)}
:root:not([data-theme="light"]) .button.secondary{background:rgb(var(--shade) / 85%);color:var(--ink)}
:root:not([data-theme="light"]) .button.secondary:hover{background:var(--sky);color:var(--gold)}
:root:not([data-theme="light"]) .news-card{border:1px solid var(--line);background:var(--surface)}
:root:not([data-theme="light"]) .chronicles{background:var(--page)}
:root:not([data-theme="light"]) .begin-section{background:linear-gradient(90deg,rgb(var(--shade) / 97%),rgb(var(--shade) / 86%) 60%,rgb(var(--shade) / 65%)),var(--scene) right 25%/cover}
:root:not([data-theme="light"]) .community-banner{background:linear-gradient(90deg,rgb(var(--shade) / 91%),rgb(var(--shade) / 82%)),var(--scene) center 65%/cover}
:root:not([data-theme="light"]) .page-masthead{background:linear-gradient(90deg,rgb(var(--shade) / 96%),rgb(var(--shade) / 82%)),var(--scene) right 20%/cover}
:root:not([data-theme="light"]) .registration-page .page-content{background:linear-gradient(90deg,rgb(var(--shade) / 35%),rgb(var(--shade) / 86%) 63%,var(--page)),var(--scene) center 62%/cover no-repeat}
:root:not([data-theme="light"]) input::placeholder,:root:not([data-theme="light"]) textarea::placeholder{color:var(--muted);opacity:1}
@media(min-width:901px) and (max-width:1250px){
 :root{--header:85px}.menu-toggle{display:flex;gap:14px;align-items:center;min-height:44px;padding:9px 15px;border:1px solid var(--gold);border-radius:var(--radius);background:var(--surface);color:var(--ink)}
 .site-header nav{display:none;position:absolute;top:var(--header);left:0;right:0;padding:22px var(--space);background:var(--surface);border-bottom:1px solid var(--gold-line);box-shadow:var(--shadow)}
 .site-header nav.open{display:grid}.site-header nav a{padding:8px 12px}
}
@media(max-width:900px){
 :root:not([data-theme="light"]) .hero::before{background:linear-gradient(180deg,rgb(var(--shade) / 91%),rgb(var(--shade) / 81%) 42%,rgb(var(--shade) / 8%) 75%)}
 :root:not([data-theme="light"]) .registration-page .page-content{background:linear-gradient(180deg,rgb(var(--shade) / 40%),var(--page) 650px),var(--scene) center top/auto 750px no-repeat}
}
@media(max-width:600px){.site-header{gap:9px}.site-header .brand{width:clamp(125px,35vw,180px)}.menu-toggle{padding:8px 10px;gap:7px;font-size:15px}.theme-picker{font-size:15px}.theme-picker summary{padding:8px 10px}}

:root[data-theme="sapphire"]{--page:#071426;--surface:#10243c;--sky:#173652;--ink:#edf5ff;--muted:#b5c9df;--gold:#edc778;--gold-line:#88764d;--line:#35516f;--field-line:#6989ad;--primary:#79c9ff;--primary-hover:#a8dfff;--focus:#f4d38b;--hero-tint:8 39 76;--shade:7 20 38;--radius:7px;--info:#c8e9ff;--info-bg:#102e4a;}

.stats-grid .stat strong{overflow-wrap:anywhere;font-size:clamp(18px,2vw,28px)}
.reborn-link-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.reborn-link-steps article{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--page)}.reborn-link-steps b{color:var(--gold)}.reborn-link-steps h3{font-size:20px}.reborn-link-opening{text-align:center;padding:40px 25px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--sky),var(--surface))}@media(max-width:750px){.reborn-link-steps{grid-template-columns:1fr}}

/* Dashboard: two balanced rows with readable account values. */
.stats-grid.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-stat{display:flex;align-items:center;gap:24px;min-height:145px;border-radius:16px;background:linear-gradient(120deg,var(--surface),var(--sky))}
.dashboard-stat>div{min-width:0}
.dashboard-stat-icon{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:16px;background:var(--primary);color:var(--page);box-shadow:0 6px 20px rgb(0 0 0 / 18%)}
.dashboard-stat-icon svg{width:30px;height:30px}
.dashboard-stats .stat strong{font-family:var(--body);font-weight:700;font-size:clamp(19px,1.8vw,26px);line-height:1.4}
.dashboard-stats .stat .eyebrow{margin-bottom:8px}.dashboard-stats .stat strong+p{margin-top:5px}
@media(max-width:650px){.stats-grid.dashboard-stats{grid-template-columns:1fr}.dashboard-stat{padding:22px;gap:18px}}

/* Reborn verification and compensation, using the active website palette. */
.reborn-link-panel{overflow:hidden}.reborn-claim-rule{padding:20px 24px;border-left:3px solid var(--gold);background:var(--sky);border-radius:8px;margin-bottom:26px}.reborn-claim-rule p{margin:8px 0 0;color:var(--muted)}.reborn-verify-form{max-width:560px;margin:30px auto;padding:28px;background:var(--page);border:1px solid var(--gold-line);border-radius:16px}.reborn-verify-form .button{width:100%}.reborn-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.reborn-snapshot article{display:grid;gap:8px;padding:22px;background:var(--sky);border-radius:12px;min-width:0}.reborn-snapshot small,.reborn-snapshot span{color:var(--muted);font-size:14px}.reborn-snapshot strong{font-size:24px;overflow-wrap:anywhere}.reborn-rewards-title{margin-top:36px}.reborn-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reborn-reward{padding:22px;background:var(--page);border:1px solid var(--line);border-radius:12px}.reborn-reward.earned{border-color:var(--gold);background:var(--sky)}.reborn-reward h4{font-family:var(--body);font-size:21px;margin:12px 0}.reborn-reward p{margin:8px 0 16px}.reborn-reward-status{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:var(--muted)}.earned .reborn-reward-status{color:var(--gold);border-color:var(--gold-line)}.reborn-confirm{padding:26px;background:var(--sky);border:1px solid var(--gold-line);border-radius:16px;margin-top:24px}.reborn-source-note{font-size:14px;color:var(--muted);margin-top:20px}@media(max-width:1000px){.reborn-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reborn-snapshot{grid-template-columns:1fr}}@media(max-width:600px){.reborn-reward-grid{grid-template-columns:1fr}.reborn-verify-form,.reborn-confirm{padding:20px}.reborn-link-panel .reborn-link-steps{gap:8px}.reborn-link-panel .reborn-link-steps article{padding:16px}}
/* Compact Reborn steps and reward cards share the current theme. */
.reborn-link-panel .reborn-link-steps{gap:12px;margin:24px 0}.reborn-link-panel .reborn-link-steps article{display:flex;align-items:center;gap:14px;padding:18px}.reborn-link-panel .line-icon{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reborn-link-panel .reborn-link-steps p{font-size:14px;margin:6px 0 0;line-height:1.5}.reborn-link-panel .reborn-link-steps b{font-size:15px}.reborn-link-panel .reborn-delivery-status{background:var(--sky);padding:28px;text-align:left;border-color:var(--gold-line)}.reborn-delivery-status>.line-icon{width:38px;height:38px;float:left;margin-right:18px}.reborn-delivery-status h3{margin:8px 0}.reborn-delivery-status p:last-child{margin-bottom:0}.reborn-reward>.line-icon{display:block;margin-bottom:14px}.reborn-link-panel .reborn-reward h4{font-size:18px}.reborn-link-panel .reborn-reward-status{font-weight:600}.reborn-link-panel .reborn-verify-form{margin:24px 0;max-width:600px}.reborn-link-panel .reborn-claim-rule{padding:16px 20px}.reborn-link-panel .reborn-claim-rule p{font-size:14px}@media(max-width:750px){.reborn-link-panel .reborn-link-steps{grid-template-columns:1fr}.reborn-link-panel .reborn-link-steps article{padding:12px 16px}.reborn-link-panel .reborn-link-steps p{margin-top:3px}.reborn-link-panel .reborn-delivery-status{padding:20px}}
.reborn-reward-category{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.reborn-category-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.reborn-category-heading h3{margin:0;font-size:24px}.reborn-category-heading p{margin:6px 0 0;color:var(--muted);font-size:15px}.reborn-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reborn-item-id{display:block;margin-top:5px;font-size:12px;color:var(--muted)}@media(max-width:600px){.reborn-age-grid{grid-template-columns:1fr}.reborn-category-heading h3{font-size:21px}}
/* Gold purchase and monthly milestone presentation. */
.topup-layout{align-items:start;gap:24px}.topup-layout h2{font-size:clamp(24px,2.4vw,34px)}.topup-purchase .action-form>.button{width:100%}.topup-purchase select{font-size:18px;min-height:58px}.topup-steps{list-style:none;counter-reset:purchase;padding:0;margin:24px 0;display:grid;gap:22px}.topup-steps li{counter-increment:purchase;display:grid;grid-template-columns:36px 1fr;column-gap:14px}.topup-steps li:before{content:counter(purchase);grid-row:span 2;border:1px solid var(--gold-line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--gold);background:var(--page)}.topup-steps strong{color:var(--ink)}.topup-steps span{color:var(--muted);font-size:15px;line-height:1.6}.monthly-bonuses{margin-top:30px;padding:32px;border:1px solid var(--gold-line);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--page));box-shadow:inset 0 1px 0 var(--gold-line);overflow:hidden}.monthly-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.monthly-heading h2{margin:0;color:var(--gold);font-size:clamp(23px,2.4vw,32px)}.monthly-bonuses .line-icon{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:2;flex-shrink:0}.monthly-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 18px}.monthly-summary span{display:block;font-size:14px;color:var(--muted)}.monthly-summary strong{display:block;font-size:30px;color:var(--gold)}.monthly-summary small{font-size:15px}.monthly-summary p{color:var(--muted);font-size:14px}.monthly-progress-label{font-size:13px;color:var(--muted)}.monthly-bonuses progress{display:block;width:100%;height:18px;margin:10px 0 26px;border:1px solid var(--gold-line);border-radius:30px;overflow:hidden;background:var(--sky);appearance:none}.monthly-bonuses progress::-webkit-progress-bar{background:var(--sky)}.monthly-bonuses progress::-webkit-progress-value{background:linear-gradient(90deg,var(--gold-line),var(--gold));border-radius:30px}.monthly-bonuses progress::-moz-progress-bar{background:var(--gold);border-radius:30px}.monthly-milestones{display:flex;gap:16px;overflow-x:auto;padding:8px 3px 20px;scroll-snap-type:x proximity}.monthly-milestone{flex:1 0 140px;min-width:0;text-align:center;position:relative;scroll-snap-align:start}.milestone-dot{width:8px;height:8px;border:1px solid var(--gold);border-radius:50%;margin:0 auto 20px}.is-delivered .milestone-dot,.is-reached .milestone-dot{background:var(--gold);box-shadow:0 0 12px var(--gold-line)}.monthly-item{width:76px;height:76px;position:relative;margin:0 auto 18px;display:grid;place-items:center;border:1px solid var(--gold-line);border-radius:14px;background:var(--sky);box-shadow:0 5px 22px #0002}.monthly-item img{width:64px;height:64px;object-fit:contain;border-radius:9px}.monthly-quantity{position:absolute;right:-12px;top:-10px;background:var(--gold);color:var(--page);padding:3px 8px;border-radius:20px;font-size:12px;font-weight:800;box-shadow:0 2px 6px #0003}.monthly-threshold{color:var(--gold);font-size:16px}.monthly-milestone h3{font-family:var(--body);font-size:14px;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}.monthly-status{display:inline-block;font-size:12px;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:20px}.is-delivered .monthly-status{color:var(--gold);border-color:var(--gold-line)}.monthly-milestone details{font-size:13px;margin-top:12px}.monthly-milestone summary{cursor:pointer;color:var(--muted)}.monthly-milestone details p{font-size:13px;line-height:1.5}.monthly-footnote{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-top:16px;border:1px dashed var(--gold-line);border-radius:12px;background:var(--sky)}.monthly-footnote p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}@media(max-width:700px){.topup-layout{grid-template-columns:1fr}.monthly-bonuses{padding:22px 16px}.monthly-summary{align-items:start;flex-direction:column;gap:4px}.monthly-milestone{flex-basis:145px}.monthly-heading>.line-icon{display:none}.monthly-footnote{align-items:start;padding:14px}.monthly-heading h2{font-size:23px}}
button.monthly-item{padding:0;cursor:help;color:var(--ink);font:inherit}button.monthly-item:hover,button.monthly-item:focus-visible{border-color:var(--gold);box-shadow:0 0 18px var(--gold-line);outline:2px solid var(--gold);outline-offset:4px}.monthly-reward-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-sizing:border-box;padding:16px 18px;border:1px solid var(--gold-line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 30px #0005;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.monthly-reward-tooltip[hidden]{display:none}
.monthly-repeat-note{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 0;padding:18px 24px;border:1px dashed var(--gold);border-radius:12px;background:var(--sky);text-align:center}.monthly-repeat-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.monthly-repeat-note strong{color:var(--gold)}@media(max-width:600px){.monthly-repeat-note{padding:16px;align-items:start;text-align:left}.monthly-repeat-note>.line-icon{width:24px;height:24px}}

.monthly-bonuses .monthly-footnote{justify-content:center;text-align:center;align-items:center}
.monthly-carousel{position:relative}
.reward-scroll-controls{position:absolute;inset:0;z-index:2;pointer-events:none}.reward-scroll-controls[hidden]{display:none}
.reward-scroll-controls button{position:absolute;top:104px;display:grid;place-items:center;width:30px;height:38px;min-width:0;min-height:0;padding:3px;border:1px solid rgb(255 255 255 / 45%);border-radius:8px;background:rgb(4 12 24 / 78%);color:#fff;opacity:1;box-shadow:0 3px 12px #0006;cursor:pointer;pointer-events:auto;transition:opacity .15s,background .15s}
.reward-scroll-controls [data-reward-prev]{left:0}.reward-scroll-controls [data-reward-next]{right:0}
.reward-scroll-controls button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #0008)}
.reward-scroll-controls button:disabled{visibility:hidden;pointer-events:none}.reward-scroll-controls button:hover:not(:disabled),.reward-scroll-controls button:focus-visible{opacity:1;background:rgb(4 12 24 / 95%)}.reward-scroll-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.reward-scroll-controls button{transition:none}}

@media(max-width:600px){.player-transaction-history th:nth-child(2),.player-transaction-history td:nth-child(2){display:none}.player-transaction-history table{table-layout:fixed;font-size:14px}.player-transaction-history th,.player-transaction-history td{padding:12px 10px;white-space:normal;overflow-wrap:anywhere}.player-transaction-history th:first-child{width:42%}}