/* 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)}
.session-overlay{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:0;background:transparent;color:var(--text);box-sizing:border-box;overflow:auto;font-family:var(--mastro-font-body)}
.session-overlay[open]{display:grid;place-items:center}
.session-overlay::backdrop{background:var(--mastro-backdrop);backdrop-filter:blur(5px)}
.session-overlay-card{width:min(100%,460px);padding:clamp(24px,5vw,36px);border:1px solid var(--mastro-line-strong);border-top:3px solid var(--gold);border-radius:var(--mastro-radius-card);background:var(--mastro-surface);box-shadow:0 24px 80px var(--mastro-shadow-soft);animation:session-overlay-enter .18s ease-out both}
.session-overlay-card h2{margin:0 0 16px;font-family:var(--mastro-font-display);font-size:clamp(1.8rem,6vw,2.3rem);font-weight:500;line-height:1.1}
.session-overlay-card p{margin:0 0 24px;color:var(--muted);line-height:1.6;font-size:.95rem}
.session-overlay-card .session-overlay-error{color:var(--red);font-size:.85rem}
.session-overlay-error:empty{display:none}
.session-overlay-card button{width:100%;min-height:48px;white-space:normal}
@keyframes session-overlay-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
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{min-width:0;overflow-x:hidden;background:var(--mastro-deep);border-color:var(--mastro-line);padding:12px;gap:8px}
.sidebar-brand{height:48px;width:150px;margin-bottom:0}
.side-nav{min-width:0;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,.side-nav button.active:hover:not(:disabled){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)}
.navigation-dialog .side-nav button.active{background:var(--gold);color:var(--mastro-bg);border-color:var(--mastro-gold-border)}
.navigation-panel .side-nav button>.faction-nav-icon{display:block;width:24px;height:24px;flex:0 0 24px}
.navigation-panel .side-nav button>.faction-nav-alert{display:block;width:9px;height:9px;flex:0 0 9px}
.navigation-panel .side-nav button>.faction-nav-alert[hidden]{display:none}
/* 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(.coin-offer-hide):not(.push-offer-nav):not(.push-offer-dismiss):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,.fraud-list-button.selected:hover,.fraud-list-button.selected.is-locked{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}
.player-card .person-content .player-social-actions{display:grid;grid-template-columns:minmax(0,1fr);width:168px;max-width:100%;gap:7px}
.player-social-actions>button{width:100%;min-height:44px;gap:7px;white-space:normal}
.player-social-actions>.faction-points{text-align:center}
.player-social-actions>button.social-action-locked{opacity:.65;cursor:help;box-shadow:none}
.player-social-actions>button.social-action-locked:hover{box-shadow:none}
.player-social-actions .ui-icon{flex-shrink:0}
.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{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,.coin-shop-offer .coin-offer-nav,.mobile-offers .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 .push-offer{display:grid;min-width:0;margin-bottom:8px;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 2px 0 var(--gold)}
.side-nav .push-offer[hidden]{display:none}
.side-nav button.push-offer-nav{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;min-height:60px;margin:0;padding:10px 8px;text-align:left;white-space:normal;border:0;background:transparent;box-shadow:none;color:var(--paper)}
.side-nav button.push-offer-dismiss{width:100%;min-width:0;min-height:44px;margin:0;padding:6px 8px;border:0;border-top:1px solid var(--mastro-line);background:transparent;box-shadow:none;color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.35;white-space:normal}
.side-nav .push-offer-icon{display:block;width:24px;height:24px;object-fit:contain;image-rendering:auto}
.side-nav button.push-offer-nav>span{display:grid;gap:3px;min-width:0;white-space:normal;overflow-wrap:anywhere}
.side-nav .push-offer-nav strong,.side-nav .push-offer-nav small{display:block;line-height:1.35}
.side-nav .push-offer-nav strong{font-size:.8125rem;color:var(--gold)}
.side-nav .push-offer-nav small{font-size:.75rem;color:var(--muted)}
.side-nav button.push-offer-nav:hover:not(:disabled){border-color:var(--gold);background:var(--mastro-raised);color:var(--paper)}
.side-nav button.push-offer-dismiss:hover:not(:disabled){background:var(--mastro-raised);color:var(--paper)}
.push-offer-nav:focus-visible,.push-offer-dismiss:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.side-nav button.coin-offer-nav:hover,.coin-shop-offer .coin-offer-nav:hover,.mobile-offers .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,.coin-shop-offer .coin-offer-icon,.mobile-offers .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,.coin-shop-offer .coin-offer-copy,.mobile-offers .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,.coin-shop-offer .coin-offer-nav strong,.mobile-offers .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,.coin-shop-offer .coin-offer-nav small,.mobile-offers .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,.coin-shop-offer .coin-offer-nav time,.mobile-offers .coin-offer-nav time{font-size:.73rem;letter-spacing:.02em;color:var(--mastro-gold-border)}
/* Hiding a highlight never removes the live offer from the shop. */
.coin-offer-feature{position:relative;min-width:0;margin-bottom:12px}
.side-nav>.coin-offer-feature,.side-nav>.push-offer{flex-shrink:0}
.coin-offer-feature[hidden]{display:none}
.side-nav .coin-offer-feature>.coin-offer-nav,.mobile-offers .coin-offer-feature>.coin-offer-nav{width:100%;margin:0;padding-right:48px}
.coin-offer-feature .coin-offer-nav strong{white-space:normal}
.side-nav button.coin-offer-hide,.mobile-offers button.coin-offer-hide{position:absolute;right:0;top:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted)}
.coin-offer-hide .ui-icon{width:18px;height:18px}
.coin-offer-hide:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.coin-offer-hide-copy p{color:var(--muted);line-height:1.5}
.coin-offer-hide-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:20px}
.coin-offer-hide-actions button{min-height:44px;white-space:normal}
.coin-shop-offer{min-width:0;margin:16px 0}
.coin-shop-offer .coin-offer-nav{width:100%;min-width:0;margin:0;align-items:center;text-align:left}
.mobile-offers{display:none}
:is(.mobile-push-offer,.mobile-social-offer){display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--mastro-gold-border);border-radius:var(--mastro-radius-card);background:linear-gradient(120deg,var(--mastro-gold-subtle),var(--mastro-surface) 75%);box-shadow:inset 2px 0 var(--gold)}
:is(.mobile-push-offer,.mobile-social-offer)[hidden]{display:none}
.mobile-push-copy{display:flex;align-items:center;gap:8px;min-width:0}
.mobile-push-copy>div{min-width:0}
.mobile-push-icon{width:28px;height:28px;flex:none;object-fit:contain;image-rendering:auto}
.mobile-push-copy strong{display:block;color:var(--gold);font-size:.9rem;line-height:1.3}
:is(.mobile-push-offer,.mobile-social-offer) p{margin:3px 0 0;font-size:.75rem;line-height:1.4;color:var(--muted)}
:is(.mobile-push-offer,.mobile-social-offer)>small{font-size:.75rem;line-height:1.4;color:var(--muted)}
.mobile-push-actions{display:flex;flex-wrap:wrap;gap:8px}
.mobile-push-actions button{min-width:0;min-height:44px;white-space:normal;padding:8px 12px;font-size:.8rem;line-height:1.3}
.mobile-push-actions .primary{flex:1}
.social-offer-dialog{display:grid;gap:16px;min-width:0}
.social-offer-heading{display:flex;align-items:center;gap:10px}
.social-offer-heading h2{margin:0}
.social-offer-dialog>p{margin:0;color:var(--muted);line-height:1.6}
.social-profile-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--mastro-gold-border);border-radius:var(--mastro-radius-control);background:var(--gold);color:var(--mastro-ink);text-decoration:none}
.social-profile-link[aria-disabled=true]{opacity:.6;cursor:wait}
.social-profile-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#social-offer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}
#social-offer-form label,#social-offer-result{grid-column:1/-1}
#social-offer-form input{width:100%;min-width:0;min-height:44px;margin:0;box-sizing:border-box}
#social-offer-form button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0}
#social-offer-result{min-height:1.5em;margin:0;color:var(--muted);font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}
#social-offer-result[role=alert]{color:var(--red)}
.social-offer-dialog>.push-offer-dismiss{min-height:44px}
.social-check-spinner{width:14px;height:14px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:social-check-spin .7s linear infinite}
@keyframes social-check-spin{to{transform:rotate(360deg)}}

