@import url("identity-dark.css");
@import url("platform-foundation.css");
:root{--ui-bg:#0b071a;--ui-panel:#17112d;--ui-ink:#fbfaff;--ui-muted:#aaa4bd;--ui-lime:#dcff62;--ui-line:rgba(255,255,255,.12);--ui-danger:#ff9078;--ui-shadow:0 24px 70px rgba(0,0,0,.34)}
*:focus-visible{outline:3px solid var(--ui-lime);outline-offset:3px}button,a,input,select{transition:border-color .2s,background .2s,color .2s,transform .2s,opacity .2s}button:not(:disabled):active,a:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}
.skip-link{position:fixed;z-index:100;top:10px;right:10px;padding:10px 14px;border-radius:10px;background:var(--ui-lime);color:#171126;text-decoration:none;font:700 12px Alexandria;transform:translateY(-160%)}.skip-link:focus{transform:none}
.connection-state{position:fixed;z-index:90;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:#241b3d;color:white;border:1px solid var(--ui-line);border-radius:999px;padding:9px 13px;font:600 10px Alexandria;box-shadow:var(--ui-shadow)}.connection-state i{width:8px;height:8px;border-radius:50%;background:var(--ui-danger)}
.ui-steps{display:flex;align-items:center;gap:0;margin:0 0 24px;padding:0;list-style:none}.ui-steps li{display:flex;align-items:center;color:var(--ui-muted);font-size:9px;white-space:nowrap}.ui-steps li:not(:last-child):after{content:"";width:34px;height:1px;background:var(--ui-line);margin:0 9px}.ui-steps b{display:grid;place-items:center;width:25px;height:25px;margin-left:6px;border-radius:50%;background:#2a2144;color:var(--ui-muted)}.ui-steps .active{color:var(--ui-ink)}.ui-steps .active b,.ui-steps .done b{background:var(--ui-lime);color:#171126}
.password-wrap{position:relative}.password-wrap input{padding-left:54px!important}.password-toggle{position:absolute;left:7px;bottom:7px;border:0;border-radius:8px;padding:7px 9px;background:#2a2144;color:white;font:600 8px Alexandria}.text-action{border:0;background:none;color:var(--ui-lime);font:600 9px Alexandria;padding:8px 0}.form-meta{display:flex;justify-content:flex-end}.subtle{color:var(--ui-muted);font-size:10px;line-height:1.8}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:560px){.ui-steps li:not(:last-child):after{width:15px;margin:0 5px}.ui-steps li{font-size:8px}.connection-state{left:10px;bottom:78px}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.high-contrast{--muted:#d7d2e2;--ui-muted:#d7d2e2;--line:rgba(255,255,255,.28);--ui-line:rgba(255,255,255,.28)}.high-contrast button,.high-contrast input,.high-contrast select,.high-contrast a:focus-visible{border-color:rgba(255,255,255,.4)}

/* Vamro — light brand system */
:root{color-scheme:light;--brand-canvas:#fff9ef;--brand-canvas-soft:#f4ebdd;--brand-surface:#fffefa;--brand-primary:#287fa3;--brand-primary-strong:#216b8a;--brand-mint:#55b89b;--brand-energy:#f28b5b;--brand-reward:#e6b84a;--brand-ink:#18313a;--brand-muted:#65787d;--brand-line:#e4ddd2;--brand-danger:#dc5964;--brand-success:#2e9b70;--brand-shadow:0 18px 55px rgba(69,57,38,.10);--ui-bg:var(--brand-canvas);--ui-panel:var(--brand-surface);--ui-ink:var(--brand-ink);--ui-muted:var(--brand-muted);--ui-lime:var(--brand-primary);--ui-line:var(--brand-line);--ui-danger:var(--brand-danger);--ui-shadow:var(--brand-shadow);--bg:var(--brand-canvas);--panel:var(--brand-surface);--ink:var(--brand-ink);--muted:var(--brand-muted);--lime:var(--brand-primary);--line:var(--brand-line);--accent:var(--brand-primary);--ok:var(--brand-success);--danger:var(--brand-danger)}
body{background-color:var(--brand-canvas);color:var(--brand-ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 5%,rgba(85,184,155,.13),transparent 27%),radial-gradient(circle at 94% 18%,rgba(242,139,91,.11),transparent 25%),linear-gradient(rgba(40,127,163,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(40,127,163,.025) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px}*:focus-visible{outline-color:var(--brand-primary)}
.brand,.logo,.party-logo,header a{color:var(--brand-ink)}.brand b,.logo b,.party-logo b,header>a b{background:var(--brand-primary);color:#fff;box-shadow:0 8px 20px rgba(40,127,163,.22)}
.primary,.btn.primary,form button[type="submit"]{background:var(--brand-primary);color:#fff;box-shadow:0 9px 24px rgba(40,127,163,.18)}.primary:hover,.btn.primary:hover,form button[type="submit"]:hover{background:var(--brand-primary-strong)}.secondary{background:var(--brand-surface);color:var(--brand-primary);border:1px solid var(--brand-line)}
input,select,textarea{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}input::placeholder,textarea::placeholder{color:#8b999c}dialog{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:0 35px 90px rgba(35,45,43,.20)}dialog::backdrop{background:rgba(24,49,58,.28);backdrop-filter:blur(7px)}
.skip-link{background:var(--brand-primary);color:#fff}.connection-state{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}.ui-steps b{background:var(--brand-canvas-soft);color:var(--brand-muted)}.ui-steps .active{color:var(--brand-ink)}.ui-steps .active b,.ui-steps .done b{background:var(--brand-primary);color:#fff}.text-action{color:var(--brand-primary)}.password-toggle{background:var(--brand-canvas-soft);color:var(--brand-primary)}
body>header,.nav,.site-header{background:rgba(255,249,239,.88);border-color:var(--brand-line);backdrop-filter:blur(18px)}.hero h1,.section-head h2,.game-card h3,.plan h3{color:var(--brand-ink)}.hero p,.section-head p,.game-card p,.plan p,.sub,.lead{color:var(--brand-muted)}
.game-card,.step,.plan,.recommendation,.join-card,.faq details{background:var(--brand-surface);border-color:var(--brand-line);box-shadow:var(--brand-shadow)}.game-card:hover{border-color:rgba(40,127,163,.38);box-shadow:0 22px 60px rgba(40,127,163,.14)}.game-card button{background:var(--brand-ink);color:#fff}.game-card .badge,.section-kicker,.eyebrow,.kicker{color:var(--brand-primary)}.mood-pills button{background:var(--brand-surface);color:var(--brand-muted);border-color:var(--brand-line)}.mood-pills button.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}footer{background:var(--brand-canvas-soft);color:var(--brand-ink);border-color:var(--brand-line)}
.account-page aside{background:#eef5f2;border-color:var(--brand-line)}.account-page nav button{color:var(--brand-muted)}.account-page nav button.active{background:#dceee8;color:#216c5b}.account-page header button,.account-head-actions a{color:var(--brand-ink);border-color:var(--brand-line);background:var(--brand-surface)}
.card,.pack,.empty,.settings-card,.history article,.auth-page section,.payment-page .summary,.payment-page .checkout,#wizard,.health article,.review>div{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:var(--brand-shadow)}.hero-card{background:linear-gradient(135deg,#dff1ec,#e7f2f7);border-color:#c9e1df}.hero-card p{color:var(--brand-muted)}.needs-plan{background:linear-gradient(135deg,#fae6df,#fff1e5)}
.auth-page{background:radial-gradient(circle at 15% 8%,#dceee8,var(--brand-canvas) 46%)}.auth-page .tabs{background:var(--brand-canvas-soft)}.auth-page .tabs button{color:var(--brand-muted)}.auth-page .tabs button.active{background:#fff;color:var(--brand-ink);box-shadow:0 5px 15px rgba(69,57,38,.08)}.auth-page input,.field input,.field select,.question-block{background:#fff;color:var(--brand-ink);border-color:var(--brand-line)}
.auth-page .journey-intro h2{color:var(--brand-ink);text-shadow:none}.auth-page .journey-intro>span{color:var(--brand-primary)}.auth-page .journey-intro p{color:var(--brand-muted)}.auth-page label,.payment-page label,#wizard label{color:var(--brand-muted);font-size:12px}.auth-page p{color:var(--brand-muted)}.auth-page .password-toggle{width:auto!important;margin:0!important;padding:7px 12px!important;background:var(--brand-canvas-soft)!important;color:var(--brand-primary)!important;box-shadow:none!important}.auth-page [hidden]{display:none!important}
.auth-page #notice:not(:empty){background:#fff0e9;color:#9b4b35;border:1px solid #f3cbbb}
.payment-page header,.payment-page .checkout-progress{background:rgba(255,249,239,.92);border-color:var(--brand-line)}.payment-page .price,.payment-page .checkout-kicker,.secure-label{color:var(--brand-primary)}.payment-trust{background:#e6f4ef;color:#216c5b;border-color:#cce7de}.setup-heading>span,.wizard-steps .active{color:var(--brand-primary)}.wizard-steps li b{background:var(--brand-canvas-soft);color:var(--brand-muted)}.wizard-steps .active b,.wizard-steps .done b{background:var(--brand-primary);color:#fff}.check{background:#eef6f3;border-color:#d5e9e2}
.game-hero,.details article,.modes,.last-setup{background:var(--brand-surface);border-color:var(--brand-line);box-shadow:var(--brand-shadow)}.preview{background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 18%,#fff),#f4ebdd)}.preview:before{color:var(--tone);filter:none}.facts span,.modes b{background:var(--brand-canvas-soft);color:var(--brand-ink);border-color:var(--brand-line)}
.party-header{background:rgba(255,249,239,.9);border-color:var(--brand-line)}.party-header .room-meta span,.party-header .room-meta strong,.icon-button,.quiet-button{background:var(--brand-surface);color:var(--brand-ink);border:1px solid var(--brand-line)}.stage,.panel{background:linear-gradient(145deg,rgba(255,254,250,.98),rgba(244,235,221,.78));color:var(--brand-ink);border-color:var(--brand-line);box-shadow:var(--brand-shadow)}.stage:before{opacity:.08}.card,.secret-card{background:var(--brand-surface);border-color:var(--brand-line)}.player,.score-row{background:var(--brand-canvas-soft);color:var(--brand-ink)}.settings-grid select,.answer-form input,.description{background:#fff;color:var(--brand-ink);border-color:var(--brand-line)}.choice{background:#fff;color:var(--brand-ink);border-color:var(--brand-line)}.choice:hover{background:#f0f7f5}.code,.secret-word,.big-points{color:var(--game,var(--brand-primary))}.progress{background:#e4ddd2}.quiet-button{color:var(--brand-muted)}
.room-identity span,.room-identity div,#roomBadge{background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}.lobby-panel,.question-card,.results-panel,.settings,.players{background:var(--brand-surface);border-color:var(--brand-line)}#toast{background:var(--brand-ink);color:#fff;box-shadow:var(--brand-shadow)}
.high-contrast{--brand-muted:#374b50;--brand-line:#9eaaa7;--muted:#374b50;--ui-muted:#374b50;--line:#9eaaa7;--ui-line:#9eaaa7}.high-contrast button,.high-contrast input,.high-contrast select{border-color:#65787d}
