/* Banco Mastro: the website's charcoal, paper and yellow, adapted for play. */
:root{
  --bg:var(--mastro-bg);--panel:var(--mastro-surface);--line:var(--mastro-line);
  --text:var(--mastro-paper);--muted:var(--mastro-muted);--gold:var(--mastro-gold);
  --teal:var(--mastro-success);--red:var(--mastro-danger);
  --paper:var(--mastro-paper);--ink:var(--mastro-ink);
  --surface-deep:var(--mastro-deep);--surface-raised:var(--mastro-raised);
}
body{background:var(--bg);color:var(--text);font-family:var(--mastro-font-body)}
button,input,select{font-family:inherit}
button{background:var(--mastro-raised);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);font-weight:500;box-shadow:0 2px 0 var(--mastro-deep);transition:background .18s,border-color .18s,box-shadow .18s}
button:hover:not(:disabled){background:var(--mastro-line);border-color:var(--mastro-muted)}
button:disabled{opacity:.65;box-shadow:none}
button.primary,.primary{background:var(--gold);color:var(--mastro-subtle);border-color:var(--mastro-gold-border);box-shadow:3px 3px 0 var(--mastro-deep)}
button.primary:hover:not(:disabled),.primary:hover:not(:disabled){background:var(--mastro-gold-border);border-color:var(--mastro-gold-border);box-shadow:4px 4px 0 var(--mastro-deep)}
.quiet,.level-link{background:var(--mastro-surface);border-color:var(--mastro-line-strong);color:var(--text);box-shadow:none}
input:not([type=checkbox]):not([type=range]),select,textarea{background:var(--mastro-bg);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--mastro-muted)}
:focus-visible{outline-color:var(--gold);outline-offset:3px}
progress,progress::-webkit-progress-bar{background:var(--mastro-line);border-radius:2px}
progress::-webkit-progress-value{border-radius:2px}
::selection{background:var(--mastro-gold-hover);color:var(--mastro-subtle)}

/* Navigation and a persistent account column frame the active screen. */
.navigation-panel{background:var(--mastro-deep);border-color:var(--mastro-line);padding:12px;gap:8px}
.sidebar-brand{height:48px;width:150px;margin-bottom:0}
.side-nav{gap:2px}
.side-nav button{border-radius:var(--mastro-radius-control);min-height:45px;font-size:.83rem;font-weight:500;letter-spacing:.005em;color:var(--mastro-muted);box-shadow:none}
.side-nav button:hover:not(:disabled){background:var(--mastro-raised);border-color:var(--mastro-line);color:var(--mastro-muted)}
.side-nav button.active{background:var(--gold);color:var(--mastro-bg);border-color:var(--mastro-gold-border);box-shadow:3px 3px 0 var(--mastro-deep);font-weight:500}
.side-nav button.active .point{background:var(--mastro-subtle);color:var(--mastro-gold-border)}
/* A compact, shared season shortcut for the city menu and mobile activity row. */
.side-nav button.pass-shortcut,.mobile-activity button.pass-shortcut{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px 8px;width:100%;min-width:0;padding:8px;text-align:left;background:var(--mastro-surface);border:1px solid var(--mastro-line);color:var(--paper);box-shadow:none}
.game-shell>.navigation-panel .side-nav button.pass-shortcut{min-height:58px;padding-block:8px;margin-top:5px}
.pass-shortcut-icon{display:block;width:24px;height:28px;object-fit:contain;image-rendering:auto}
.side-nav button.pass-shortcut>.pass-shortcut-copy,.mobile-activity .pass-shortcut-copy{position:static;display:grid;gap:4px;min-width:0;width:auto;height:auto;clip-path:none;overflow:visible}
.pass-shortcut-heading{display:flex;align-items:baseline;justify-content:space-between;gap:5px;min-width:0;white-space:nowrap;line-height:1.2}
.pass-shortcut-heading strong{font-size:.76rem;font-weight:500;color:var(--paper)}
.pass-shortcut-heading>span{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.pass-shortcut-status{display:flex;align-items:center;gap:4px;font-size:.65rem;line-height:1.2;color:var(--muted)}
.pass-shortcut-status .ui-icon{width:12px;height:12px;flex-shrink:0}
.pass-shortcut progress{grid-column:1/-1;width:100%;height:3px}
.side-nav button.pass-shortcut.is-ready,.mobile-activity button.pass-shortcut.is-ready{border-color:var(--teal)}
.pass-shortcut.is-ready .pass-shortcut-status{color:var(--teal)}
.side-nav button.pass-shortcut:hover,.mobile-activity button.pass-shortcut:hover,.side-nav button.pass-shortcut.is-active,.mobile-activity button.pass-shortcut.is-active{background:var(--mastro-raised);border-color:var(--gold)}
.pass-shortcut:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:900px){
  .mobile-activity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 4px;min-width:0}
  .mobile-activity>.pass-shortcut{height:100%;min-height:60px;border-radius:var(--mastro-radius-control)}
  .game-shell .mobile-activity>.fraud-timer-compact{height:100%;min-height:60px;margin:0;padding:6px 8px;gap:4px 6px}
  .mobile-activity .fraud-timer-name{display:block}
  .mobile-activity .fraud-timer-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.63rem}
  .game-shell .mobile-activity>.mobile-fraud-shortcut{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;min-height:60px;padding:8px;text-align:left;border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);background:var(--mastro-subtle);box-shadow:none}
  .mobile-fraud-shortcut>.pixel-icon{width:24px;height:24px;flex-shrink:0;margin:0}
  .mobile-fraud-shortcut>span{display:grid;gap:4px;min-width:0}
  .mobile-fraud-shortcut strong{font-size:.76rem;font-weight:500;color:var(--paper)}
  .mobile-fraud-shortcut small{font-size:.65rem;color:var(--muted)}
  .navigation-dialog .side-nav button.pass-shortcut{margin:0;min-height:60px;padding:8px}
  .navigation-dialog .side-nav button.pass-shortcut>.pass-shortcut-copy{display:grid}
}
.navigation-footer{border-top:1px solid var(--mastro-raised);padding-top:8px;gap:4px}
.navigation-footer>button{border-color:var(--mastro-line);background:var(--mastro-surface);font-size:.8rem;min-height:42px}
@media(min-width:901px){
  body.is-playing{background:linear-gradient(90deg,var(--mastro-deep) 50%,var(--bg) 50%)}
  .game-shell>.navigation-panel{--navigation-row-height:36px;--navigation-row-padding:6px}
  .game-shell>.navigation-panel :is(.side-nav,.navigation-footer) button:not(.coin-offer-nav):not(.pass-shortcut){min-height:var(--navigation-row-height);padding-block:var(--navigation-row-padding)}
  .game-shell>.navigation-panel .navigation-footer>.online-counter{margin:0;padding-block:2px}
  .game-shell>.navigation-panel .nav-status{background:var(--mastro-deep);padding-bottom:2px}
}
@media(min-width:901px) and (max-height:800px){
  .game-shell>.navigation-panel{--navigation-row-height:32px;--navigation-row-padding:4px;padding-block:10px;gap:6px}
  .game-shell>.navigation-panel .sidebar-brand{height:40px}
}
@media(min-width:901px) and (max-height:650px){
  .game-shell>.navigation-panel{--navigation-row-height:28px;--navigation-row-padding:2px;padding-block:8px;gap:4px}
  .game-shell>.navigation-panel .sidebar-brand{height:32px}
  .game-shell>.navigation-panel .side-nav{gap:1px}
  .game-shell>.navigation-panel .navigation-footer{gap:2px;padding-top:4px}
}
@media(min-width:901px) and (pointer:coarse){
  .game-shell>.navigation-panel{--navigation-row-height:44px;--navigation-row-padding:10px}
}
.game-shell>.game-content{padding:28px 26px 34px;background:radial-gradient(ellipse at 25% 0,var(--mastro-glow),transparent 55%),var(--bg)}
.game-content .section-head{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--mastro-line);gap:16px;align-items:center}
.game-content h1{font-family:var(--mastro-font-display);font-size:2.8rem;font-weight:500;letter-spacing:-.015em;line-height:1.03;margin:0;color:var(--paper)}
.game-content .section-head h1{position:relative;padding-left:17px}
.game-content .section-head h1::before{content:'';position:absolute;left:0;top:10%;bottom:7%;width:5px;background:var(--gold);transform:skewY(-12deg)}
.game-content .section-head p{font-size:.78rem;margin-top:7px;color:var(--muted)}
.game-content h2,.game-content h3{letter-spacing:-.015em}
.game-content .card{background:var(--panel);border-color:var(--mastro-line);border-radius:var(--mastro-radius-card);box-shadow:0 4px 0 var(--mastro-shadow-soft);padding:20px}
.game-content .card-grid,.game-content .people-grid{gap:16px}
.game-content .card-title h2{font-family:var(--mastro-font-display);font-weight:500;font-size:1.6rem;line-height:1.1;color:var(--mastro-muted)}
.subtabs{gap:6px;border-bottom:1px solid var(--mastro-line);padding-bottom:12px;margin-bottom:20px}
.subtabs button{border-color:transparent;border-radius:3px;background:transparent;color:var(--mastro-muted);padding:10px 15px;box-shadow:none;min-height:42px}
.subtabs button.selected{background:var(--paper);border-color:var(--paper);color:var(--mastro-surface);box-shadow:3px 3px 0 var(--mastro-deep);font-weight:500}
.player-panel{background:var(--mastro-bg);border-left:1px solid var(--mastro-line);padding:18px 14px;gap:13px}
.player-block{background:var(--mastro-surface);border-color:var(--mastro-line);border-radius:var(--mastro-radius-card);padding:14px}
.avatar-panel{background:var(--mastro-subtle);border-color:var(--mastro-line-strong);padding:6px 8px 10px}
.avatar-panel figcaption{font-size:.84rem;padding-block:8px 4px;color:var(--paper)}
.player-level-row{font-size:.78rem;padding-top:5px}
.player-cash{font-family:var(--mastro-font-display);font-size:2.15rem;font-weight:500;letter-spacing:.01em;color:var(--gold)}
.player-budget,.player-budget button,.resource-meter>span{font-size:.77rem}
.player-resources .premium-balance{background:var(--mastro-surface);border-color:var(--mastro-gold-subtle);color:var(--mastro-gold-border)}
.side-stats>div{padding-block:4px}
.side-stats dd{color:var(--mastro-muted)}
.player-panel button.level-link{background:var(--mastro-raised);border-color:var(--mastro-line-strong)}
.player-panel .upgrade-quantity button{border-radius:3px}
.player-panel .upgrade-quantity button.selected{background:var(--gold);color:var(--mastro-subtle);border-color:var(--gold)}

