/* Secondary-page UI kit. Intentionally scoped: the city canvas keeps its cinematic theme. */
#modal .modal-content :is(p,li){color:var(--pw-color-ink-muted);}
#modal .modal-content .wallet-cash :is(p,small,span){color:var(--pw-brand-on-navy);}
#modal .modal-content :is(#identity-login,#identity-code,#identity-profile,#desk-documents,#desk-campaign,#merchant-onboarding){display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pw-space-3);margin:var(--pw-space-6) 0;max-width:680px;}
#modal .modal-content :is(#identity-login,#identity-code,#identity-profile,#desk-documents,#desk-campaign,#merchant-onboarding)>label{font-size:var(--pw-text-sm);font-weight:var(--pw-weight-semibold);color:var(--pw-color-ink-muted);margin-top:var(--pw-space-1);}
#modal .modal-content :is(#identity-login,#identity-code,#identity-profile,#desk-documents,#desk-campaign,#merchant-onboarding)>:is(input,select){width:100%;min-width:0;}
#modal .modal-content :is(#identity-login,#identity-code,#identity-profile,#desk-documents,#desk-campaign,#merchant-onboarding)>.primary{margin-top:var(--pw-space-2);width:100%;}
#modal .modal-content :is(.account-trace,details){overflow-wrap:anywhere;}
#modal .voucher-code svg{display:block;width:220px;max-width:100%;height:auto;margin:auto;}
.desk-tabs{display:flex;gap:var(--pw-space-2);overflow-x:auto;padding:0 0 var(--pw-space-4);margin-bottom:var(--pw-space-5);border-bottom:1px solid var(--pw-color-line);}.desk-tabs button{flex:0 0 auto;min-width:64px;padding:var(--pw-space-2) var(--pw-space-3);}.desk-body{max-width:760px;margin:auto;}.desk-body textarea{display:block;width:100%;min-height:100px!important;margin:var(--pw-space-3) 0;}.desk-body .account-record{display:flex;justify-content:space-between;padding:var(--pw-space-4);margin:var(--pw-space-3) 0;}.desk-body small{display:block;}.desk-body .wallet-cash{margin-bottom:var(--pw-space-5);}
.home-body{padding:var(--pw-space-6);}.home-body h1{font-size:var(--pw-text-xl);}.home-body p,.home-body small,.home-record small{color:var(--pw-color-ink-muted);line-height:1.6;}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-space-3);}.home-section-heading p{font-size:var(--pw-text-sm);}
.home-body select,.home-tabs button,.home-chart button{min-height:44px;border:1px solid var(--pw-color-line);background:var(--pw-color-surface);color:var(--pw-color-ink-muted);border-radius:var(--pw-radius-md);padding:var(--pw-space-2) var(--pw-space-3);}
.home-tabs{display:flex;gap:var(--pw-space-2);margin:var(--pw-space-5) 0;}.home-tabs button{flex:1;}.home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pw-space-3);margin:var(--pw-space-5) 0;}.home-metrics small,.home-metrics strong{display:block;}.home-metrics strong{font-size:var(--pw-text-xl);margin-top:var(--pw-space-2);overflow-wrap:anywhere;}.home-metrics small{color:var(--pw-color-ink-muted);font-size:var(--pw-text-xs);}
.home-photo{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:var(--pw-radius-lg);}.home-listing{border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);overflow:hidden;}.home-listing>div{padding:var(--pw-space-5);}.home-listing .home-photo{border-radius:0;}.home-listing .home-metrics{grid-template-columns:1fr 1fr;}
.home-chart{background:var(--pw-color-canvas);border-radius:var(--pw-radius-lg);padding:var(--pw-space-4);margin:var(--pw-space-6) 0;}.home-chart h3{font-size:var(--pw-text-base);}.home-chart>strong{font-size:var(--pw-text-xl);}.home-chart svg{width:100%;display:block;}.home-chart button{padding:var(--pw-space-1);min-width:40px;}.home-chart>small{font-size:var(--pw-text-xs);}
.home-holding{padding:var(--pw-space-6);border-radius:var(--pw-radius-lg);background:linear-gradient(125deg,var(--pw-color-action-deep),var(--pw-color-action));color:var(--pw-brand-on-navy);}.home-holding>strong{display:block;font-size:var(--pw-text-display);margin:var(--pw-space-3) 0;}.home-holding small{color:var(--pw-brand-on-navy);}
.home-record{display:flex;justify-content:space-between;gap:var(--pw-space-4);width:100%;padding:var(--pw-space-4) 0;background:none;border:0;border-bottom:1px solid var(--pw-color-line);color:var(--pw-color-ink);text-align:left;}.home-record small{display:block;margin-top:var(--pw-space-1);font-size:var(--pw-text-xs);}.home-record>strong{text-align:right;}.home-offer{display:flex;align-items:center;justify-content:space-between;background:var(--pw-color-canvas);padding:var(--pw-space-5);border-radius:var(--pw-radius-lg);margin:var(--pw-space-3) 0;}.home-rights{margin-top:var(--pw-space-6);border-top:1px solid var(--pw-color-line);padding:var(--pw-space-5) 0;font-size:var(--pw-text-sm);}
@media(max-width:500px){.home-body{padding:var(--pw-space-4);}.home-metrics{gap:var(--pw-space-2);}.home-metrics strong{font-size:var(--pw-text-lg);}.home-section-heading{flex-wrap:wrap;}.home-tabs button{padding:var(--pw-space-2);font-size:var(--pw-text-sm);}}
:is(#modal,#district-scene,#agent-plaza){
  --ink:var(--pw-color-ink);--muted:var(--pw-color-ink-muted);--line:var(--pw-color-line);--night:var(--pw-color-canvas);
  --panel:var(--pw-color-surface);--panel-2:var(--pw-color-canvas);--cyan:var(--pw-color-action);--purple:var(--pw-color-action);
  --gold:var(--pw-color-action);--green:var(--pw-color-success);--glass:var(--pw-color-surface);--glass-edge:var(--pw-color-line);
  --shadow:0 4px 20px color-mix(in srgb, var(--pw-color-action-deep) 5%, transparent);color:var(--pw-color-ink);
  font-family:var(--pw-font-sans);
}
html body #modal{background:var(--pw-color-surface);color:var(--pw-color-ink);}
html body #modal .modal-content{padding:var(--pw-space-6) var(--pw-space-8) var(--pw-space-12);}
:is(#modal,#district-scene,#agent-plaza) :is(button,input,select,textarea){font-family:var(--pw-font-sans);box-shadow:none;text-shadow:none;}
:is(#modal,#district-scene,#agent-plaza) button{cursor:pointer;}
:is(#modal,#district-scene,#agent-plaza) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--pw-focus);outline-offset:3px;}
:is(#modal,#district-scene,#agent-plaza) :is(h1,h2,h3,h4){color:var(--pw-color-ink);letter-spacing:-.025em;}
#modal .modal-head{border-color:var(--pw-color-line);margin-bottom:var(--pw-space-6);}
#modal .modal-head h2{font-size:var(--pw-text-xl);font-weight:var(--pw-weight-bold);}
:is(#modal,#district-scene,#agent-plaza) :is(.modal-label,.game-filter-label,.game-info span,.game-directory-head small,.commerce-card small,.hall-heading p,.hall-growth small,.hall-row small,.hall-duo small,.hall-news small,.hall-news span,.hall-footer,.treasury-caption,.treasury-record small,.wallet-bill small){color:var(--pw-color-ink-muted)!important;}
#modal :is(p,li){line-height:1.75;}
:is(#modal,#district-scene,#agent-plaza) :is(.secondary,.close,.game-detail,.game-return,.scene-back,.game-tab,.game-filter,.action,.scene-option){background:var(--pw-color-surface);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-md);color:var(--pw-color-ink-muted);min-height:44px;}
:is(#modal,#district-scene,#agent-plaza) :is(.primary,.game-play){background:var(--pw-color-action);color:var(--pw-brand-on-navy);border:1px solid var(--pw-color-action);border-radius:var(--pw-radius-md);min-height:46px;font-weight:var(--pw-weight-semibold);}
:is(#modal,#district-scene,#agent-plaza) :is(.primary,.game-play):hover{background:var(--pw-color-action);}
:is(#modal,#district-scene,#agent-plaza) :is(.active,[aria-pressed=true]):is(button){background:var(--pw-color-action);color:var(--pw-brand-on-navy);border-color:var(--pw-color-action);}
:is(#modal,#district-scene,#agent-plaza) :is(.modal-info>div,.plan,.profile-section,.account-record,.wallet-point-grid>div,.wallet-payment,.wallet-topup-summary,.reward-account,.medal-item,.next-action,.scene-core-item,.brief,.session,.agent-card,.permission,.safety-grid>div){background:var(--pw-color-canvas);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);color:var(--pw-color-ink);box-shadow:none;}
#modal :is(.modal-info span,.profile-section span,.profile-section i,.id-data span,.id-grid label){color:var(--pw-color-ink-muted);}
#modal :is(.modal-info strong,.profile-section b,.medal-heading,.medal-level){color:var(--pw-color-ink);}
#modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--pw-color-surface-elevated);color:var(--pw-color-ink);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-md);min-height:46px;padding:var(--pw-space-3);max-width:100%;}
#modal :is(input[type=checkbox],input[type=radio]){accent-color:var(--pw-color-action);}
#modal :is(.compact-rules,.wallet-points,.account-record,.wallet-bill,.treasury-record,.treasury-tabs,.treasury-totals,.treasury-batch dl>div){border-color:var(--pw-color-line);}
#modal summary{color:var(--pw-color-action);}
#modal .wallet-cash,#modal .citizen-id,#district-scene .hall-passport{background:linear-gradient(125deg,var(--pw-color-action-deep) 0%,var(--pw-color-action) 60%,var(--pw-color-action) 100%);border:0;border-radius:var(--pw-radius-xl);padding:var(--pw-space-6);color:var(--pw-brand-on-navy);box-shadow:var(--pw-shadow-raised);}
#modal .wallet-cash>strong{color:var(--pw-brand-on-navy);font-size:var(--pw-text-display);letter-spacing:-.035em;}
#modal .wallet-cash button{background:var(--pw-brand-line);color:var(--pw-brand-on-navy);border-color:color-mix(in srgb, var(--pw-brand-on-navy) 40%, transparent);}
#modal .citizen-id :is(b,strong,span,label){color:var(--pw-brand-on-navy);}
#modal .wallet-point-grid>div{padding:var(--pw-space-4);}
#modal .wallet-point-grid strong{color:var(--pw-color-ink);font-size:var(--pw-text-xl);}
#modal .wallet-point-grid button{color:var(--pw-color-action);}
#modal .wallet-topup-summary{padding:var(--pw-space-3) var(--pw-space-4);}
#modal .wallet-bill{background:var(--pw-color-surface);color:var(--pw-color-ink);}
#modal .treasury-tabs button,#district-scene .hall-tabs button{border-radius:var(--pw-radius-round);background:var(--pw-color-canvas);color:var(--pw-color-ink-muted);border:0;margin:var(--pw-space-1) 0 var(--pw-space-3);min-height:44px;}
#modal .treasury-tabs button[aria-pressed=true],#district-scene .hall-tabs button[aria-pressed=true]{background:var(--pw-color-action);color:var(--pw-brand-on-navy);}
#modal .treasury-price{padding:var(--pw-space-5);background:var(--pw-color-canvas);border-radius:var(--pw-radius-lg);}
#modal .treasury-price strong small{color:var(--pw-color-ink-muted);}
#modal .treasury-price svg polyline{stroke:var(--pw-color-success);}
#modal .treasury-price svg circle{fill:var(--pw-color-success);}
#modal .treasury-price svg text{fill:var(--pw-color-ink-muted);}
#modal .merchant-voucher{background:var(--pw-color-surface-elevated);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);}
#modal :is(.merchant-discount,.merchant-score,.merchant-voucher strong){color:var(--pw-color-action);}
#modal .cap-row span{background:var(--pw-color-canvas);color:var(--pw-color-action);border-color:var(--pw-color-line);}
#district-scene .game-directory,#district-scene .commerce-directory{background:var(--pw-color-surface);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-xl);color:var(--pw-color-ink);box-shadow:var(--pw-shadow-floating);backdrop-filter:none;}
#district-scene :is(.game-list,.game-card,.commerce-card){background:var(--pw-color-canvas);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);box-shadow:none;backdrop-filter:none;color:var(--pw-color-ink);}
#district-scene .game-list{border:0;background:transparent;padding:var(--pw-space-3) 0;}
#district-scene .game-card{padding:var(--pw-space-4);}
#district-scene :is(.game-info b,.game-directory-head b,.commerce-heading h2){font-weight:var(--pw-weight-bold);color:var(--pw-color-ink);}
#district-scene .game-info span{font-size:var(--pw-text-sm);line-height:1.6;}
#district-scene .game-tabs{border-color:var(--pw-color-line);}
#district-scene .game-summary{color:var(--pw-color-ink-muted);font-size:var(--pw-text-sm);line-height:1.65;}
#district-scene[data-district=game] .scene-top{display:none;}
#district-scene[data-district=game] .game-directory{top:0;bottom:0;border-radius:0;}
#district-scene .scene-title{text-shadow:none;}
#district-scene .scene-title small{color:var(--pw-color-ink-muted);text-shadow:none;}
#district-scene :is(.game-tab,.game-filter){padding:var(--pw-space-2) var(--pw-space-3);font-size:var(--pw-text-sm);}
#district-scene .commerce-directory :is(button,select,input){background:var(--pw-color-surface);color:var(--pw-color-ink-muted);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-md);min-height:44px;}
#district-scene .commerce-directory :is(.primary,[aria-pressed=true]){background:var(--pw-color-action);color:var(--pw-brand-on-navy);border-color:var(--pw-color-action);}
#district-scene .commerce-card :is(p,summary){color:var(--pw-color-ink-muted);}
#district-scene .merchant-monogram,#modal .merchant-monogram{background:var(--pw-color-canvas);color:var(--pw-color-action);border-radius:var(--pw-radius-md);}
#district-scene .scene-title{background:var(--pw-color-surface);color:var(--pw-color-ink);border-radius:var(--pw-radius-md);padding:var(--pw-space-3) var(--pw-space-4);}
#district-scene :is(.scene-mission,.scene-core,.scene-line){background:var(--pw-color-surface);color:var(--pw-color-ink);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);text-shadow:none;}
#district-scene .scene-option :is(b,i){color:var(--pw-color-action);}
#district-scene[data-district=hall]{background:var(--pw-color-canvas);}
#district-scene[data-district=hall] .hall-page{background:var(--pw-color-surface);color:var(--pw-color-ink);}
#district-scene .hall-tabs{background:var(--pw-color-surface);gap:var(--pw-space-2);border-color:var(--pw-color-line);}
#district-scene :is(.hall-header,.hall-row,.hall-news button){border-color:var(--pw-color-line);}
#district-scene :is(.hall-heading>small,.hall-duo b){color:var(--pw-color-action);}
#district-scene .hall-passport small{color:var(--pw-brand-on-navy);}
#district-scene .hall-initials{background:color-mix(in srgb, var(--pw-brand-on-navy) 13%, transparent);color:var(--pw-brand-on-navy);}
#district-scene .hall-duo button{background:var(--pw-color-canvas);color:var(--pw-color-ink);border:1px solid var(--pw-color-line);border-radius:var(--pw-radius-lg);}
#district-scene .hall-growth progress{accent-color:var(--pw-color-action);}
#agent-plaza{background:var(--pw-color-canvas);}
#agent-plaza :is(.topbar,.card,.my-agent,.safety,.bottom-nav){background:var(--pw-color-surface);color:var(--pw-color-ink);border-color:var(--pw-color-line);border-radius:var(--pw-radius-lg);box-shadow:var(--pw-shadow-raised);}
#agent-plaza :is(.brief,.session,.agent-card){color:var(--pw-color-ink);}
#agent-plaza .plaza-copy{background:color-mix(in srgb, var(--pw-brand-on-navy) 95%, transparent);border-radius:var(--pw-radius-lg);padding:var(--pw-space-6);color:var(--pw-color-ink);max-width:580px;}
#agent-plaza :is(.plaza-copy p,.agent-card p,.agent-card small,.nav-item){color:var(--pw-color-ink-muted);}
#agent-plaza .nav-item.active{color:var(--pw-color-action);background:var(--pw-color-canvas);}
#agent-plaza .nav-item.eva{background:var(--pw-color-action);color:var(--pw-brand-on-navy);}
#agent-plaza .agent-scene-line{color:var(--pw-color-ink-muted);text-shadow:none;background:var(--pw-color-canvas);border-radius:var(--pw-radius-lg);padding:var(--pw-space-4);}
#agent-plaza .agent-scene-line b{color:var(--pw-color-action);text-shadow:none;}
#agent-plaza .agent-scene-line button{background:var(--pw-color-surface);color:var(--pw-color-action);border:1px solid var(--pw-color-line);min-height:44px;border-radius:var(--pw-radius-sm);}
#district-scene .commerce-directory :is(p,.commerce-disclaimer,.street-invite small){color:var(--pw-color-ink-muted);}
#district-scene .commerce-directory input::placeholder{color:var(--pw-color-ink-subtle);opacity:1;}
@media(max-width:700px){
  html body #modal .modal-content{padding:var(--pw-space-5) var(--pw-space-4) var(--pw-space-10);}
  #modal .modal-head h2{font-size:var(--pw-text-xl);}
  #modal .modal-head{gap:var(--pw-space-3);align-items:center;}
  #modal .close{min-width:68px;font-size:var(--pw-text-sm);}
  #modal .wallet-cash{padding:var(--pw-space-5);}
  #modal .wallet-point-grid{gap:var(--pw-space-2);}
  #modal .wallet-point-grid>div{padding:var(--pw-space-3);}
  #district-scene :is(.game-directory,.commerce-directory){left:0;right:0;bottom:0;width:100%;border-radius:var(--pw-radius-xl) var(--pw-radius-xl) 0 0;padding:var(--pw-space-4);}
  #district-scene .game-card{padding:var(--pw-space-3);gap:var(--pw-space-3);}
  #district-scene .game-info b{font-size:var(--pw-text-base);}
  #district-scene .game-directory-head small{font-size:var(--pw-text-xs);}
  #district-scene :is(.game-detail,.game-play){font-size:var(--pw-text-sm);padding:var(--pw-space-2) var(--pw-space-3);}
  #district-scene .game-actions{flex-wrap:wrap;}
  #district-scene .game-filter-row{max-width:100%;}
  #agent-plaza .plaza-copy{padding:var(--pw-space-4);}
}

/* 游戏页标题下的说明一行放下，不再被 185px 的旧宽度挤成三行（2026-10-13） */
#district-scene .game-directory-head small{max-width:none}