/* Niki Online portal — ink, parchment, and a restrained editorial grid. */
@font-face{font-family:Alegreya;src:url('./assets/fonts/Alegreya-Variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Alegreya;src:url('./assets/fonts/Alegreya-Italic-Variable.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:"Golos Text";src:url('./assets/fonts/GolosText-Variable.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--gold:#dec397;--ink:#f6eedf;--bg:#0a2025;--ui-bg:#0b1b24;--ui-muted:#a5b4b6;--paper:#eee8d9;--paper-alt:#e3ddcd;--paper-ink:#24363b;--paper-muted:#58625d;--rule:#99998255;--ui-font:"Golos Text","Segoe UI",system-ui,sans-serif;--display:Alegreya,Georgia,"Times New Roman",serif}
[hidden]{display:none!important}
body{font-family:var(--ui-font)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
a,button,input,select,textarea{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b39051}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:12px 22px;border:1px solid #9dafa24d;border-radius:2px;background:#19333a;color:#f2eadb;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.025em;text-decoration:none;box-shadow:none;transition:background .18s,border-color .18s}
.button:hover{background:#29474b;border-color:#b6bda1}
.button-gold{background:#d8bf8c;color:#1a2b30;border-color:#e5d0a3;box-shadow:inset 0 0 0 3px #90703a1c}
.button-gold:hover{background:#e4cea3;border-color:#eedbbb}
.button-glass{background:#1028328c}
.button-small{padding:9px 16px;min-height:40px}
.text-button{border:0;padding:0;background:none;color:var(--gold);font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:#bfa36b50;text-underline-offset:5px}
.text-button:hover{text-decoration-color:currentColor}
.small-label{font-size:10px;font-weight:650;letter-spacing:.15em;color:var(--gold);line-height:1.6}
.subtle{color:var(--ui-muted);font-size:13px;line-height:1.75}
.header{position:fixed;inset:20px 3.4% auto;height:78px;padding:0 25px;display:flex;align-items:center;gap:25px;border:1px solid #b9ac804b;border-image:none;border-radius:1px;background:#0d222bea;backdrop-filter:blur(14px);box-shadow:0 3px 0 #06151b66;z-index:20}
.header:after{content:"";position:absolute;pointer-events:none;inset:4px;border:1px solid #b2bda716}
body:not([data-page=home]) .header,.header.is-scrolled{background:#0d222bf5}
.header .brand{font-size:29px;gap:10px;letter-spacing:.06em;flex-shrink:0;font-family:var(--display);font-weight:400;line-height:1}
.brand-symbol{display:block;width:39px;height:43px;object-fit:contain;flex:none}
.brand-name{display:block;font-family:var(--display);font-weight:400;letter-spacing:.07em;line-height:.92}
.header .brand small,.brand-name small{font:500 8px/1 var(--ui-font);letter-spacing:.43em;margin-top:8px;padding-left:2px}
.header nav{display:flex;align-items:center;gap:7px;margin-left:auto}
.header nav a{position:relative;padding:13px 10px;color:#c3ccc8;font-size:13px;font-weight:400;white-space:nowrap;transition:color .18s}
.header nav a:hover,.header nav a[aria-current=page]{color:#ecd8b1;background:none}
.header nav a[aria-current=page]:after{content:"";position:absolute;bottom:4px;left:10px;right:10px;height:1px;background:#bd9c5f}
.header nav [data-i18n]{margin:0;color:inherit}
.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.header-actions .button{min-height:39px;font-size:12px;padding:9px 15px}
.header-actions #account-link{background:none;border-color:#b3bea233;color:#dfd7c4;box-shadow:none}
.header-actions #account-link:hover{border-color:#bdac78}
.header-actions .header-play{background:#d2b77d;color:#172b31;border-color:#e1cda0;padding-inline:19px}
.header-actions .header-play:hover{background:#e2c997}
.sound-toggle{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:36px;padding:4px;border:0;border-radius:0;background:none;font-size:0;gap:0;backdrop-filter:none}
.sound-toggle span{font-size:18px;color:#a5b7b5}.sound-toggle [data-i18n]{font-size:0}
.sound-toggle:hover,.sound-toggle[aria-pressed=true]{background:#a3bdb012}
body:not([data-page=home]) .sound-toggle{display:none}
.language-select{display:flex;align-items:center}
.language-select select{width:54px;min-height:35px;padding:7px 4px 7px 7px;border-color:#a4b6a229;background:none;font-size:11px;color:#cdd3c8;border-radius:1px}
.menu-toggle{display:none}
body:not([data-page=home]){background:linear-gradient(115deg,#0b1b24,#102a32)}
.inner-page{min-height:calc(100svh - 130px);padding-top:158px;padding-bottom:72px}
.page-heading{max-width:820px;margin-bottom:34px}
.page-heading .eyebrow{font-size:10px;font-weight:500;letter-spacing:.19em;margin-bottom:17px;color:#b3baa5}
.page-heading h1{font:400 clamp(39px,4.5vw,65px)/1.08 var(--display);letter-spacing:-.035em;margin:0 0 20px;color:#f1eadb}
.page-heading h1 em{font-weight:400;font-style:italic;color:#d6bd89}
.page-heading>p:last-child{max-width:660px;font-size:14px;line-height:1.8;color:#adbcbd;margin-bottom:0}
.panel{background:var(--paper);color:var(--paper-ink);border:1px solid #d2c9b4;border-radius:2px;padding:30px;box-shadow:inset 0 0 0 4px #ffffff20}
.panel h2{font:400 28px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 15px;color:var(--paper-ink)}
.panel p{line-height:1.75;color:var(--paper-muted)}
.panel .small-label{color:#827047}.panel .text-button{color:#5b654e}.panel .subtle{color:#748079}
.panel .button-glass{background:none;color:#344949;border-color:#929c876b}
.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;flex-wrap:wrap}
.segmented{display:flex;gap:0;border-bottom:1px solid #b5bdaa33;width:max-content;max-width:100%;background:none}
.segmented button{padding:12px 22px;min-height:43px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;color:#a9b8b8;background:none;font-size:13px;font-weight:500;white-space:nowrap;transition:color .18s}
.segmented button:hover{color:#f0e1c2}
.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:none;border-bottom-color:#ceb078;color:#e8d4a9}
.demo-label{font-size:10px;line-height:1.6;color:#8fa5a8;border:0;padding:0;letter-spacing:.02em}
.ranking-tools{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:-3px 0 23px}
.ranking-tools label{display:flex;flex-direction:column;gap:8px;color:#b2bcb4;font-size:11px}
.ranking-tools .search-field{flex:1;min-width:220px;max-width:410px;position:relative}
.ranking-tools #ranking-channel-field{min-width:155px}
.ranking-tools input,.ranking-tools select{min-height:43px;font-size:13px;background:#0a1d25;color:#d8e0db;border-color:#a9b6a62b}
.ranking-tools input::placeholder{color:#7b999f}
.ranking-tools #ranking-count{margin:0 0 11px auto;font-size:11px;color:#8da5a8;white-space:nowrap}
.search-field svg{position:absolute;left:13px;bottom:12px;color:#7f9d9e;pointer-events:none}.search-field input{padding-left:41px}
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:22px;background:#e5deca;border:1px solid #cfc6ae;padding:5px}
.podium .panel{position:relative;padding:20px 25px;border:0;border-right:1px solid #9a9a8150;border-radius:0;background:none;box-shadow:none;overflow:hidden}
.podium .panel:last-child{border-right:0}
.podium .panel:first-child{background:#d5c69738}
.podium-number{position:absolute;right:20px;top:17px;font:400 32px/1 var(--display);color:#84826866}
.podium h2{font-size:24px;margin:13px 0 6px;padding-right:24px}
.podium p{font-size:13px;margin:0;color:#58625d}
.podium strong,.podium-score{font:400 25px/1.2 var(--display);display:block;color:#765e32;margin-top:16px}
.podium strong small{font:11px var(--ui-font);color:#7b8073;margin-left:4px}
.table-wrap{padding:0;overflow-x:auto;border-radius:1px;box-shadow:none}
table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}
th{font-weight:600;font-size:10px;letter-spacing:.06em;color:#666d5f;background:#ddd6c3;padding:16px 25px;border-bottom:1px solid #9a9b8060}
td{font-size:14px;padding:17px 25px;border-bottom:1px solid #a6a89540;color:#52645e}
tbody tr:nth-child(even){background:#d4d3bd24}tbody tr:hover{background:#b7b99624}tbody tr:last-child td{border:0}
td:first-child,.rank-position{color:#8e7647;font-family:var(--display);font-size:16px}
td:last-child,.rank-score{color:#73592d;font-weight:600}
.rank-identity strong{display:block;color:#28434a;font-size:14px;font-weight:600}.rank-identity small{display:block;color:#64715f;font-size:11px;margin-top:4px}
.channel-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #8497824a;padding:4px 8px;background:#bac5ac1f;color:#657960;font-size:11px}
.ranking-empty td{padding:42px;text-align:center;font-family:var(--ui-font);font-weight:400;color:#6a7a71}
.download-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}
.download-main{min-height:480px;padding:36px 40px;position:relative;overflow:hidden;background:#eae4d2;border-color:#d8cbb0}
.download-wordmark{font:400 88px/1 var(--display);letter-spacing:.035em;color:#2f4748;margin:36px 0}
.download-wordmark small{font:500 10px var(--ui-font);letter-spacing:.75em;display:block;margin-top:13px;padding-left:5px}
.download-main h2{font-size:28px}.download-main .button{width:100%;margin-top:13px;background:#24434a;border-color:#24434a;color:#f0e5cb;box-shadow:inset 0 0 0 3px #d1c4a626}.download-main .button:hover{background:#35555a}.download-main .subtle{margin-bottom:0;font-size:11px}
.install-steps>h2{font:400 33px/1.2 var(--display);letter-spacing:-.025em;margin:0 0 32px}
.install-steps article{display:flex;gap:20px;margin:0 0 29px}
.install-steps article>span{flex:0 0 33px;height:35px;border-bottom:1px solid #c2ab7452;color:#d1bb8f;font:400 24px var(--display)}
.install-steps h3{font:400 21px var(--display);margin:0 0 9px}.install-steps p{font-size:13px;color:#a3b4b5;line-height:1.8;margin:0 0 10px}
.empty-wiki{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.empty-symbol{font-size:43px;line-height:1;color:#99834d;margin-bottom:23px}.empty-wiki h2{font-size:31px;margin:15px 0 0}.empty-wiki p{font-size:14px;margin-bottom:25px}
.ideas-list{display:grid;gap:1px;border:1px solid #d4ccb7;background:#c8c6b2}
.idea-card{display:grid;grid-template-columns:58px 1fr;gap:23px;padding:28px;border:0;border-radius:0;box-shadow:none}
.vote-button{align-self:start;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:70px;border:1px solid #8c96734f;background:none;border-radius:1px;color:#786938;font-size:20px;font-family:var(--display)}
.vote-button span{font:11px var(--ui-font)}.vote-button:hover{background:#d4d5bc66}.vote-button[aria-pressed=true]{background:#29484b;color:#efe3c5;border-color:#29484b}
.idea-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:10px;color:#818a77;margin-bottom:12px}
.status-label{border-bottom:1px solid #8d9e7c5c;padding:3px 0;background:none;color:#637956;font-size:10px;font-weight:600}
.idea-card h2{font-size:26px;line-height:1.25;margin-bottom:9px;overflow-wrap:anywhere}.idea-card p{font-size:14px;line-height:1.8;margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.idea-author{font-size:10px;color:#798778}
.local-note{font-size:11px!important;color:#839b9d!important;line-height:1.75!important;margin-top:19px}
.panel .local-note,.modal .local-note{color:#788475!important}
.account-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.account-heading h1{overflow-wrap:anywhere}.account-heading .text-button{margin-top:20px}
.account-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:25px}
.balance-panel{background:#e5dcc3;border-color:#d0bf93}.balance-value{font:400 62px/1.1 var(--display);color:#766033;letter-spacing:-.04em;margin:24px 0}.balance-value small{font:20px var(--ui-font);color:#8a8874}.balance-panel .button{margin-top:6px}
.account-details{display:grid;grid-template-columns:auto 1fr;gap:21px 28px;margin:27px 0 0;font-size:13px}.account-details dt{color:#7a8374}.account-details dd{margin:0;overflow-wrap:anywhere;color:#344c4d}
.history-header{display:flex;justify-content:space-between;align-items:center;margin:31px 0 18px}.history-header h2{font:400 29px var(--display);letter-spacing:-.025em;margin:0}.empty-history{text-align:center;padding:43px;color:#7c8b7b;font-size:13px}
.modal{border:1px solid #d0c19c;border-radius:2px;background:var(--paper);color:var(--paper-ink);width:min(480px,calc(100% - 32px));padding:36px;max-height:calc(100svh - 40px);overflow-y:auto;box-shadow:0 25px 100px #0009,inset 0 0 0 5px #dad3c35c}
.modal::backdrop{background:#04131bcc;backdrop-filter:blur(5px)}.modal .small-label{color:#88713d}.modal h2{font:400 35px/1.16 var(--display);letter-spacing:-.035em;margin:12px 0 24px}
.modal-close{position:absolute;right:13px;top:13px;border:0;background:none;font-size:25px;line-height:1;color:#7e8775;width:34px;height:34px}.modal-close:hover{color:#263f42}
.auth-tabs{width:100%;margin-bottom:26px;border-bottom-color:#9eaa8759}.auth-tabs button{flex:1;color:#82917b}.auth-tabs button[aria-pressed=true]{color:#4b624d;border-color:#8d7546}.auth-tabs button:hover{color:#344c3f}
form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:550;color:#526756;margin-bottom:19px}
input,select,textarea{width:100%;border:1px solid #9aa68b6b;border-radius:1px;background:#f7f2e6;color:#2b4448;padding:12px 14px;min-height:45px;outline:none}
input:hover,select:hover,textarea:hover{border-color:#8e987b}input:focus,select:focus,textarea:focus{border-color:#817345;box-shadow:none}input::placeholder,textarea::placeholder{color:#8b9687;font-weight:400}select option{background:#f0eadb;color:#2b4448}textarea{resize:vertical}form>.button{width:100%}
.form-error{font-size:12px;color:#9b3e2d;line-height:1.5}.form-error:empty{display:none}
.demo-payment-note{background:#cfbf8c21;border-left:2px solid #b6a165;padding:12px 16px;color:#796d4a;font-size:12px;line-height:1.65;margin:0 0 23px}
.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:-4px 0 23px}.amount-presets button{border:1px solid #a1ab8869;background:none;color:#526750;padding:10px 4px;font-size:12px;border-radius:1px}.amount-presets button:hover{border-color:#897647;background:#d1c8a93b}
.payment-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-block:1px solid var(--rule);font-size:12px;color:#7b8775}.payment-summary strong{font:400 30px var(--display);color:#7a653d}.modal .subtle{color:#7b8775}
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#e1d5b9;color:#2b3d3d;padding:15px 25px;max-width:calc(100% - 32px);box-shadow:0 10px 40px #00101955;border:1px solid #bba77b;border-radius:1px;font-size:13px;line-height:1.5;text-align:center}
/* A newspaper-like front page, with a practical player desk. */
.portal-hub{margin-block:46px 50px;padding:34px;background:var(--paper);color:var(--paper-ink);border:1px solid #c9bea2;box-shadow:inset 0 0 0 5px #ffffff30}
.home-editorial{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}
.home-community{min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #95977e61;padding-bottom:20px;margin-bottom:24px}
.section-kicker{font-size:10px;font-weight:600;letter-spacing:.18em;color:#8e7a49;margin:0 0 11px}.section-heading h2{font:400 37px/1.08 var(--display);letter-spacing:-.03em;margin:0}.section-heading .section-description{font-size:12px;line-height:1.75;color:#7c8678;margin:12px 0 0}.section-heading .text-button{font-size:11px;color:#697650;white-space:nowrap}
#home-news,#news-list{display:grid;grid-template-columns:1fr;gap:0}
.news-card{display:flex;min-width:0;border:0;border-radius:0;background:none;color:var(--paper-ink);box-shadow:none}
.news-cover{display:block;width:100%;height:100%;object-fit:cover;filter:none}
.news-content{min-width:0;display:flex;flex-direction:column;padding:0}
.news-meta,.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#65705f;font-size:11px;line-height:1.65}
.news-category{font-size:10px;letter-spacing:.09em;font-weight:600;color:#827043}
.news-card h3{font:400 26px/1.14 var(--display);letter-spacing:-.025em;margin:13px 0 12px;color:#233e45}
.news-title{padding:0;border:0;background:none;text-align:left}.news-card p{font-size:14px;line-height:1.75;color:#58625d;margin:0 0 17px}
.news-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.news-read{padding:0 0 3px;border:0;border-bottom:1px solid #9987585c;background:none;font-size:11px;font-weight:600;color:#77633c}.news-read:hover{border-color:#716135;color:#304a43}
.news-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;padding-bottom:25px}.news-feature .news-cover{min-height:220px;max-height:260px}.news-feature h3{font-size:30px}.news-feature p{font-size:15px}
.news-row-compact{padding:20px 0;border-top:1px solid #9ca18b43}.news-row-compact .news-content{width:100%;display:grid;grid-template-columns:1fr auto;column-gap:20px}.news-row-compact .news-meta,.news-row-compact h3{grid-column:1}.news-row-compact h3{font-size:23px;margin:9px 0 0}.news-row-compact p{display:none}.news-row-compact .news-card-bottom{grid-column:2;grid-row:1 / 3;align-self:center}
#news-list{background:var(--paper);border:1px solid #c9c2ad;padding:10px 30px}
#news-list .news-row{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding:20px 0;border-bottom:1px solid var(--rule)}
#news-list .news-row:last-child{border-bottom:0}#news-list .news-cover{height:150px}#news-list h3{font-size:28px}#news-list p{font-size:14px;max-width:700px}#news-list .news-card-bottom{justify-content:flex-start}
.player-desk{border-left:1px solid #989d854d;padding-left:29px;min-width:0}.player-desk h2,.player-desk h3{font:400 26px/1.16 var(--display);letter-spacing:-.025em;margin:0 0 15px}.player-desk p{font-size:14px;color:#58625d;line-height:1.75}.player-desk .small-label{color:#8b784a}.player-desk .button{width:100%}.player-desk .text-button{color:#716743}.player-desk a{color:#3c5654}
.desk-links{display:grid;margin:18px 0 28px;border-top:1px solid var(--rule)}.desk-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--rule);font-size:12px}.desk-links a:hover{color:#8a743e}
.home-ranking-list{list-style:none;padding:0;margin:18px 0 14px;border-top:1px solid var(--rule)}.home-ranking-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule)}.home-rank-position{font:400 18px var(--display);color:#a59465}.home-rank-player{display:flex;flex-direction:column;gap:3px;min-width:0}.home-rank-player strong{font-size:14px;font-weight:600;color:#344c48}.home-rank-player small{font-size:11px;color:#63705e}.home-rank-level{margin-left:auto;font:400 21px var(--display);color:#806b3c}.home-rank-level small{font:10px var(--ui-font);margin-left:4px;color:#8e927d}
#news-dialog{width:min(730px,calc(100% - 32px));padding:42px}#news-article h2{font:400 39px/1.12 var(--display);margin:20px 0}.article-lead{font-size:17px!important;color:#4e655b!important}#news-article p{font-size:14px;line-height:1.9;color:#6c7e70}
.portal-footer{min-height:108px;padding:27px 0;border-top:1px solid #b2bca42b;display:flex;align-items:center;gap:28px;justify-content:space-between}.portal-footer>span{font-size:11px;color:#728e95}.portal-footer>div{display:flex;gap:22px;font-size:11px;color:#a0b2b0}.portal-footer a:hover{color:#e2c69a}.footer-brand{font:400 24px var(--display);letter-spacing:.1em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1200px){.header{gap:15px;padding-inline:18px}.header nav{gap:3px}.header nav a{padding-inline:8px;font-size:12px}.header-actions{gap:8px}.header-actions .button{padding-inline:11px}.header .brand{font-size:27px}.brand-symbol{width:34px;height:40px}.download-layout{gap:37px}.home-editorial{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.player-desk{padding-left:24px}.portal-hub{padding:28px}.news-feature{gap:20px}.news-feature h3{font-size:27px}}
@media(max-width:1080px){.header{height:72px;inset:18px 3% auto}.header nav{display:none;position:absolute;inset:81px 0 auto;background:#0d242dfc;padding:12px 20px;border:1px solid #b6aa7b59;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 15px 30px #00101855}.header nav.open{display:flex}.header nav a{font-size:14px;padding:13px 5px}.header nav a[aria-current=page]:after{left:5px;right:5px;bottom:4px}.menu-toggle{display:grid;place-items:center;width:35px;min-height:37px;border:1px solid #b5b89633;background:none;color:#d8cbae;font-size:20px;margin-left:0;order:2}.header-actions{margin-left:auto}.wrap{width:calc(100% - 56px)}.home-editorial{grid-template-columns:minmax(0,1fr) 225px;gap:23px}.news-feature{grid-template-columns:1fr}.news-feature .news-cover{height:220px;max-height:220px;min-height:0}.podium .panel{padding:19px}.podium h2{font-size:22px}.account-details{gap:20px}}
@media(max-width:700px){.header{inset:14px 16px auto;height:auto;min-height:102px;padding:9px 12px;gap:8px;flex-wrap:wrap}.header:after{inset:3px}.header .brand{font-size:25px;gap:8px}.brand-symbol{width:30px;height:34px}.header .brand small{font-size:7px;margin-top:6px}.menu-toggle{order:1;margin-left:auto;min-height:33px;width:33px;font-size:18px}.header-actions{order:2;width:100%;gap:8px;border-top:1px solid #a6b1a122;padding-top:7px}.header-actions .button{font-size:11px;min-height:31px;padding:7px 12px}.header-actions #account-link{margin-left:auto}.header-actions .header-play{order:3}.sound-toggle{min-width:26px;min-height:30px}.sound-toggle span{font-size:17px}.language-select select{width:48px;font-size:10px;min-height:30px;padding:6px 3px}.header nav{inset:113px 0 auto}.header nav a:last-child{display:block}.wrap{width:calc(100% - 32px)}.inner-page{padding-top:153px;padding-bottom:46px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:40px}.page-heading>p:last-child{font-size:13px}.page-heading .eyebrow{font-size:9px;line-height:1.7}.panel{padding:23px}.section-toolbar{gap:15px;margin-bottom:20px}.segmented{width:100%}.segmented button{flex:1;padding:12px 8px;font-size:11px}.demo-label{font-size:10px}.ranking-tools{gap:13px}.ranking-tools .search-field{min-width:100%;max-width:none}.ranking-tools #ranking-channel-field{min-width:145px}.ranking-tools #ranking-count{font-size:10px}.podium{grid-template-columns:1fr;padding:4px;margin-bottom:20px}.podium .panel{padding:16px 17px;border-right:0;border-bottom:1px solid #9a9a8138;min-height:97px}.podium .panel:last-child{border-bottom:0}.podium .small-label{font-size:8px}.podium h2{font-size:24px;margin:7px 0 4px;padding-right:88px}.podium p{font-size:12px}.podium-number{right:18px;top:11px;font-size:24px}.podium strong{position:absolute;right:18px;bottom:17px;margin:0;font-size:25px}.podium strong small{font-size:9px}.table-wrap{padding:0}td,th{padding:15px 17px}.download-layout,.account-grid{grid-template-columns:1fr;gap:28px}.download-main{min-height:440px;padding:27px}.download-wordmark{font-size:77px}.install-steps>h2{font-size:30px}.empty-wiki{min-height:330px;padding:30px 23px}.empty-wiki h2{font-size:28px}.empty-wiki p{font-size:13px}.idea-card{grid-template-columns:43px 1fr;gap:14px;padding:22px 17px}.vote-button{min-height:59px;font-size:18px}.idea-card h2{font-size:24px}.idea-card p{font-size:14px}.idea-meta{gap:8px}.account-heading{display:block}.account-heading>.text-button{margin:0 0 23px}.account-grid{gap:16px}.balance-value{font-size:53px;margin:22px 0}.account-details{grid-template-columns:1fr;gap:8px}.account-details dd{margin-bottom:11px}.history-header h2{font-size:26px}.modal{padding:31px 23px}.modal h2{font-size:32px}.portal-hub{padding:23px;margin-block:30px 36px}.home-editorial{grid-template-columns:1fr;gap:28px}.section-heading{align-items:center;gap:14px;padding-bottom:18px;margin-bottom:21px}.section-heading h2{font-size:33px}.section-heading .section-description{font-size:11px}.section-heading .text-button{font-size:10px}.section-kicker{font-size:9px;letter-spacing:.12em}.news-feature{gap:19px;padding-bottom:20px}.news-feature .news-cover{height:190px;max-height:none}.news-feature h3{font-size:28px}.news-row-compact{padding:18px 0}.news-row-compact .news-content{grid-template-columns:1fr;gap:0}.news-row-compact h3{font-size:25px}.news-row-compact .news-card-bottom{grid-column:1;grid-row:auto;margin-top:14px;justify-content:flex-start}.news-meta{gap:10px;font-size:11px}#news-list{padding:0 22px}#news-list .news-row{grid-template-columns:1fr;gap:17px;padding:23px 0}#news-list .news-cover{height:175px}#news-list h3{font-size:29px;margin-top:10px}#news-list p{font-size:14px}.player-desk{padding:25px 0 0;border-left:0;border-top:1px solid var(--rule)}.player-desk h2,.player-desk h3{font-size:29px}.desk-links{margin-bottom:25px}#news-dialog{padding:35px 25px}#news-article h2{font-size:32px}.portal-footer{gap:23px;flex-wrap:wrap}.portal-footer>span{order:3;width:100%;font-size:10px}.portal-footer>div{gap:14px;font-size:10px}.footer-brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){.button,.header nav a,.segmented button{transition:none}}

/* Existing scene layout and treatment — unchanged. */
.journey{height:165vh}
.title-block{top:26%}
.title-block h1{font-size:clamp(88px,10.3vw,160px);line-height:.83;letter-spacing:.015em}
.title-block h1 span{display:block;font-family:Arial,sans-serif;font-size:.18em;letter-spacing:.64em;margin-top:20px;margin-left:7px}
.title-block .eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:29px}
.intro{top:56%;max-width:45%}
.intro h2{font-size:clamp(28px,2.5vw,40px);margin-bottom:12px}
.intro .description{margin:0 0 24px}
.hero-actions{display:flex;gap:12px;pointer-events:auto}
.discover{font-size:13px;width:210px;padding:8px 0;margin-top:16px}
.portrait-copy .button{pointer-events:auto;margin-top:12px}
@media(max-width:1200px){
.hero-actions{flex-wrap:wrap}
}
@media(max-width:700px){
.journey{height:150vh}
.title-block{top:23%}
.title-block h1{font-size:23vw}
.title-block h1 span{font-size:.20em;margin-top:15px;margin-left:2px}
.title-block .eyebrow{font-size:11px;max-width:180px;line-height:1.6;margin-bottom:22px;letter-spacing:.09em}
.intro{top:auto;bottom:20%;left:6%;max-width:51%}
.intro h2{font-size:25px}
.intro .description{font-size:13px;margin-bottom:16px}
.hero-actions{flex-direction:column;gap:8px;align-items:stretch}
.hero-actions .button{padding:10px 12px;min-height:42px;font-size:12px;gap:13px}
.discover{font-size:12px;max-width:100%;margin-top:12px}
.portrait-copy{top:27%;max-width:58%}
.portrait-copy .eyebrow{font-size:11px;line-height:1.7}
.portrait-copy h2{font-size:30px}
.portrait-copy .button{font-size:12px;padding:11px 15px}
}
.world-shade{background:linear-gradient(90deg,#071e27cc 0%,#08262baa 28%,#0d343540 53%,transparent 72%),linear-gradient(0deg,#09212950 0%,transparent 20%,transparent 80%,#0a263347)}
.title-block{left:7.2%;top:30%;right:40%;text-align:left}
.title-block .eyebrow{font-size:11px;letter-spacing:.18em;color:#cdbd99;margin-bottom:28px;display:flex;align-items:center;gap:13px}
.title-block .eyebrow span{color:#eac386;font-size:20px}
.title-block h1{font:400 clamp(46px,5.25vw,84px)/1.05 Georgia,serif;letter-spacing:-.046em;color:#fbf0dc}
.title-block h1 em{color:#e1c18a;font-weight:400}
.intro{left:7.2%;top:58%;max-width:45%}
.intro .description{font-size:16px;line-height:1.85;color:#c8d3cb;margin:0 0 30px}
.hero-actions{gap:16px;align-items:center}
.hero-actions .button{min-height:54px;padding:15px 30px}
.hero-actions .button-gold{box-shadow:0 4px 30px #be984826;background:linear-gradient(115deg,#efd4a2,#ceae79);border:1px solid #f7dfb4}
.hero-actions .button-glass{background:none;border-color:#d6c8a43b;color:#eadfcd}
.discover{width:max-content;max-width:none;border:0;gap:14px;margin-top:23px;color:#a9c0b9;font-size:12px}
.discover:hover{color:#f5e6c9}
.discover .discover-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c6ae7940;border-radius:50%;color:#d5ba8b;font-size:17px}
.discover span:last-child{font-size:16px}
.stage-bottom{left:7.2%;right:5%;bottom:4%;}
.scroll-cue{font-size:9px;letter-spacing:.16em;color:#a9bbb4}
.scroll-track{border-color:#c9ae7860}
.controls{gap:3px;background:#0b26358f;backdrop-filter:blur(15px);border:1px solid #e3d7b425;border-radius:30px;padding:5px 15px 5px 6px}
.controls button{width:34px;height:34px;border:0;background:transparent;font-size:21px}
.controls .reset{font-size:11px;text-decoration:none;margin-left:8px;color:#b8c6ba}
.controls .reset:hover{color:#f7e8cb;background:transparent}
.portrait-copy{left:7.2%;top:39%}
.portrait-copy h2{font:400 clamp(38px,4.4vw,68px)/1.12 Georgia,serif;letter-spacing:-.04em}
.portrait-copy .eyebrow{font-size:10px;letter-spacing:.17em}
@media(min-width:1600px){
.title-block{top:29%}
.intro{top:58%}
}
@media(max-width:1200px){
.title-block{right:37%}
.title-block h1{font-size:5.4vw}
.hero-actions{flex-wrap:nowrap}
.hero-actions .button{padding:14px 20px;font-size:13px}
.intro{max-width:48%}
}
@media(max-width:950px){
.title-block{top:27%;left:7%;right:51%}
.title-block h1{font-size:5.1vw}
.intro{top:57%;left:7%;max-width:47%}
.intro .description{font-size:14px}
.hero-actions{flex-wrap:wrap;gap:10px}
.hero-actions .button{min-height:46px;padding:12px 20px}
}
@media(max-width:700px){
.title-block{top:21%;left:6%;right:39%;}
.title-block .eyebrow{font-size:9px;letter-spacing:.1em;max-width:240px;margin-bottom:21px;line-height:1.6;gap:8px}
.title-block .eyebrow span{font-size:16px}
.title-block h1{font-size:clamp(32px,8.6vw,50px);line-height:1.08;max-width:330px;letter-spacing:-.04em}
.intro{top:auto;bottom:19%;left:6%;max-width:40%}
.intro .description{font-size:12px;line-height:1.8;margin-bottom:23px}
.intro .description br{display:none}
.hero-actions{align-items:stretch;gap:9px}
.hero-actions .button{font-size:12px;min-height:44px;padding:11px 14px}
.discover{font-size:10px;line-height:1.6;gap:8px;margin-top:16px;max-width:190px}
.discover .discover-mark{flex:0 0 25px;width:25px;height:25px}
.discover span:last-child{display:none}
.stage-bottom{left:6%;right:6%;bottom:3%;gap:17px}
.scroll-cue{font-size:8px;letter-spacing:.12em}
.controls{margin:auto;padding:4px 13px 4px 5px}
.controls .reset{font-size:11px}
.portrait-copy{top:24%;left:6%;max-width:70%}
.portrait-copy h2{font-size:35px}
.portrait-copy .eyebrow{font-size:9px;line-height:1.7}
.world-shade{background:linear-gradient(90deg,#08222acf,#09293070 42%,transparent 80%),linear-gradient(0deg,#09212d75,transparent 36%,#0b273643)}
}
.model-wrap{inset:0}
.model-wrap:before{display:none}


.title-block h1 .hero-line{font:inherit;letter-spacing:inherit;margin:0;display:inline}
.title-block .eyebrow [data-i18n]{font:inherit;letter-spacing:inherit}
.title-block h1,.portrait-copy h2{font-family:var(--display)}
.page-heading h1,.title-block h1{font-weight:600;letter-spacing:-.015em}
.panel h2,.install-steps h2,.install-steps h3,.section-heading h2,.news-card h3,.player-desk h2,.player-desk h3,.modal h2,.portrait-copy h2{font-weight:500;letter-spacing:-.01em}
.title-block h1 em,.portrait-copy h2 em{font-weight:500}
.brand-name{font-weight:700;letter-spacing:.05em}
.header nav a{font-weight:500}
.small-label,.section-kicker,.page-heading .eyebrow{font-weight:600}
table,.balance-value,.home-ranking-list,.podium-score{font-variant-numeric:lining-nums tabular-nums}
/* Shared markup details. */
.brand-name{font-weight:700}
.header nav .mobile-download{display:none}
.panel,.modal,.portal-hub,#news-list{color-scheme:light}
.portal-hub .local-note{color:#63705e!important}
.desk-register{display:block;margin:15px auto 0;font-size:11px}
.desk-ranking{margin-top:29px;padding-top:24px;border-top:1px solid var(--rule)}
.desk-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.desk-heading h2{font-size:24px;margin:0}.desk-heading .text-button{font-size:10px;white-space:nowrap}
.desk-links strong,.desk-links small{display:block}.desk-links strong{font-size:13px;font-weight:600}.desk-links small{font-size:11px;color:#63705e;margin-top:4px}
.wiki-book{color:#8d7b49;margin-bottom:25px}
@media(max-width:1080px){.header nav .mobile-download{display:block}}


/* Native client login wordmark: transparent bounds only, original pixels. */

.native-logo{position:relative;display:block;width:126px;height:65px;overflow:hidden;background:radial-gradient(ellipse,#dfd1b1,#b6a37e);border:1px solid #8d7550;border-radius:2px;flex:none}
.native-logo img{position:absolute;display:block;max-width:none;width:110%;height:auto;left:-5%;top:-8%}
.header .brand:has(.native-logo){gap:0;padding:0;flex:none}
.footer-brand .native-logo{width:110px;height:56.5px}
@media(max-width:600px){.header .native-logo{width:105px;height:54px}.header{gap:12px;padding-inline:14px}}