/* Frauds: separate the decision, costs and running result from the catalogue. */
.fraud-view .section-head{margin-bottom:16px}
.fraud-workspace{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.9fr)}
.game-content .fraud-detail{border:1px solid var(--mastro-line-strong);border-radius:var(--mastro-radius-card);padding:22px;background:var(--mastro-surface)}
.fraud-overview{gap:18px;padding-bottom:18px;border-bottom:0;margin-bottom:0}
.fraud-heading h2{font-family:var(--mastro-font-display);font-size:2.2rem;font-weight:500;line-height:1.05;color:var(--paper);margin-bottom:12px}
.fraud-heading>p{font-size:.82rem;line-height:1.6;color:var(--mastro-muted)}
.fraud-chance .chance{font-family:var(--mastro-font-display);font-size:2.1rem;font-weight:500;color:var(--teal);line-height:1}
.fraud-metrics{padding:17px 0;gap:17px 16px;border-color:var(--mastro-line);margin-bottom:12px}
.fraud-metrics dt{color:var(--mastro-muted);font-size:.74rem}
.fraud-metrics dd{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:500}
.fraud-metrics .metric-return dd{color:var(--mastro-success);font-size:1.2rem}
.fraud-catalogue{background:var(--mastro-subtle);border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-card);overflow:hidden}
.fraud-catalogue>h2{font-family:var(--mastro-font-display);font-size:1.4rem;font-weight:500;background:var(--paper);color:var(--mastro-surface);border:0;padding:13px 16px}
.fraud-catalogue>h2 small{color:var(--mastro-line)}
.fraud-list{padding:9px;gap:7px}
.fraud-list-button{background:var(--mastro-raised);border:1px solid transparent;border-radius:var(--mastro-radius-control);box-shadow:none;padding:11px 10px;gap:10px;min-height:76px}
.fraud-list-button:hover:not(:disabled){background:var(--mastro-raised);border-color:var(--mastro-line-strong)}
.fraud-list-button.selected{background:var(--mastro-paper);border-color:var(--mastro-white);color:var(--mastro-surface);box-shadow:3px 3px 0 var(--mastro-deep)}
.fraud-list-button.selected .fraud-option-copy>strong,.fraud-list-button.selected .fraud-option-copy>small{color:var(--mastro-raised)}
.fraud-option-copy>strong{font-size:.87rem;line-height:1.35}
.fraud-option-copy>small{font-size:.74rem;line-height:1.55;color:var(--mastro-muted);margin-top:4px}
.fraud-list-button.selected .current-fraud-tag{background:var(--mastro-raised);color:var(--mastro-muted);border-color:var(--mastro-line-strong)}
.fraud-timer{background:var(--mastro-surface);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control)}
.game-shell .player-resources .fraud-timer-compact{background:var(--mastro-surface);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control)}
.fraud-apply{font-weight:500;letter-spacing:.01em;min-height:48px}
.next-steps{background:var(--mastro-subtle);border-color:var(--mastro-line);border-radius:var(--mastro-radius-card);padding:18px}
.next-steps h2,.daily-goals>summary{font-size:.81rem;font-weight:500}
.next-steps-grid>div{border-color:var(--mastro-gold-subtle)}
.daily-goals{border-color:var(--mastro-line);background:var(--mastro-surface);border-radius:var(--mastro-radius-card);margin-bottom:15px}
.daily-goals>summary{padding:13px 15px;min-height:44px}

/* The same surfaces carry businesses, contacts, items and the marketplace. */
.game-content .business-card{padding:18px;gap:18px;border-top:3px solid var(--mastro-gold-subtle);background:linear-gradient(120deg,var(--mastro-raised),var(--mastro-surface))}
.game-content .business-card{--business-art-size:84px;grid-template-columns:var(--business-art-size) minmax(0,1fr)}
.game-content .business-card>.building{width:var(--business-art-size);height:var(--business-art-size);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.business-content h2{font-family:var(--mastro-font-display);font-size:1.65rem;font-weight:500;line-height:1.1;margin-bottom:12px}
.manager-picker>summary{background:var(--mastro-bg);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);padding:9px 11px}
.manager-options{background:var(--mastro-subtle);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-card)}
.manager-option{background:var(--mastro-raised);border-color:var(--mastro-line);border-radius:3px}
.managed-business,.bonus-source,.service-card{background:var(--mastro-subtle);border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-control)}
.game-content .person-card{align-items:flex-start;border-top:3px solid var(--mastro-line-strong);gap:15px;padding:18px}
.game-content .person-card>.portrait{width:80px;height:80px;background:var(--mastro-bg)!important;border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-card)}
.game-content .person-card.locked-person{border-top:1px solid var(--mastro-line);background:var(--mastro-surface);box-shadow:none}
.person-content p{line-height:1.55}
.person-content .actions{gap:7px}
.person-content button{padding:9px 12px}
.game-content .shop-card,.game-content .lawyer-card,.game-content .club-card{border-top:3px solid var(--mastro-line-strong)}
.game-content .shop-card h3,.game-content .lawyer-card h2,.game-content .club-card h2{font-family:var(--mastro-font-display);font-size:1.55rem;font-weight:500;line-height:1.12}
.item-slot,.equipment-slot{border-color:var(--mastro-line-strong);background:var(--mastro-bg)}
.item-tooltip,.item-info,.market-filters,.listing-card,.inventory-summary{background:var(--mastro-surface);border-color:var(--mastro-line)}
.room-chat{background:var(--mastro-subtle);border-color:var(--mastro-line);border-radius:var(--mastro-radius-card)}
.room-chat-heading,.room-chat-form{background:var(--mastro-surface);border-color:var(--mastro-line)}
.room-message{border-color:var(--mastro-raised)}
.highscores-table,.highscores-scroll{border-color:var(--mastro-line);background:var(--mastro-surface)}
.highscores-table thead{background:var(--paper);color:var(--mastro-surface)}
.highscores-table thead th{color:var(--mastro-raised);border-color:var(--mastro-muted)}
.highscores-table thead small{color:var(--mastro-line)}
.highscores-table td,.highscores-table th{border-color:var(--mastro-line)}
.highscores-table tbody tr:nth-child(even){background:var(--mastro-surface)}
.highscores-table tbody tr.is-self{background:var(--mastro-raised)}