@media(max-width:900px){.mobile-offers .coin-offer-feature{margin:0}.mobile-offers{display:grid;gap:8px;min-width:0;margin:0 0 16px}.mobile-offers .coin-offer-nav{width:100%;min-width:0;min-height:64px;margin:0;text-align:left;padding:10px}.mobile-offers .coin-offer-heading{gap:8px}.mobile-offers .coin-offer-nav strong{font-size:.95rem}.mobile-offers .coin-offer-nav small{font-size:.75rem}.mobile-offers .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}
/* State, current selection and action direction have separate visual signals. */
.activity-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 6px;border:1px solid currentColor;border-radius:var(--mastro-radius-control);font-size:.7rem;line-height:1.3;vertical-align:middle;white-space:normal}
.activity-badge.is-active{color:var(--mastro-success);background:var(--mastro-deep)}
.activity-badge.is-inactive{color:var(--mastro-muted);background:var(--mastro-subtle);border-style:dashed}
.activity-badge>.ui-icon{width:13px;height:13px}
.scene-choice-copy{display:grid;justify-items:start;gap:6px;min-width:0;overflow-wrap:anywhere}
.scene-choice .activity-badge{font-size:.65rem;padding:3px 4px;gap:3px;white-space:nowrap;overflow-wrap:normal}
.scene-choice .activity-badge>.ui-icon{width:10px;height:10px}
.lawyer-card .activity-badge{margin:5px 0 5px 8px;width:fit-content}
.utility-card>.activity-badge{align-self:start;width:fit-content}
.button-current-label{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.7rem}
.shop-card>.activity-badge{margin-bottom:12px}
.person-content .card-title>.activity-badge{flex-shrink:0}
/* Destructive actions stay red; guided actions use the tutorial highlight. */
:is(.game-shell,.dialog) button[data-intent="enable"]:is([data-action="avatarSelect"],[data-action="frameSelect"],[data-action="titleSelect"],[data-action="uniformSelect"],[data-action="relationToggle"],[data-action="shopToggle"],[data-action="decorationToggle"]):not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]){color:var(--mastro-gold);background:var(--mastro-gold-subtle);border-color:var(--mastro-gold);box-shadow:none}
:is(.game-shell,.dialog) button[data-intent="enable"]:is([data-action="avatarSelect"],[data-action="frameSelect"],[data-action="titleSelect"],[data-action="uniformSelect"],[data-action="relationToggle"],[data-action="shopToggle"],[data-action="decorationToggle"]):hover:not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]){color:var(--mastro-gold-hover);border-color:var(--mastro-gold-hover)}
.game-shell button[data-intent="disable"]:not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]),.dialog button[data-intent="disable"]:not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]){color:var(--mastro-danger);background:var(--mastro-danger-surface);border-color:var(--mastro-danger-line);box-shadow:none}
.game-shell button[data-intent="disable"]:hover:not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]),.dialog button[data-intent="disable"]:hover:not(:disabled):not([aria-disabled="true"]):not([data-tutorial-target]){color:var(--mastro-paper);background:var(--mastro-danger-surface);border-color:var(--mastro-danger)}
.unlock-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;max-width:100%;padding:7px 5px;color:var(--mastro-gold);font-size:.78rem;line-height:1.35;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;vertical-align:middle;white-space:normal}
.unlock-link:hover{color:var(--mastro-gold-hover)}
.unlock-link:focus-visible{outline:2px solid var(--mastro-gold);outline-offset:2px;border-radius:var(--mastro-radius-control)}
.unlock-link:focus,.activity-badge:focus{scroll-margin:16px}
.side-stats>div:has(.unlock-link){flex-wrap:wrap}
.side-stats>div>.unlock-link{flex-basis:100%;justify-content:flex-start;font-size:.7rem}
.daily-goal>.unlock-link,.locked-person .unlock-link{grid-column:1/-1;justify-self:start}
.pass-reward>.unlock-link{font-size:.68rem;min-height:44px;padding-inline:0}
.home-purchase>.unlock-link,.service-card .unlock-link,.shop-card>.unlock-link{width:100%}
/* Leave the same room below actions in each row, including optional guidance. */
.game-shell .game-content .aligned-card-actions{padding-bottom:calc(var(--card-bottom-padding) + var(--card-action-space))}
.game-shell .game-content button.aligned-card-button{min-height:var(--card-action-height)}
.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)}

