/* Karos / Niki v2: shared visual treatment; existing scene and layout stay in place. */
@import url('./assets/brand/tokens.css');
@font-face{font-family:"Cormorant Garamond";src:url('./assets/brand/CormorantGaramond-Variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}

:root{color-scheme:dark;--bg:var(--niki-coal);--ui-bg:var(--niki-coal);--ink:var(--niki-text);--muted:var(--niki-muted);--ui-muted:var(--niki-muted);--gold:var(--niki-gold);--paper:var(--niki-panel);--paper-alt:#302b30;--paper-ink:var(--niki-text);--paper-muted:var(--niki-muted);--rule:#8e76534d;--display:"Cormorant Garamond",Georgia,serif}
body,body:not([data-page=home]){background:radial-gradient(ellipse at 85% 0,#34263242,transparent 55%),var(--niki-coal);color:var(--niki-text)}
::selection{background:#634d76;color:#fff7e5}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--niki-focus);outline-offset:4px}
.header,body:not([data-page=home]) .header,.header.is-scrolled{background:#19171cef;border-color:var(--niki-bronze);box-shadow:inset 0 0 0 3px #111116,0 6px 24px #05050740}
.header:after{border-color:#8e76533b}
.header nav a{color:var(--niki-muted)}
.header nav a:hover,.header nav a[aria-current=page]{color:var(--niki-gold)}
.header nav a[aria-current=page]:after{background:var(--niki-gold)}
.header-actions{border-color:var(--rule)}
.header-actions #account-link,.menu-toggle{background:#272429;border-color:var(--niki-bronze);color:var(--niki-text)}
.header-actions #account-link:hover{background:#40383b;border-color:var(--niki-gold)}
.sound-toggle span,.controls .reset{color:var(--niki-muted)}
.sound-toggle:hover,.sound-toggle[aria-pressed=true]{background:#a88bc71c;color:var(--niki-amethyst)}
.language-select select{background:var(--niki-coal);border-color:#8e765399;color:var(--niki-text)}

.button,.button-glass,.panel .button-glass,.hero-actions .button-glass{background:linear-gradient(#403b3c,#272429);color:var(--niki-text);border-color:var(--niki-bronze);box-shadow:inset 0 0 0 2px #11111655}
.button:hover,.button-glass:hover,.panel .button-glass:hover,.hero-actions .button-glass:hover{background:linear-gradient(#4b4144,#352d33);border-color:var(--niki-gold)}
.button-gold,.header-actions .header-play,.hero-actions .button-gold,.download-main .button,.player-desk .button-gold{background:linear-gradient(#d8c29a,#b79861);color:#211c1b;border-color:#e2caa2;box-shadow:inset 0 0 0 2px #67503655}
.button-gold:hover,.header-actions .header-play:hover,.hero-actions .button-gold:hover,.download-main .button:hover,.player-desk .button-gold:hover{background:linear-gradient(#efdbb5,#cab080);color:#211c1b;border-color:#f2ddba}
.button:active{box-shadow:inset 0 2px 5px #11111655}
.text-button,.panel .text-button,.player-desk .text-button,.section-heading .text-button{color:var(--niki-gold);text-decoration-color:#8e765399}
.text-button:hover{color:var(--niki-text);text-decoration-color:currentColor}

.panel,.modal,.portal-hub,#news-list{color-scheme:dark;background:linear-gradient(125deg,#302c31,var(--niki-panel) 30%,#1c1b21);color:var(--niki-text);border-color:var(--niki-bronze);box-shadow:inset 0 0 0 3px var(--niki-coal),inset 0 0 0 4px #8e765338}
.panel h2,.page-heading h1,.news-card h3,.player-desk h2,.player-desk h3,.modal h2,.history-header h2,.section-heading h2{color:var(--niki-text);font-weight:600}
.page-heading .eyebrow,.small-label,.panel .small-label,.modal .small-label,.player-desk .small-label,.section-kicker,.news-category{color:var(--niki-gold)}
.page-heading h1 em,.title-block h1 em,.portrait-copy h2 em{color:var(--niki-gold)}
.page-heading>p:last-child,.panel p,.panel .subtle,.modal .subtle,.section-heading .section-description,.player-desk p,.news-card p,.install-steps p{color:var(--niki-muted)}
.section-heading,.player-desk,.desk-ranking,.news-row-compact{border-color:var(--rule)}
.news-meta,.article-meta,.idea-meta,.idea-author,.demo-label{color:var(--niki-muted)}
.news-title:hover h3{color:var(--niki-gold)}
.news-read{color:var(--niki-gold);border-color:#8e765399}
.news-read:hover{color:var(--niki-text);border-color:var(--niki-gold)}
.player-desk a,.desk-links strong,.home-rank-player strong{color:var(--niki-text)}
.desk-links a:hover{color:var(--niki-gold)}
.desk-links small,.home-rank-player small,.home-rank-level small{color:var(--niki-muted)}
.home-rank-position,.home-rank-level{color:var(--niki-gold)}
.local-note,.panel .local-note,.modal .local-note,.portal-hub .local-note{color:var(--niki-muted)!important}
#news-article p{color:var(--niki-muted)}
.article-lead{color:var(--niki-text)!important}

.segmented,.auth-tabs{border-color:var(--rule)}
.segmented button,.auth-tabs button{color:var(--niki-muted)}
.segmented button:hover,.auth-tabs button:hover{color:var(--niki-text);background:#8e765315}
.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:#8e76531f;border-bottom-color:var(--niki-gold);color:var(--niki-gold)}
.ranking-tools label,.ranking-tools #ranking-count,.search-field svg{color:var(--niki-muted)}
.podium{background:#211e23;border-color:var(--niki-bronze)}
.podium .panel{background:transparent;border-color:var(--rule);box-shadow:none}
.podium .panel:first-child{background:linear-gradient(125deg,#8e765326,transparent)}
.podium-number{color:#d1b68570}
.podium p,.podium strong small{color:var(--niki-muted)}
.podium strong,.podium-score{color:var(--niki-gold)}
.table-wrap{background:var(--niki-panel);box-shadow:none}
th{background:#302a30;color:var(--niki-gold);border-color:var(--rule)}
td{color:var(--niki-muted);border-color:var(--rule)}
tbody tr:nth-child(even){background:#11111630}
tbody tr:hover{background:#8e76531c}
td:first-child,.rank-position,td:last-child,.rank-score{color:var(--niki-gold)}
.rank-identity strong{color:var(--niki-text)}
.rank-identity small,.ranking-empty td{color:var(--niki-muted)}
.channel-badge{color:#ccb7e0;background:#a88bc710;border-color:#a88bc755}

.download-wordmark{color:var(--niki-gold)}
/* Polished NiKi artwork: transparent source, visible bounds padded by 8 px. */
.native-logo{height:auto;aspect-ratio:1554/617;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 2px #07060999)}
.native-logo img{width:121.492921%;left:-10.296010%;top:-19.448947%;clip-path:none}
.header .native-logo,.footer-brand .native-logo{height:auto}
.download-wordmark .native-logo{width:min(250px,100%);height:auto;aspect-ratio:1554/617}
.install-steps article>span,.wiki-book,.empty-symbol{color:var(--niki-gold);border-color:var(--rule)}
.ideas-list{background:#8e76534d;border-color:var(--niki-bronze)}
.idea-card{background:var(--niki-panel);box-shadow:none}
.vote-button,.amount-presets button{background:var(--niki-coal);border-color:var(--niki-bronze);color:var(--niki-gold)}
.vote-button:hover,.amount-presets button:hover{background:#3c313d;border-color:var(--niki-gold)}
.vote-button[aria-pressed=true]{background:#45364f;color:#eee3ca;border-color:var(--niki-amethyst)}
.status-label{color:#c7b3da;border-color:#a88bc766}
.balance-value,.payment-summary strong{color:var(--niki-gold)}
.balance-value small,.account-details dt,.empty-history,.payment-summary{color:var(--niki-muted)}
.account-details dd{color:var(--niki-text)}

.modal{box-shadow:0 25px 100px #000a,inset 0 0 0 3px var(--niki-coal),inset 0 0 0 4px #8e765338}
.modal::backdrop{background:#09080dd9}
.modal-close{color:var(--niki-muted)}
.modal-close:hover{color:var(--niki-gold)}
form label{color:var(--niki-text)}
input,select,textarea,.ranking-tools input,.ranking-tools select{background:var(--niki-coal);color:var(--niki-text);border-color:#8e7653b3;box-shadow:inset 0 1px 3px #0003}
input:hover,select:hover,textarea:hover{border-color:var(--niki-gold)}
input:focus,select:focus,textarea:focus{border-color:var(--niki-focus);box-shadow:none}
input::placeholder,textarea::placeholder,.ranking-tools input::placeholder{color:var(--niki-muted);opacity:.8}
select option{background:var(--niki-panel);color:var(--niki-text)}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--niki-error)}
.form-error{color:#e09883}
.demo-payment-note{background:#d1b6850c;color:var(--niki-text);border-color:var(--niki-gold)}
.toast{background:var(--niki-panel);color:var(--niki-text);border-color:var(--niki-bronze);box-shadow:0 8px 30px #0006}

.title-block h1,.portrait-copy h2{color:var(--niki-text)}
.title-block .eyebrow,.portrait-copy .eyebrow{color:var(--niki-gold)}
.intro .description{color:#e1d7cb}
.discover,.scroll-cue{color:#c9c0b8}
.discover:hover{color:var(--niki-text)}
.discover .discover-mark,.scroll-track{color:var(--niki-gold);border-color:#8e765399}
.controls{background:#19171cce;border-color:#8e765380;border-radius:3px}
.controls button:hover{background:#8e765329}
.controls .reset:hover{color:var(--niki-gold)}
.portal-footer{border-color:var(--rule)}
.portal-footer>span,.portal-footer>div{color:var(--niki-muted)}
.portal-footer a:hover{color:var(--niki-gold)}

@media(max-width:1080px){.header nav{background:#1c191ff7;border-color:var(--niki-bronze);box-shadow:0 15px 30px #0006}}
@media(max-width:700px){.header-actions,.player-desk{border-color:var(--rule)}}