/* Dialogs retain their actions, consequences and animation controls. */
.modal-backdrop{background:var(--mastro-backdrop)}
.dialog{background:var(--mastro-surface);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-card);box-shadow:10px 10px 0 var(--mastro-shadow-soft),0 20px 80px var(--mastro-shadow-soft)}
.dialog h2{font-family:var(--mastro-font-display);font-weight:500;font-size:2rem;line-height:1.1;color:var(--paper)}
.dialog-close button{border-color:var(--mastro-line-strong);background:var(--mastro-raised);border-radius:3px;min-height:36px}
.budget-summary>div,.change-chip,.toast-art{background:var(--mastro-bg);border-color:var(--mastro-line);border-radius:var(--mastro-radius-control)}
.budget-group{border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control)}
.toast-card{background:var(--mastro-raised);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-card);box-shadow:5px 5px 0 var(--mastro-shadow-soft)}
.toast-copy>p{color:var(--mastro-muted)}
.toast-failure{background:var(--mastro-raised);border-color:var(--mastro-danger)}
.legal-scroll,.legal-checks,.legal-heading{background:var(--mastro-subtle);border-color:var(--mastro-line-strong)}
.legal-heading h2{color:var(--paper)}
.tutorial-bubble{background:var(--mastro-backdrop);border-color:var(--mastro-gold-hover);border-radius:var(--mastro-radius-card);box-shadow:6px 6px 0 var(--mastro-shadow-soft)}
.tutorial-bubble h2{font-family:var(--mastro-font-display);font-size:1.4rem;color:var(--paper)}
.tutorial-bubble small,.tutorial-facts dt{color:var(--mastro-muted)}
.tutorial-facts{background:var(--mastro-raised);border-color:var(--mastro-line-strong);border-radius:3px}
.tutorial-faction-heading{background:var(--mastro-raised);border-color:var(--mastro-line-strong)}
.factions-hero,.faction-panel,.faction-battle-toolbar,.faction-battle-heading{background-color:var(--mastro-surface);border-color:var(--mastro-line)}
.faction-panel>h2,.factions-heading h1{font-family:var(--mastro-font-display)}
.war-band-picker select{background-color:var(--mastro-bg);border-color:var(--mastro-line-strong)}
.faction-leaderboard,.faction-donations,.faction-chat{background-color:var(--mastro-surface);border-color:var(--mastro-line)}
/* The offer has its own breathing room before the ordinary navigation. */
.side-nav button.coin-offer-nav,.mobile-header .coin-offer-nav{display:flex;gap:8px;padding:9px 8px;margin-bottom:12px;min-height:64px;border:1px solid var(--mastro-line-strong);border-radius:var(--mastro-radius-card);background:linear-gradient(120deg,var(--mastro-gold-subtle),var(--mastro-surface) 75%);box-shadow:inset 0 2px var(--gold);color:var(--paper)}
.side-nav button.coin-offer-nav:hover,.mobile-header .coin-offer-nav:hover{border-color:var(--gold);background:var(--mastro-raised);color:var(--paper)}
.coin-offer-nav:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.side-nav .coin-offer-nav .coin-offer-icon,.mobile-header .coin-offer-icon{width:36px;height:40px;filter:drop-shadow(0 3px 4px var(--mastro-shadow-soft))}
.side-nav button.coin-offer-nav>.coin-offer-copy,.mobile-header .coin-offer-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0;flex:1}
.coin-offer-heading{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.side-nav .coin-offer-nav strong,.mobile-header .coin-offer-nav strong{grid-area:auto;font-size:.8rem;line-height:1.2;color:var(--paper);white-space:nowrap}
.coin-offer-discount{display:inline-flex;align-items:center;padding:2px 4px;border-radius:2px;background:var(--gold);color:var(--mastro-ink);font-size:.65rem;line-height:1.2;white-space:nowrap}
.side-nav .coin-offer-nav small,.mobile-header .coin-offer-nav small{grid-area:auto;display:flex;align-items:center;gap:4px;font-size:.63rem;line-height:1.2;color:var(--muted)}
.coin-offer-nav small .ui-icon{width:12px;height:12px}
.side-nav .coin-offer-nav time,.mobile-header .coin-offer-nav time{font-size:.73rem;letter-spacing:.02em;color:var(--mastro-gold-border)}
@media(max-width:900px){.navigation-dialog .side-nav>.coin-offer-nav{margin-bottom:12px;min-height:64px}.navigation-dialog .coin-offer-heading{gap:8px}.navigation-dialog .side-nav .coin-offer-nav strong{font-size:.95rem}.navigation-dialog .side-nav .coin-offer-nav small{font-size:.75rem}.navigation-dialog .side-nav .coin-offer-nav time{font-size:.85rem}}
.premium-card,.coin-pack,.frame-card{border-color:var(--mastro-line-strong);background-color:var(--mastro-surface)}
.character-selection .card,.character-summary,.character-create{border-color:var(--mastro-line-strong);background-color:var(--mastro-surface)}
.character-selection h1,.access-screen h1{font-family:var(--mastro-font-display);font-weight:500;font-size:3.4rem;color:var(--paper)}
.access-screen{background:radial-gradient(ellipse at 90% 50%,var(--mastro-glow),transparent 65%)}
.access-screen .title-actions button{min-height:52px;border-radius:var(--mastro-radius-control)}
.access-screen .oauth-discord{background:var(--mastro-discord);border-color:var(--mastro-discord-line);color:var(--mastro-white)}
.access-screen .oauth-discord:hover:not(:disabled){background:var(--mastro-discord-hover)}

@media(min-width:951px){
  .game-shell>.game-content.fraud-view{padding-bottom:24px}
  .fraud-detail{scrollbar-color:var(--mastro-line-strong) var(--mastro-subtle)}
  .fraud-list{scrollbar-color:var(--mastro-line-strong) var(--mastro-subtle)}
}
@media(min-width:701px) and (max-width:1100px){
  .game-shell>.game-content{padding:22px 16px 28px}
  .game-content .fraud-detail{padding:16px}
  .fraud-workspace{gap:12px}
  .fraud-heading h2{font-size:1.85rem}
  .player-panel{padding:14px 10px}
}
@media(max-width:700px){
  .game-shell>.game-content{padding:22px 16px calc(24px + env(safe-area-inset-bottom))}
  .game-content h1{font-size:2.3rem}
  .game-content .section-head{padding-bottom:14px;margin-bottom:16px;gap:10px}
  .game-content .section-head h1{padding-left:13px}
  .game-content .section-head h1::before{width:4px}
  .mobile-header{background:var(--mastro-bg);border-bottom:1px solid var(--mastro-line-strong);box-shadow:0 4px 16px var(--mastro-shadow-soft)}
  .mobile-player-button{background:var(--mastro-surface);border-color:var(--mastro-line);border-radius:var(--mastro-radius-card)}
  .mobile-player-button strong{color:var(--paper);font-weight:500}
  .mobile-player-button small{color:var(--mastro-muted)}
  .mobile-cash{font-family:var(--mastro-font-display);font-weight:500;font-size:1.65rem;color:var(--gold)}
  .mobile-vitals{background:var(--mastro-surface);border-color:var(--mastro-line);border-radius:var(--mastro-radius-control);box-shadow:none}
  .mobile-vitals>span{border-color:var(--mastro-line)}
  .mobile-nav{background:var(--mastro-backdrop);border-top:1px solid var(--mastro-line-strong);box-shadow:0 -5px 20px var(--mastro-shadow-soft)}
  .game-shell .mobile-nav button{border-radius:var(--mastro-radius-control);color:var(--mastro-muted);font-size:.65rem;font-weight:500;background:transparent;box-shadow:none}
  .game-shell .mobile-nav button.active{background:var(--gold);color:var(--mastro-subtle);border-color:var(--gold)}
  .game-content .card{padding:16px;border-radius:var(--mastro-radius-card)}
  .game-content .fraud-detail{padding:17px}
  .fraud-workspace{gap:15px;grid-template-columns:1fr}
  .fraud-overview{grid-template-columns:88px minmax(0,1fr);gap:12px;padding-bottom:15px}
  .fraud-heading h2{font-size:1.8rem;margin-bottom:9px}
  .fraud-heading>p{font-size:.78rem;line-height:1.5}
  .fraud-chance .chance{font-size:1.85rem}
  .fraud-metrics{padding-block:14px;gap:14px 10px}
  .fraud-metrics dt{font-size:.69rem}
  .fraud-metrics dd{font-size:.92rem}
  .fraud-metrics .metric-return dd{font-size:1.05rem}
  .fraud-catalogue>h2{font-size:1.35rem;padding:12px}
  .fraud-list-button{min-height:72px;padding:10px}
  .fraud-apply{min-height:48px;font-size:.86rem}
  .game-content .card-grid,.game-content .people-grid{gap:13px}
  .game-content .business-card{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:15px}
  .game-content .business-card>.building{width:70px;height:70px}
  .business-content h2{font-size:1.5rem}
  .game-content .person-card{gap:11px;padding:15px}
  .game-content .person-card>.portrait{width:60px;height:60px}
  .game-content .person-content h2{font-family:var(--mastro-font-display);font-size:1.45rem}
  .game-content .subtabs button{padding:9px 11px;min-height:42px;font-size:.78rem}
  .next-steps{padding:15px}
  .dialog{padding:18px;border-radius:var(--mastro-radius-card)}
  .dialog h2{font-size:1.8rem}
  .access-screen h1,.character-selection h1{font-size:2.8rem}
}
@media(max-width:360px){
  .game-shell>.game-content{padding-inline:12px}
  .game-content .fraud-detail{padding:14px}
  .game-content .business-card{grid-template-columns:58px minmax(0,1fr);padding:13px;gap:9px}
  .game-content .business-card>.building{width:58px;height:58px}
  .game-content .person-card{padding:13px;gap:9px}
  .game-content .person-card>.portrait{width:50px;height:50px}
  .fraud-overview{grid-template-columns:72px minmax(0,1fr);gap:10px}
}

@container fraud-detail (min-width:340px){
 .fraud-overview{grid-template-areas:"art heading chance";grid-template-columns:80px minmax(0,1fr) 72px;gap:12px}
 .fraud-chance{align-self:start;padding-top:0;gap:5px;text-align:center}
 .fraud-chance>span{font-size:.7rem;line-height:1.4}
 .fraud-heading h2{font-size:1.85rem}
 .fraud-heading>p{font-size:.77rem;line-height:1.5}
 .fraud-overview>.fraud-scene{align-self:start}
}
.fraud-metrics .metric-box{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.fraud-metrics .metric-box dd{font-size:.83rem;text-align:right}.fraud-metrics .metric-box dd small{font-size:.68rem}

.game-content .next-steps{padding:12px 16px;flex:none}
.next-steps>summary{min-height:32px;padding:5px 0;margin:0!important;color:var(--paper);font-size:.83rem;font-weight:500}
.next-steps[open]>summary{padding-bottom:12px;border-bottom:1px solid var(--line)}
.fraud-metrics dd{line-height:1.4}.fraud-metrics dd small{font-size:.66rem;line-height:1.4;margin-top:4px}
@media(max-width:700px){.game-content .next-steps{padding:11px 14px}.next-steps>summary{min-height:36px}.next-steps ul{grid-template-columns:1fr;gap:15px}}

.fraud-metrics{gap:12px 14px;padding:13px 0}.fraud-metrics dt{font-size:.7rem;line-height:1.25;margin-bottom:3px}.fraud-metrics dd{line-height:1.3}.fraud-metrics dd small{line-height:1.35;margin-top:3px}

/* Common component rules are shared across every tab. */
.game-content>.section-head h1{font:500 var(--mastro-font-screen)/1.03 var(--mastro-font-display);color:var(--paper)}
.game-content .card :is(h2,h3),.game-content .business-content h2,.game-content .person-content h2{font-family:var(--mastro-font-display);font-size:var(--mastro-font-card);font-weight:500;line-height:1.12;letter-spacing:-.015em}
.game-content .card p{font-size:var(--mastro-font-body-size);line-height:1.55}
.game-content .card:not(.fraud-detail):not(.next-steps){border-radius:var(--mastro-radius-card)}
.game-content :is(.card-grid,.people-grid,.business-grid,.market-grid){gap:var(--mastro-space-md)}
.game-content :is(.loot-filters,.shop-filters,.subtabs){gap:var(--mastro-space-sm)}
.game-content :is(.card,.loot-filters,.room-chat) :is(input,select,textarea){border-radius:var(--mastro-radius-control);border-color:var(--mastro-line-strong);background:var(--mastro-deep);color:var(--text)}
.game-content button.primary,.dialog button.primary{min-height:var(--mastro-control-height);background:var(--gold);border-color:var(--mastro-gold-border);color:var(--ink)}
.game-content :is(.quantity-control,.upgrade-quantity) button{background:var(--mastro-raised);border-color:var(--line);border-radius:var(--mastro-radius-control);min-height:32px}
.game-content :is(.quantity-control,.upgrade-quantity) button.selected{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.game-content :is(.business-card,.person-card,.shop-card,.lawyer-card,.club-card,.market-card){border-top-color:var(--mastro-line-strong)}
.game-content :is(.bonus-source,.service-card,.managed-business,.loot-empty,.room-chat){border-color:var(--line);background-color:var(--mastro-subtle)}
.game-content :is(.market-card,.coin-pack,.premium-card,.frame-card,.avatar-shop-card){background-color:var(--panel);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.game-content :is(.market-price,.player-cash){font-family:var(--mastro-font-display);font-weight:500;color:var(--gold)}
@media(max-width:700px){
 .game-content>.section-head h1{font-size:2.3rem}
 .game-content .card :is(h2,h3),.game-content .business-content h2,.game-content .person-content h2{font-size:1.45rem}
 .game-content :is(.quantity-control,.upgrade-quantity) button{min-height:40px}
 .game-content :is(.card-grid,.people-grid,.business-grid,.market-grid){gap:13px}
}

/* Progressive disclosure keeps decisions visible and explanations available. */
.fraud-about>summary{color:var(--muted);font:600 var(--mastro-font-small)/1.4 var(--mastro-font-body);padding:5px 0;min-height:30px}
.fraud-about[open]>summary{margin-bottom:8px}.fraud-about .fraud-description{margin:0 0 8px;font-size:var(--mastro-font-body-size);line-height:1.55}
.maintenance-rule{border:0;padding:0;margin:0 0 var(--mastro-space-md);font-size:var(--mastro-font-small)}
.maintenance-rule>summary{padding:7px 0;min-height:32px;color:var(--muted)}
.maintenance-rule p{max-width:700px;line-height:1.55}
.locked-catalogue{margin-top:var(--mastro-space-lg);padding-top:var(--mastro-space-sm);border-top:1px solid var(--line)}
.locked-catalogue>summary{padding:12px 0;min-height:44px;color:var(--muted);font-size:.85rem;font-weight:500}
.locked-catalogue[open]>summary{margin-bottom:var(--mastro-space-sm)}
.game-content .investment-preview:empty{display:none}
@media(max-width:700px){.fraud-about>summary{min-height:36px}.maintenance-rule>summary{min-height:40px}.mobile-regen,.mobile-wanted-flow{display:none}.game-shell .mobile-nav button{min-height:44px}}

/* Keep the probability beside the title, including narrow game columns. */
@container fraud-detail (max-width:339px){
 .fraud-overview{grid-template-areas:"art heading chance";grid-template-columns:58px minmax(0,1fr) 60px;gap:9px;align-items:start;padding-bottom:13px}
 .fraud-overview>.fraud-chance{align-self:start;text-align:right;gap:4px}
 .fraud-chance>span{font-size:.65rem;line-height:1.3}
 .fraud-chance .chance{font-size:1.7rem}
 .fraud-heading h2,.game-content .fraud-heading h2{font-size:1.35rem;line-height:1.05;margin-bottom:5px}
 .fraud-about>summary{font-size:.66rem;line-height:1.3;min-height:30px}
}

/* Attribute values stay visible; purchasing is a deliberate, reversible toggle. */
.game-shell .avatar-attributes:not(.is-editing) .side-stats>div,.player-dialog .avatar-attributes:not(.is-editing) .side-stats>div{grid-template-columns:minmax(0,1fr) auto}
.avatar-attributes .attribute-toggle{width:100%;min-height:36px;padding:7px 9px;font-size:.75rem;background:var(--paper);border:1px solid var(--paper);color:var(--ink);text-decoration:none;box-shadow:none}
.avatar-attributes .attribute-toggle:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.attribute-purchase-controls{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.player-budget{justify-content:space-between;gap:8px}
.game-shell .player-budget button,.player-dialog .player-budget button{min-height:32px;padding:5px 9px;background:var(--paper);border:1px solid var(--paper);color:var(--ink);border-radius:var(--mastro-radius-control);text-decoration:none;box-shadow:none;font-size:.73rem}
.game-shell .player-budget button:hover,.player-dialog .player-budget button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media(max-width:700px){.avatar-attributes .attribute-toggle,.player-dialog .player-budget button{min-height:44px}}

/* Keep each business's decision and its defense in one compact group. */
.game-content .business-card{align-items:start;padding:16px;gap:14px}
.business-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
.business-content>h2{margin:0;grid-column:1}
.business-content>:not(.card-bottom){grid-column:1}
.business-content>.card-bottom{grid-column:2;grid-row:1 / span 4;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;margin:0;gap:12px}
.business-content .manager-picker{margin:0;width:100%;max-width:420px}
.business-content .defense-roster{margin:0}
.business-content .defense-order{margin:0}
.business-content .defense-order>summary{min-height:32px;padding:6px 0}
.business-content>.purchase-balance{margin:0}
@media(max-width:950px){
 .business-content{grid-template-columns:minmax(0,1fr);gap:8px}
 .business-content>.card-bottom{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;margin-top:4px}
 .business-content .card-bottom>button{width:auto}
}

/* Neutral panels and a shorter stage preserve the animation and the actions. */
.fraud-timer{min-height:190px;background:var(--mastro-deep);border-color:var(--mastro-line-strong)}
.fraud-scene-background{height:100%}
.fraud-timer::before{background:linear-gradient(180deg,var(--mastro-backdrop),transparent 55%,var(--mastro-backdrop))}
.fraud-timer .fraud-run-loot{padding-top:30px;margin-bottom:10px;gap:7px}
.fraud-timer .fraud-run-loot>span,.fraud-timer .fraud-run-loot>button{background:var(--mastro-backdrop);border-color:var(--line);padding:8px}
.game-shell .player-resources .fraud-timer-compact,.game-shell .mobile-header .fraud-timer-compact{background:var(--mastro-subtle);border-color:var(--mastro-line-strong)}
@media(max-width:700px){.fraud-timer{min-height:210px}.fraud-timer .fraud-run-loot{padding-top:40px}}

/* One alignment and weight hierarchy for counters, labels and controls. */
.game-shell button,.dialog button{font-weight:500}
.game-shell .card-title,.player-level-row,.game-content .fraud-catalogue>h2{align-items:center}
.daily-goals>summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;font-weight:500;line-height:1.2}
.daily-heading{display:inline-flex;align-items:center;gap:8px;line-height:1.2;font-weight:500}
.daily-summary-count{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:24px;min-width:38px;padding:0 6px;line-height:1;font-size:.75rem;font-weight:500;border:1px solid var(--line);color:var(--text);border-radius:var(--mastro-radius-control)}
.daily-summary-count>span{display:inline-flex;align-items:center;line-height:1;font:inherit;color:var(--muted)}
.daily-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--muted);line-height:1}
.player-level-row,.resource-meter>span{font-weight:500}
.side-stats .stat-label{font-weight:500}.side-stats dd,.resource-meter b{font-weight:500}
.fraud-metrics dt{display:flex;align-items:center;gap:4px;min-height:22px;font-weight:500;line-height:1.25}
.fraud-metrics dt .pixel-icon{margin:0;flex:none}
.fraud-metrics dt .tooltip-trigger{margin-left:auto;}
.resource-trend{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px;min-height:24px;font-size:.75rem;line-height:1.25;color:var(--muted)}
.resource-trend>span{display:inline-flex;align-items:center;gap:4px}.resource-trend b{font-weight:500}
.resource-trend .ui-icon{width:13px;height:13px}.resource-trend .tooltip-trigger{margin-left:auto}
.resource-trend button.quiet{padding:4px 6px;min-height:28px;font-size:.7rem}
.player-budget{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;margin-bottom:12px}
.player-budget .resource-caption{min-width:0;display:inline-flex;align-items:center;gap:5px;font-weight:500;font-size:.8rem}
.player-budget .resource-caption .pixel-icon{margin:0}.player-budget .tooltip-trigger{margin-left:auto}
.player-budget [data-live=budget]{white-space:nowrap}
.player-resources .resource-meter{margin-bottom:10px}
.fraud-detail .idle-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.fraud-detail .idle-controls>button{min-width:0;min-height:44px;width:100%;padding:7px;font-size:.75rem;line-height:1.3;white-space:normal}
.fraud-detail .idle-controls .energy-recovery-link{margin:0}
.equipped-mark .ui-icon,.avatar-selected .ui-icon{width:13px;height:13px}.reward-received{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.picker-arrow,.mobile-player-button small>.ui-icon{display:inline-flex;vertical-align:middle}.picker-arrow>.ui-icon{width:16px;height:16px}
.battle-glyph .ui-icon{width:32px;height:32px}
@media(max-width:700px){.daily-goals>summary{min-height:44px;padding:0 12px}.fraud-metrics dt .tooltip-trigger{}.resource-trend{min-height:36px}}

.game-shell .energy-recovery-link{background:var(--mastro-raised);border-color:var(--mastro-line-strong);color:var(--text)}
.game-shell .energy-recovery-link:hover{background:var(--mastro-line);border-color:var(--mastro-muted)}

/* The mobile sheets use the same surfaces as the desktop account column. */
.game-shell .player-block,.dialog .player-block{background:var(--mastro-surface);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.dialog .dialog-close{background:var(--mastro-surface);border-color:var(--line)}
.dialog .player-panel{background:transparent;border:0}
.game-shell .purchase-quantity button,.dialog .purchase-quantity button{background:var(--mastro-raised);border:1px solid var(--mastro-line-strong);border-radius:var(--mastro-radius-control);font-weight:500}
.game-shell .purchase-quantity button.selected,.dialog .purchase-quantity button.selected{background:var(--paper);border-color:var(--paper);color:var(--ink)}

/* Secondary lists and faction chrome follow the same neutral palette. */
.daily-goal,.combat-order>li,.faction-card,.faction-battle,.room-chat-messages,.agency-scene{background:var(--mastro-subtle);border-color:var(--line)}
.daily-goal .quiet,.factions-tabs button{background:var(--mastro-raised);border-color:var(--mastro-line-strong);color:var(--text)}
.factions-tabs button.selected{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.faction-xp{background:var(--line)}
.defense-roster>span{background:var(--mastro-subtle);border-color:var(--line);color:var(--text)}
.fraud-list-button.is-locked{background:var(--mastro-subtle);border-color:var(--line)}
.fraud-current-badge{background:var(--mastro-gold-subtle);border-color:var(--mastro-gold-subtle);color:var(--gold)}

.legal-page :is(h1,h2){font-family:var(--mastro-font-display);font-weight:500}.legal-page nav a,.legal-page footer a{display:inline-flex;align-items:center;gap:8px}

@media(max-width:360px){
 .fraud-metrics dt{gap:3px;font-size:.68rem}
 .metric-energy dt>.pixel-icon,.metric-wanted dt>.pixel-icon{display:none}
 .fraud-metrics dt .tooltip-trigger{margin-left:0;}
}

.section-head h1 .tooltip-trigger{vertical-align:middle;margin-left:8px}
.effect-slots{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-color:var(--line)}
.effect-slots .tooltip-trigger{}
.card h3>.tooltip-trigger{vertical-align:middle;margin-left:5px}
.health-value .tooltip-trigger{vertical-align:middle}

.medicine-card .health-value{display:block;line-height:1.5}.medicine-card .health-value>.pixel-icon{display:inline-block;vertical-align:middle;margin-right:5px}

/* Compact interface rhythm applies to every route and dialog. */
.in-tutorial{--tutorial-action:var(--mastro-tutorial-accent)}
.game-shell>.game-content{padding:22px 20px 24px}
.game-content .section-head{margin-bottom:14px;padding-bottom:12px;gap:12px}
.game-content :is(.card-grid,.people-grid,.business-grid,.market-grid){gap:12px}
.game-content .card{padding:14px}
.game-content .fraud-detail{padding:18px}
.game-content .business-card,.game-content .person-card{padding:14px;gap:12px}
.game-content .subtabs{margin-bottom:14px;padding-bottom:8px}
.game-shell .player-panel{padding:12px 10px;gap:10px}
.game-shell .player-block,.dialog .player-block{padding:12px}
.avatar-panel{padding:4px 6px 7px}.avatar-panel figcaption{padding:6px 0 2px}
.player-level-row{margin-bottom:6px;line-height:1.2}
.avatar-attributes .side-stats{gap:6px;margin-bottom:9px}
.game-shell .avatar-attributes .side-stats>div,.dialog .avatar-attributes .side-stats>div{padding:3px 0;align-items:center;line-height:1.25}
.stat-label{display:inline-flex;align-items:center;gap:5px;line-height:1.25}
.side-stats .stat-label>.pixel-icon{width:17px;height:17px;margin:0;flex:none}
.side-stats .stat-help,.side-stats .stat-help:hover,.side-stats .stat-help:active{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none;font:inherit;text-align:left;cursor:help}
.side-stats .stat-help:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(pointer:coarse){.side-stats .stat-help,.side-stats .stat-help:hover,.side-stats .stat-help:active{min-height:44px;width:100%}}
.side-stats dd{line-height:1.25}
.player-balance{display:flex;align-items:center;gap:7px;margin-bottom:12px;min-height:34px}
.player-balance>.pixel-icon{width:25px;height:25px;margin:0;flex:none}
.player-cash{font-family:var(--mastro-font-body);font-size:1.8rem;line-height:1.1}
.player-coins{min-height:38px;margin-bottom:10px}
.player-budget{margin-bottom:9px;min-height:30px;gap:6px}
.resource-meter>span{margin-bottom:5px;line-height:1.25;align-items:center}
.resource-meter>span>span{display:inline-flex;align-items:center;gap:5px}
.resource-meter>span .pixel-icon{margin:0;width:17px;height:17px;flex:none}
.player-resources .resource-meter{margin:0 0 9px}
.resource-trend{min-height:20px;margin-top:4px;gap:6px}
.resource-trend .tooltip-trigger{margin-left:auto}
.dialog{padding:18px}
.dialog h2{margin-bottom:12px}.dialog-close{margin-bottom:10px}
.dialog :is(.actions,.menu-actions,.budget-groups){gap:10px}
.dialog .item-summary{gap:12px;margin-bottom:12px}
.dialog .budget-summary{gap:8px}.budget-summary>div{padding:10px}
.dialog :is(input,select,textarea){min-height:40px}
.dialog .dialog-close button{min-height:36px}
.dialog .player-panel{padding:0;gap:10px}
.dialog :is(.item-info,.target-defense,.utility-context){margin-block:10px}
#tutorial-overlay,.tutorial-bubble{font-family:var(--mastro-font-body)}
#tutorial-overlay.is-disconnected{background:var(--mastro-shadow-soft);pointer-events:auto}
.tutorial-bubble{font:500 .875rem/1.4 var(--mastro-font-body);padding:12px;background:var(--mastro-tutorial-surface);border-color:var(--mastro-tutorial-line);color:var(--mastro-tutorial-text);border-radius:var(--mastro-radius-card)}
.tutorial-bubble h2{font:500 1.4rem/1.1 var(--mastro-font-display);margin:4px 0 8px;color:var(--mastro-tutorial-accent)}
.tutorial-bubble p{margin:0 0 8px;line-height:1.4}
.tutorial-bubble small,.tutorial-facts dt{color:var(--mastro-tutorial-muted)}
.tutorial-bubble .tutorial-meta{margin:8px 0;gap:8px}
#tutorial-overlay .tutorial-step{background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-line);border-radius:var(--mastro-radius-control);color:var(--mastro-tutorial-accent);padding:3px 6px}
.tutorial-facts{padding:8px;gap:4px;margin-bottom:8px;border-radius:var(--mastro-radius-control);background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-line)}
.tutorial-facts dd{color:var(--mastro-tutorial-text);line-height:1.35}.tutorial-term,.tutorial-click{color:var(--mastro-tutorial-accent)}
.tutorial-bubble .tutorial-action{color:var(--mastro-tutorial-text)}
#tutorial-overlay button,.in-tutorial button[data-tutorial-target]{background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-accent);color:var(--mastro-tutorial-text);outline-color:var(--tutorial-action)}
.in-tutorial [data-tutorial-target] .slot-plus{color:var(--mastro-tutorial-text)}
#tutorial-overlay button:hover:not(:disabled),.in-tutorial button[data-tutorial-target]:hover:not(:disabled){background:var(--mastro-tutorial-hover);border-color:var(--mastro-tutorial-accent)}
#tutorial-overlay .tutorial-quiet{background:var(--mastro-tutorial-surface);border-color:var(--mastro-tutorial-line);color:var(--mastro-tutorial-muted)}
#tutorial-overlay .tutorial-quiet:hover:not(:disabled){background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-accent)}
.tutorial-ring{border-color:var(--tutorial-action);box-shadow:0 0 0 3px var(--mastro-tutorial-surface),0 0 18px color-mix(in srgb,var(--tutorial-action) 35%,transparent)}
@keyframes tutorial-target-pulse{0%,100%{box-shadow:0 0 0 0 var(--mastro-tutorial-raised),0 0 10px var(--mastro-tutorial-raised)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--tutorial-action) 35%,transparent),0 0 18px color-mix(in srgb,var(--tutorial-action) 40%,transparent)}}
@media(max-width:700px){
 .game-shell>.game-content{padding:18px 12px calc(18px + env(safe-area-inset-bottom))}
 .game-content .section-head{margin-bottom:12px;padding-bottom:10px}
 .game-content :is(.card-grid,.people-grid,.business-grid,.market-grid){gap:10px}
 .game-content .card,.game-content .person-card,.game-content .business-card{padding:12px}
 .game-content .business-card{--business-art-size:60px;gap:10px}
 .game-content .fraud-detail{padding:14px}
 .game-content .subtabs{margin-bottom:12px;gap:5px}
 .dialog{padding:14px}.dialog h2{font-size:1.65rem}
 .dialog-close{margin-bottom:8px}
 .dialog .player-block{padding:10px}
 .resource-trend{min-height:22px}
 .tutorial-bubble{padding:10px;font-size:.8125rem}
 .tutorial-bubble p{font-size:.8125rem;line-height:1.35}
 .tutorial-bubble h2{font-size:1.3rem}
 .tutorial-facts div{grid-template-columns:58px minmax(0,1fr);gap:6px}
}

/* Replays and reward reveals share the game chrome; artwork keeps its colors. */
.dialog.battle-dialog,.dialog.box-dialog{padding:0;background:var(--panel);border:1px solid var(--mastro-line-strong);border-radius:var(--mastro-radius-card);box-shadow:0 18px 80px var(--mastro-shadow-soft)}
.battle-view,.box-celebration{font-family:var(--mastro-font-body);color:var(--text)}
.battle-header,.battle-controls{background:var(--mastro-subtle);border-color:var(--line);padding:12px 18px;gap:10px}
.battle-header h2{font:500 1.65rem/1.1 var(--mastro-font-display);color:var(--paper);margin:0}
.battle-eyebrow,.battle-effectiveness{color:var(--gold);letter-spacing:.03em}
.battle-countdown{padding:7px 9px;background:var(--mastro-deep);border-color:var(--line);border-radius:var(--mastro-radius-control);color:var(--text)}
.battle-mute,.battle-mute[data-muted=true]{background:var(--mastro-raised);border-color:var(--mastro-line-strong);color:var(--muted);border-radius:var(--mastro-radius-control)}
.battle-mute:hover{color:var(--gold)}
.battle-hud,.brawl-scene .battle-hud{background:var(--mastro-backdrop);border:1px solid var(--mastro-line-strong);border-radius:var(--mastro-radius-card);box-shadow:3px 3px 0 var(--mastro-shadow-soft);color:var(--text);padding:10px 12px}
.battle-hud strong,.battle-attributes dd,.battle-hud label b,.brawl-scene .battle-hud strong,.brawl-scene .battle-attributes dd,.brawl-scene .battle-hud label b{color:var(--paper)}
.battle-hud label,.battle-attributes dt,.brawl-scene .battle-hud label,.brawl-scene .battle-attributes dt{color:var(--muted)}
.battle-hud strong{font-size:.875rem;line-height:1.2}
.battle-type,.battle-type[data-type=analise],.battle-type[data-type=influencia]{background:var(--mastro-raised);border:1px solid var(--line);color:var(--gold);border-radius:var(--mastro-radius-control);letter-spacing:0}
.battle-hud progress::-webkit-progress-bar{background:var(--line)}
.battle-hud progress::-webkit-progress-value,.brawl-scene .battle-hud progress::-webkit-progress-value{background:var(--teal)}
.battle-hud progress.battle-low::-webkit-progress-value{background:var(--red)}
.battle-hud progress::-moz-progress-bar,.brawl-scene .battle-hud progress::-moz-progress-bar{background:var(--teal)}
.battle-equipped-item,.battle-empty-item{background:var(--mastro-deep);border-radius:var(--mastro-radius-control)}
.battle-empty-item{color:var(--muted);border-color:var(--line)}
.battle-item-detail{background:var(--panel);border-color:var(--mastro-line-strong);color:var(--text);box-shadow:0 4px 16px var(--mastro-shadow-soft)}
.battle-item-detail strong{color:var(--paper)}
.battle-item-detail span,.battle-item-detail small{color:var(--muted)}
.battle-narrative,.battle-result{padding:12px 18px;min-height:96px;background:var(--panel);border-top:1px solid var(--line)}
.battle-narrative h3,.battle-result h3{font:500 1.4rem/1.15 var(--mastro-font-display);margin:0 0 7px;color:var(--paper)}
.battle-narrative p,.battle-result p{font-size:.8125rem;line-height:1.45;color:var(--muted)}
.battle-result.is-victory h3{color:var(--teal)}
.battle-rewards{gap:6px;margin:10px 0}
.battle-rewards>*,.battle-rewards>span{padding:6px 8px;background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-control);color:var(--text);font-size:.8125rem}
.battle-lineups{padding:10px 18px;gap:12px;background:var(--panel);border-color:var(--line)}
.battle-lineups small,.battle-type-guide,.battle-controls>span{color:var(--muted);letter-spacing:0}
.battle-reserve{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-control)}
.battle-reserve.is-active{outline-color:var(--gold)}
.battle-controls button{font:500 .8125rem/1.2 var(--mastro-font-body);min-height:40px;border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);background:var(--mastro-raised);color:var(--text)}
.battle-controls button.primary{background:var(--gold);border-color:var(--mastro-gold-border);color:var(--ink)}
.battle-loading{background:var(--mastro-backdrop);color:var(--gold)}
.combat-order{gap:6px;margin:10px 0 12px}
.combat-order li{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-control)}
.brawl-opponents{gap:12px;margin:14px 0}
.brawl-rules{gap:10px;margin:12px 0}
.box-celebration{padding:18px;background:radial-gradient(ellipse at 50% 35%,var(--mastro-gold-subtle),transparent 65%)}
.box-celebration h2{font:500 1.8rem/1.1 var(--mastro-font-display);margin:14px 0 0}
.box-prize h3{font:500 1.5rem/1.15 var(--mastro-font-display)}
.box-opening-top{gap:10px;font-size:.8125rem}
.box-opening-status{font-size:.8125rem;line-height:1.4}
.box-rewards{gap:10px;padding:4px}
.box-reward{background:var(--mastro-subtle);border-radius:var(--mastro-radius-card);padding:10px}
.box-reward h3{font-size:1.15rem}
.dialog :is(.budget-line,.item-comparison,.item-upgrade-preview,.listing-preview,.notification-entry){border-color:var(--line)}
.item-cell{background:var(--mastro-subtle);border-radius:var(--mastro-radius-card);box-shadow:none}
.item-cell:hover,.item-cell:focus-visible{background:var(--mastro-raised)}
.item-cell-name,.item-summary h3{color:var(--paper)}
.empty-item-slot,.slot-plus{color:var(--muted)}
.item-summary>.loot-glyph,.market-balances,.notification-art{background:var(--mastro-deep)}
.item-tooltip{font-family:var(--mastro-font-body);background:var(--mastro-paper);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-card);color:var(--ink);box-shadow:0 7px 24px var(--mastro-shadow-soft);padding:12px}
.item-tooltip .item-summary h3,.item-tooltip .stats-inline,.item-tooltip p{color:var(--ink)}
.item-tooltip .item-summary>.loot-glyph{background:var(--mastro-surface)}
.upgrade-material-stats{color:var(--muted)}
.target-defense,.attack-member{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-control)}
.target-defense{margin:12px 0;padding:10px}
.notification-list{gap:6px;margin-top:12px}
.notification-item{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.notification-item.is-unread{background:var(--mastro-raised);border-color:var(--mastro-line-strong);border-left-color:var(--gold)}
.notification-entry{padding:10px;gap:10px}
.notification-detail{color:var(--muted);font-size:.8125rem;line-height:1.4}
.notification-copy>strong{font-size:.875rem;line-height:1.3}
.notification-meta,.notification-meta time{font-size:.75rem}
.character-card{background:radial-gradient(ellipse at 50% 35%,var(--mastro-gold-subtle),var(--panel) 72%);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.room-chat-messages{background:var(--mastro-deep);border-radius:var(--mastro-radius-control);margin:10px 0;padding:0 8px}
.battle-empty-item>.ui-icon{width:14px;height:14px}
.coin-offer-clock{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-control);padding:10px 12px}
.coin-offer-clock>span,.coin-offer-clock small,.coin-offer-terms,.coin-offer-payment{color:var(--muted)}
.coin-offer-content h2,.coin-offer-pricing>strong,.coin-offer-clock time{color:var(--gold)}
.coin-offer-pricing>small{color:var(--teal)}
.season-pass{background:var(--panel);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.pass-hero{background:linear-gradient(115deg,var(--mastro-gold-subtle),var(--panel));padding:16px;gap:12px}
.pass-hero h2{font:500 1.65rem/1.1 var(--mastro-font-display)}
.pass-hero p,.pass-level span,.pass-reward p{color:var(--muted)}
.pass-active{background:var(--mastro-subtle);border-color:var(--line);color:var(--teal);border-radius:var(--mastro-radius-control)}
.pass-milestone>span,.pass-milestone>strong{background:var(--panel)}
.pass-milestone:before{background:var(--line)}
.pass-reward,.pass-reward.is-paid,.pass-reward.is-locked,.pass-reward.is-paid.is-locked,.pass-reward.is-claimed{background:var(--mastro-subtle);border-color:var(--line);border-radius:var(--mastro-radius-card);box-shadow:0 3px 0 var(--mastro-shadow-soft)}
.pass-reward.is-paid,.pass-reward.is-paid.is-ready{border-color:var(--mastro-gold-subtle)}
.pass-reward.is-ready{border-color:var(--teal)}
.pass-reward.is-claimed{box-shadow:none}
.pass-reward h3{font-family:var(--mastro-font-display);color:var(--paper)}
.pass-reward.is-paid h3,.is-paid>.reward-track{color:var(--gold)}
.pass-reward button:disabled,.pass-reward.is-paid button:disabled,.daily-goal button:disabled{background:var(--mastro-raised);border-color:var(--line);color:var(--muted)}
.reward-upgrade-note{background:var(--mastro-subtle);color:var(--muted);border-color:var(--teal)}
.pass-rules{border-color:var(--line)}
/* The faction introduction and arena overlays use the same neutral surfaces. */
:root{--f-gold:var(--mastro-gold)}
.factions-intro{background:linear-gradient(90deg,var(--mastro-backdrop),var(--mastro-shadow-soft)),url('/assets/v05/faction-paulista-v1.png') center 43%/cover;border-color:var(--line);border-radius:var(--mastro-radius-card)}
.faction-card,.faction-card[data-faction=right],.faction-battle,.faction-recent-donations,.faction-donors{background:var(--panel);border-color:var(--line);border-radius:var(--mastro-radius-card)}
.faction-card-actions .faction-donate-shortcut{background:var(--mastro-raised);color:var(--gold)}
.factions-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);border-color:var(--paper);border-radius:var(--mastro-radius-control)}
.faction-war-scene{background:var(--mastro-deep)}
.faction-war-camera button,.faction-war-countdown{background:var(--mastro-backdrop);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control)}
.faction-war-label{background:var(--mastro-backdrop);color:var(--muted)}
.faction-war-result{background:var(--mastro-subtle);color:var(--gold)}
.faction-xp,.faction-war-vital meter,.faction-war-vital meter::-webkit-meter-bar{background:var(--line)}
.faction-war-vital meter::-webkit-meter-optimum-value,.faction-war-vital meter::-moz-meter-bar{background:var(--teal)}
.faction-fame-table tr.is-self{background:var(--mastro-gold-subtle)}
.faction-donor-list li,.faction-donor-list li[data-donor-rank="1"]{background:var(--mastro-subtle);border-color:var(--line)}
#tutorial-overlay:has(.tutorial-faction-guide){background:var(--mastro-backdrop)}
.tutorial-guide.tutorial-faction-guide{font-family:var(--mastro-font-body);background:var(--mastro-tutorial-surface);border-color:var(--mastro-tutorial-line);border-radius:var(--mastro-radius-card);box-shadow:0 15px 60px var(--mastro-shadow-soft);color:var(--mastro-tutorial-text)}
.tutorial-faction-heading{padding:12px 16px;background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-line)}
.tutorial-faction-heading h2{font:500 1.65rem/1.15 var(--mastro-font-display);color:var(--mastro-tutorial-accent);margin:0}
.tutorial-faction-heading small,.tutorial-replay-date,.tutorial-faction-content .faction-battle-heading small{color:var(--mastro-tutorial-muted)}
.tutorial-faction-content{padding:14px 16px;font-size:.875rem;line-height:1.45}
.tutorial-faction-content p{font-size:.875rem}
.tutorial-faction-choices{gap:10px;margin-top:14px}
.tutorial-faction-choice,.tutorial-faction-choice[data-choice=right],.tutorial-faction-choice[data-choice=neutral]{background:var(--mastro-tutorial-raised);border-color:var(--mastro-tutorial-line);border-radius:var(--mastro-radius-card);padding:12px}
.tutorial-faction-choice h3{font:500 1.4rem/1.1 var(--mastro-font-display);color:var(--mastro-tutorial-text)}
.tutorial-faction-content .faction-battle-heading{background:var(--mastro-deep);border-radius:var(--mastro-radius-card)}
.faction-donation,.faction-confirm,.faction-podium article,.faction-podium article:first-child{background:var(--panel);border-color:var(--line);border-radius:var(--mastro-radius-card);padding:14px}
.faction-confirm{font-family:var(--mastro-font-body);color:var(--text)}
.faction-confirm h2{font:500 1.6rem/1.1 var(--mastro-font-display)}
.faction-confirm::backdrop{background:var(--mastro-backdrop)}
.faction-donation-preview,.factions-message{background:var(--mastro-subtle);border-color:var(--line);color:var(--text)}
.factions-message.is-error{background:var(--mastro-danger-surface);border-color:var(--mastro-danger-line);color:var(--red)}
.faction-war-panel{background:var(--mastro-backdrop);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-card)}
.faction-war-panel>button{background:var(--mastro-raised)}
.faction-war-panel-key,.faction-war-rank,.faction-war-vital{color:var(--muted)}
.faction-war-player-info>strong{color:var(--paper)}
.faction-war-panel li{border-color:var(--line)}
.faction-war-panel li.is-self{background:var(--mastro-gold-subtle)}
.faction-war-points,.war-reward-summary>span>span,.tutorial-faction-content [data-intro-clock]{color:var(--gold)}
.war-reward-rule{border-color:var(--line);color:var(--text)}
.faction-chat form{background:var(--mastro-backdrop);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control)}
.faction-chat form:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.faction-chat button{color:var(--gold)}
.faction-chat input::placeholder{color:var(--muted)}
@media(max-width:600px){
 .dialog.battle-dialog{width:100%;max-height:calc(100dvh - 24px)}
 .battle-header,.battle-controls{padding:10px 12px;gap:8px}
 .battle-header h2{font-size:1.3rem;line-height:1.15}
 .battle-hud,.brawl-scene .battle-hud{padding:8px}
 .battle-hud strong{font-size:.75rem}
 .battle-type{font-size:.5625rem;padding:2px 4px}
 .battle-attributes dt{font-size:.5625rem}.battle-attributes dd{font-size:.75rem}
 .battle-narrative,.battle-result{padding:10px 12px;min-height:92px}
 .battle-narrative h3,.battle-result h3{font-size:1.25rem}
 .battle-lineups{padding:9px 12px;gap:10px}
 .battle-controls button{min-height:44px;font-size:.75rem;padding:8px 10px}
 .battle-rewards>*,.battle-rewards>span{font-size:.75rem}
 .box-celebration{padding:14px}
 .box-celebration h2{font-size:1.6rem;margin-top:12px}
 .tutorial-faction-heading{padding:10px 12px}.tutorial-faction-heading h2{font-size:1.4rem}
 .tutorial-faction-content{padding:12px}.tutorial-faction-content p{font-size:.8125rem}
 .factions-page .faction-war-scene{height:clamp(340px,calc(100dvh - 270px),620px)}
 .faction-war-camera{left:8px;right:8px;max-width:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:5px}
 .game-shell .faction-war-camera button,.tutorial-faction-content .faction-war-camera button{min-width:0;padding:6px;min-height:44px;height:44px;line-height:1.2;font-size:.75rem}
}