/* Each inventory action opens its own workspace in the page. */
.game-content .inventory-upgrade{display:block;margin:18px 0;background:var(--panel);border-color:var(--line)}
.inventory-upgrade-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;margin-bottom:16px}
.inventory-upgrade .inventory-upgrade-heading h2{margin:0;color:var(--paper)}
.inventory-upgrade .inventory-upgrade-heading p{margin:0;color:var(--muted);font-size:.8125rem}
.upgrade-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.game-content .upgrade-actions .upgrade-action{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;justify-content:stretch;gap:12px;width:100%;min-width:0;min-height:112px;padding:14px 12px;text-align:left;white-space:normal;background:var(--mastro-subtle);border-color:var(--mastro-line-strong);border-radius:var(--mastro-radius-control);box-shadow:none}
.upgrade-action-icon{display:grid;place-items:center;width:40px;height:40px;flex:none}
.upgrade-action-icon>.upgrade-button-icon{display:block;width:40px;height:40px;margin:0;padding:0;object-fit:contain;image-rendering:auto}
.upgrade-button-icon{display:inline-block;width:24px;height:24px;margin:0;object-fit:contain;vertical-align:middle;flex:none;image-rendering:auto}
.upgrade-action-copy{display:grid;gap:7px;min-width:0}
.upgrade-action-copy strong{font-size:.9375rem;line-height:1.25;font-weight:500;color:var(--paper)}
.inventory-upgrade .upgrade-action-copy small{font-size:.75rem;line-height:1.45;color:var(--muted)}
.upgrade-action>.ui-icon{display:none}
.upgrade-actions .upgrade-action:hover,.upgrade-actions .upgrade-action[aria-expanded="true"]{background:var(--mastro-gold-subtle);border-color:var(--gold)}
.upgrade-actions .upgrade-action[aria-expanded="true"] strong{color:var(--gold)}
.upgrade-workspace{min-width:0;margin:18px 0;background:var(--panel);border-color:var(--mastro-line-strong)}
.upgrade-workspace-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.upgrade-workspace-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:.8125rem}
.upgrade-workspace h2{scroll-margin-top:18px}
.upgrade-workspace>p{line-height:1.55}
.upgrade-workspace .picker-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));max-height:48dvh;overflow:auto;padding:6px;scrollbar-width:thin}
.upgrade-workspace .upgrade-material-grid{max-height:32dvh}
.upgrade-workspace .upgrade-preview{background:var(--mastro-subtle)}
.upgrade-workspace .upgrade-preview h3{font-size:1.3rem}
.upgrade-workspace .upgrade-stat-comparison b{color:var(--teal)}
.upgrade-workspace .upgrade-material-grid .item-cell.is-selected{background:var(--mastro-gold-subtle)}
.upgrade-workspace summary{min-height:44px;padding-block:10px;cursor:pointer;line-height:1.4}
.upgrade-workspace .upgrade-confirm button{display:flex;align-items:center;justify-content:center;gap:8px}
.upgrade-workspace .upgrade-confirm .ui-icon{flex-shrink:0}
.item-upgrade-button>.ui-icon{vertical-align:middle;margin-right:7px}
@media(max-width:1100px){
 .upgrade-actions{grid-template-columns:1fr}
 .game-content .upgrade-actions .upgrade-action{grid-template-columns:40px minmax(0,1fr) 18px;min-height:84px;padding:12px}
 .upgrade-action>.ui-icon{display:block;width:18px;height:18px;color:var(--muted)}
 .upgrade-action-copy{gap:4px}
}
@media(max-width:600px){
 .inventory-upgrade-heading{gap:8px;margin-bottom:12px}
 .upgrade-workspace .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:52dvh}
 .upgrade-workspace .upgrade-material-grid{max-height:32dvh}
 .upgrade-workspace .upgrade-preview h3{font-size:1.15rem}
 .upgrade-workspace .upgrade-preview p{font-size:.8125rem;line-height:1.5}
}
.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)}
#tutorial-overlay:has(.tutorial-faction-guide){background:color-mix(in srgb,var(--mastro-backdrop) 26%,transparent)}
.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{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}
}

