/* NIU6NIU approved palette. Loaded only by Website / Admin / Agent. */
:root{--brand-black:#090A0B;--brand-gold:#B9A17B;--brand-white:#E7E3DA;--bg:var(--brand-black);--panel:color-mix(in srgb,var(--brand-white) 5%,var(--brand-black));--line:color-mix(in srgb,var(--brand-white) 14%,transparent);--muted:color-mix(in srgb,var(--brand-white) 68%,var(--brand-black));--blue:var(--brand-gold);--purple:var(--brand-gold);--accent:var(--brand-gold);--cyan:var(--brand-gold);color:var(--brand-white);background:var(--brand-black);font-family:Inter,'Noto Sans SC','PingFang SC',system-ui,sans-serif}
body{background:var(--brand-black);color:var(--brand-white)}
header,aside,.mode{background:var(--brand-black);border-color:var(--line)}
button,input,select,textarea{font:inherit;color:var(--brand-white);accent-color:var(--brand-gold)}
button,a,input,select,summary{outline-color:var(--brand-gold)}
:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}
button,input,select,textarea,.panel,.stat,.metric,.table,.game-card,.tutorial-card,.rule-chapter,.benefit-grid article,.entry-card,.language-choice,.mock-field,.mock-balance,.point-panel,.flow-panel,.security-strip,.final-cta,dialog{background:var(--panel);border-color:var(--line);box-shadow:none}
button:hover,a:hover{border-color:var(--brand-gold)}
.primary,.button,.mock-button{background:var(--brand-gold);color:var(--brand-black);border:1px solid var(--brand-gold);box-shadow:none;clip-path:none;border-radius:10px}
.secondary{color:var(--brand-white);border-color:var(--line)}
.eyebrow,.chapter-number,.text-link,.official-reference,.stat strong,.metric strong,.art-label,.brand small{color:var(--brand-gold)}
h1,h2,h3,h4,strong,th{color:var(--brand-white)}
h1 em{background:none;color:var(--brand-gold)}
p,.row span,.stat small,.footer,.hero-tags,.footer-bottom{color:var(--muted)}
.error,.ok,.pending,.water-badge,.pill,.badge{color:var(--brand-gold)}
.error[role=alert]{border-left:2px solid var(--brand-gold);padding-left:10px}
.login{background:var(--brand-black)}.login form{background:var(--panel);border-color:var(--line)}
.brand img,.intro img{object-fit:contain;mix-blend-mode:normal;border-radius:0}
.brand img{width:56px;height:56px}.intro img{max-height:300px}
nav button.active,nav a.selected,.language-choice.active{color:var(--brand-white);background:color-mix(in srgb,var(--brand-gold) 14%,var(--brand-black));border-color:var(--line);box-shadow:inset 2px 0 var(--brand-gold)}
.nav-group{display:grid;gap:4px}.nav-caption{font-size:10px;letter-spacing:2px;margin:24px 14px 8px;color:var(--muted)}.nav-group:first-child .nav-caption{margin-top:0}
.stats{gap:18px}.stat{border-top:1px solid var(--line)}.stat strong{font-variant-numeric:tabular-nums;font-weight:600}.panel{border-radius:12px}.workspace{background:var(--brand-black)}
th{background:color-mix(in srgb,var(--brand-white) 8%,var(--brand-black))}td,th,.top,.row{border-color:var(--line)}tbody tr:hover{background:color-mix(in srgb,var(--brand-gold) 7%,transparent)}
.qa-panel select,.toolbar select,.panel select,#water-language,#qa-auth-dialog{background:var(--panel);color:var(--brand-white);border-color:var(--line)}.qa-panel h2[role=alert],.qa-panel [data-disable],#qa-pin-error{background:var(--panel);color:var(--brand-gold);border-color:var(--brand-gold)}
.hero:before,.orbit{background:none;box-shadow:none;border:0}.hero-art{background:var(--panel);border:1px solid var(--line);box-shadow:none;transform:none}.hero-art>img{mix-blend-mode:normal;filter:none;border-radius:18px}.vertical{color:var(--muted)}
.status-bar,.guide-section,.benefits-section{background:color-mix(in srgb,var(--brand-white) 3%,var(--brand-black));border-color:var(--line)}
.eyebrow i,.live-dot{background:var(--brand-gold);box-shadow:none}
.chapter-nav a,.poster-button>span,.art-toolbar,.mini-screen,.mini-screen-top,.tutorial-visual,.phone,.phone-header,.message,.flow>div{background:var(--panel);color:var(--brand-white);border-color:var(--line);box-shadow:none}
.editorial-note{background:color-mix(in srgb,var(--brand-gold) 5%,transparent);border-color:var(--brand-gold);color:var(--muted)}
.poster-button img,.art-scroll img{filter:grayscale(1)}
.art-viewer,.art-toolbar button{background:var(--brand-black);color:var(--brand-white);border-color:var(--line)}
.rule-chapter,.final-cta{background:var(--panel)}
.game-art,.playing-card,.packet-icon,.benefit-grid article>b,.big-six{color:var(--brand-gold);background:var(--brand-black);text-shadow:none;border-color:var(--line);box-shadow:none}.card-suits span{color:var(--brand-white)}
.benefits-section{position:relative;overflow:hidden}.benefits-section:before{content:'';display:block;height:180px;max-width:1144px;margin:40px auto 0;background:url('/shared/brand/hero-champagne.png') center 40%/contain no-repeat;opacity:.9}
button:disabled{opacity:.45;cursor:not-allowed}dialog::backdrop{background:rgb(9 10 11 / 88%)}
@media(min-width:851px){aside{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}nav button{width:100%}}
@media(max-width:850px){.nav-group{display:flex;flex:none;gap:5px}.nav-caption{display:none}.brand img{width:44px;height:44px}aside nav{padding-bottom:8px}.benefits-section:before{height:120px}.workspace{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.approved-bull{display:inline-block;width:50px;height:52px;background:url('website-reference.png') -114px -13px/1672px 941px no-repeat;flex:none}.intro .approved-bull{transform:scale(2);margin:35px}