/* All paid Coin actions use the actual currency mark and one low-balance hint. */
button.coin-action,button.coin-form-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;font-weight:500}
button.coin-action>.premium-icon,button.coin-form-action>.premium-icon{width:24px;height:24px;flex:none;margin:0;object-fit:contain}
.coin-action-copy{display:grid;justify-items:center;gap:3px;min-width:0}
.coin-action-hint{display:block;font:500 .65rem/1.3 var(--mastro-font-body);color:inherit;opacity:.85}
.coin-shop-shortfall{padding:10px 12px;border-left:2px solid var(--gold);background:var(--mastro-gold-subtle);color:var(--paper);font-size:.85rem;line-height:1.5}

.factions-page img.faction-coin-icon{background:none;object-fit:contain}.factions-page button img.faction-coin-icon{width:24px;height:24px}
.coin-action-hint[hidden]{display:none}
a.player-profile-link{display:inline;color:inherit;font:inherit;text-decoration:none;background:none;border:0;border-radius:0;padding:0;min-width:0;min-height:0;box-shadow:none;overflow-wrap:anywhere}
a.player-profile-link:hover{color:var(--mastro-gold);background:none;box-shadow:none;text-decoration:none}
a.player-profile-link:focus-visible{outline:2px solid var(--mastro-gold);outline-offset:3px}
.mobile-player-summary{display:flex;align-items:center;gap:7px;min-width:0}
.mobile-player-summary>.mobile-player-button{flex:0 0 auto;padding:0;min-width:36px}
.mobile-player-summary>span{display:grid;gap:2px;min-width:0;font-size:.875rem}
.mobile-player-summary>span>small{font-size:.7rem;color:var(--mastro-muted)}
/* Only values embedded in descriptive copy receive this emphasis. */
body b.game-value{display:inline!important;font:inherit;font-weight:700!important;color:var(--mastro-gold)}
body .game-value-copy{font:inherit;color:inherit}
body .interface-tooltip b.game-value{color:var(--mastro-value-ink)}
/* Classes: creation list, mandatory choice, VIP change and profile card. */
.class-choices{margin-top:18px;min-width:0}
.class-rule{margin:0 0 10px;font-size:.8rem;line-height:1.45;color:var(--mastro-muted)}
.class-list{display:grid;gap:8px;min-width:0}
.class-list-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
button.class-option{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;min-width:0;width:100%;padding:8px 36px 8px 8px;text-align:left;border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-control,10px);background:var(--mastro-subtle);box-shadow:none;font-weight:400;color:var(--mastro-paper)}
button.class-option:hover{background:var(--mastro-raised);border-color:var(--mastro-line-strong)}
button.class-option[aria-pressed=true]{border-color:var(--mastro-gold);background:var(--mastro-gold-subtle)}
button.class-option:focus-visible{outline:2px solid var(--mastro-gold);outline-offset:2px}
.class-option-art{display:block;width:56px;height:70px;object-fit:cover;object-position:35% 18%;border-radius:6px}
.class-option-copy{display:grid;gap:2px;min-width:0}
.class-option-copy small{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mastro-gold)}
.class-option-copy strong{font-size:.9rem;line-height:1.25}
.class-option-copy span{font-size:.75rem;line-height:1.4;color:var(--mastro-muted)}
.class-selected{display:none;position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;color:var(--mastro-ink);background:var(--mastro-gold)}
.class-selected .ui-icon{width:12px;height:12px}
.class-option[aria-pressed=true] .class-selected{display:flex}
.class-list-wide button.class-option{grid-template-columns:96px minmax(0,1fr);padding:10px 36px 10px 10px}
.class-list-wide .class-option-art{width:96px;height:120px}
.class-details{display:grid;gap:8px;margin-top:12px;font-size:.8rem;line-height:1.45}
.class-details p{margin:0}
.class-description{font-style:italic;color:var(--mastro-paper)}
.class-variants-intro{color:var(--mastro-muted)}
.class-variants{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.class-variants li{display:grid;gap:2px;padding:8px 10px;border:1px solid var(--mastro-line);border-radius:8px;background:var(--mastro-subtle)}
.class-variants span{color:var(--mastro-muted)}
.dialog.class-dialog{width:860px}
.class-dialog h2{margin-top:0}
.class-choice-actions{display:flex;justify-content:flex-end;margin-top:16px}
.class-choice-actions button{min-width:220px;min-height:48px}
.class-change-fields{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.class-change-fields legend{margin-bottom:10px;font-size:.85rem}
.utility-card label.class-change-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:8px 10px;border:1px solid var(--mastro-line);border-radius:8px;cursor:pointer}
.utility-card .class-change-option input{width:18px;height:18px;min-height:18px;margin:2px 0 0}
.class-change-option>span{display:grid;gap:3px;min-width:0}
.class-change-option strong{font-size:.86rem}
.class-change-option em{margin-left:6px;font-size:.7rem;font-style:normal;color:var(--mastro-gold)}
.class-change-option small{font-size:.75rem;line-height:1.4;color:var(--mastro-muted)}
.utility-card label.class-change-option:has(input:disabled){cursor:default;opacity:.65}
.utility-card label.class-change-option:has(input:checked){border-color:var(--mastro-gold);background:var(--mastro-gold-subtle)}
.class-profile{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
.class-profile-art{display:block;width:120px;height:150px;object-fit:cover;object-position:35% 18%;border-radius:8px}
.class-profile h2{margin:2px 0 6px}
.class-profile p{margin:0 0 6px}
.class-profile-role{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mastro-gold)}
.class-profile-bonus{font-weight:600}
@media(max-width:700px){
 .class-list-wide{grid-template-columns:minmax(0,1fr)}
 .class-list-wide button.class-option{grid-template-columns:72px minmax(0,1fr)}
 .class-list-wide .class-option-art{width:72px;height:90px}
 .class-choice-actions{position:sticky;bottom:-14px;z-index:1;margin:12px -14px -14px;padding:12px 14px max(14px,env(safe-area-inset-bottom));background:var(--mastro-surface);box-shadow:0 -10px 16px var(--mastro-surface)}
 .class-choice-actions button{width:100%;min-width:0}
 .class-profile{grid-template-columns:88px minmax(0,1fr)}
 .class-profile-art{width:88px;height:110px}
}
/* Faction choice at character creation. */
.faction-choices{margin-top:18px;min-width:0}
.faction-list{display:grid;gap:8px;min-width:0}
button.faction-option{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-width:0;width:100%;padding:8px 36px 8px 10px;text-align:left;border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-control,10px);background:var(--mastro-subtle);box-shadow:none;font-weight:400;color:var(--mastro-paper)}
button.faction-option:hover{background:var(--mastro-raised);border-color:var(--mastro-line-strong)}
button.faction-option[aria-pressed=true]{border-color:var(--mastro-gold);background:var(--mastro-gold-subtle)}
button.faction-option:focus-visible{outline:2px solid var(--mastro-gold);outline-offset:2px}
.faction-option-crest{display:block;width:44px;height:44px;object-fit:contain}
.faction-option-copy{display:grid;gap:2px;min-width:0}
.faction-option-copy strong{font-size:.9rem;line-height:1.25}
.faction-option-copy span{font-size:.75rem;line-height:1.4;color:var(--mastro-muted)}
.faction-option[aria-pressed=true] .class-selected{display:flex}
.tutorial-faction-choice.is-picked{border-color:var(--mastro-gold);background:var(--mastro-gold-subtle)}
.tutorial-faction-picked{margin:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mastro-gold)}
.faction-choices #faction-rule{margin-top:8px}
/* Rehearsal: class review after the faction. */
.tutorial-class-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:8px 0}
button.tutorial-class-choice{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:6px 8px;text-align:left;border:1px solid var(--mastro-line);border-radius:var(--mastro-radius-control,10px);background:var(--mastro-subtle);box-shadow:none;font-weight:400;color:var(--mastro-paper)}
button.tutorial-class-choice:hover{border-color:var(--mastro-line-strong)}
button.tutorial-class-choice[aria-pressed=true]{border-color:var(--mastro-gold);background:var(--mastro-gold-subtle)}
button.tutorial-class-choice:focus-visible{outline:2px solid var(--mastro-gold);outline-offset:2px}
.tutorial-class-choice img{display:block;width:44px;height:55px;object-fit:cover;object-position:35% 18%;border-radius:5px}
.tutorial-class-choice>span{display:grid;gap:1px;min-width:0}
.tutorial-class-choice small{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mastro-gold)}
.tutorial-class-choice strong{font-size:.82rem;line-height:1.2}
.tutorial-class-choice>span>span{font-size:.7rem;line-height:1.35;color:var(--mastro-muted)}
@media(max-width:700px){.tutorial-class-choices{grid-template-columns:minmax(0,1fr)}}
#tutorial-overlay button.tutorial-class-choice{background:var(--mastro-tutorial-surface);border-color:var(--mastro-tutorial-line);color:var(--mastro-tutorial-text)}
#tutorial-overlay button.tutorial-class-choice[aria-pressed=true]{background:var(--mastro-gold-subtle);border-color:var(--mastro-gold);box-shadow:inset 0 0 0 1px var(--mastro-gold)}
#tutorial-overlay button[data-intro-action=enter]:not(:disabled),#tutorial-overlay .tutorial-faction-choice.is-picked button:not(:disabled){background:var(--mastro-gold);border-color:var(--mastro-gold-border);color:var(--mastro-ink)}
@media(max-width:700px){.tutorial-class-choices{gap:6px}button.tutorial-class-choice{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:5px 7px}.tutorial-class-choice img{width:32px;height:40px}}