/* Mode palettes; layout, game state and animations remain in style.css. */
body[data-skin="moto"]{
 color-scheme:dark;color:#f0f0ed;background:radial-gradient(ellipse at top,#ffffff08,transparent 65%),#101010;
 --accent:#e9b97d;--muted:#b0b0aa;--line:#484848;
 --surface:#191919;--panel:#242424;--tile:#303030;--tile-end:#242424;--empty:#202020;
 --edge:#505050;--ink:#f0f0ed;--quiet:#b9b9b2;--brand:#efbc82;
 --pill:#303030;--button:#eac18d;--button-end:#c4935e;--button-ink:#241d16;
 --disabled:#414141;--disabled-ink:#a5a5a0;--selected:#f3c895;--highlight:#e4b77833;--input:#151515;
}
body[data-skin="dackel"]{
 color-scheme:light;color:#283b25;background:radial-gradient(ellipse at top,#f6faeb,transparent 70%),#dae8c8;
 --accent:#416d36;--muted:#58704b;--line:#b4c89c;
 --surface:#eff5e5;--panel:#e5efda;--tile:#e2edcf;--tile-end:#d0e1b9;--empty:#e7efda;
 --edge:#a1b885;--ink:#283b25;--quiet:#4d6740;--brand:#3e6731;
 --pill:#d9e8c3;--button:#c3dda0;--button-end:#a9ce82;--button-ink:#253b1c;
 --disabled:#dbe5cd;--disabled-ink:#64765a;--selected:#4c7c35;--highlight:#62944233;--input:#f6faef;
}
body:is([data-skin="moto"],[data-skin="dackel"]) .game{background:var(--surface);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) footer{background:var(--surface);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .slot{background:linear-gradient(145deg,var(--tile),var(--tile-end));border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .slot.empty{background:var(--empty);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .slot.selected,
body:is([data-skin="moto"],[data-skin="dackel"]) .slot.drop-target{border-color:var(--selected);box-shadow:0 0 0 2px var(--highlight)}
body:is([data-skin="moto"],[data-skin="dackel"]) .eyebrow,
body:is([data-skin="moto"],[data-skin="dackel"]) .game-title,
body:is([data-skin="moto"],[data-skin="dackel"]) .coin,
body:is([data-skin="moto"],[data-skin="dackel"]) .nav-item.active{color:var(--brand)}
body:is([data-skin="moto"],[data-skin="dackel"]) .income-pill,
body:is([data-skin="moto"],[data-skin="dackel"]) .collection-button,
body:is([data-skin="moto"],[data-skin="dackel"]) .auto-merge-button,
body:is([data-skin="moto"],[data-skin="dackel"]) #chapter-picker{background:var(--pill);border-color:var(--edge);color:var(--ink)}
body:is([data-skin="moto"],[data-skin="dackel"]) .buy-button,
body:is([data-skin="moto"],[data-skin="dackel"]) .action{background:linear-gradient(var(--button),var(--button-end));border-color:var(--edge);color:var(--button-ink);box-shadow:0 3px 0 var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .buy-button:disabled{background:var(--disabled);color:var(--disabled-ink)}
body:is([data-skin="moto"],[data-skin="dackel"]) .nav-item,
body:is([data-skin="moto"],[data-skin="dackel"]) .hangar-footer,
body:is([data-skin="moto"],[data-skin="dackel"]) .slot-rate{color:var(--quiet)}
body:is([data-skin="moto"],[data-skin="dackel"]) .slot .level{color:var(--brand);background:var(--pill);text-shadow:none}
body:is([data-skin="moto"],[data-skin="dackel"]) .slot .card-name{color:var(--ink);text-shadow:none}
body:is([data-skin="moto"],[data-skin="dackel"]) dialog{background:var(--surface);border-color:var(--edge);color:var(--ink)}
body:is([data-skin="moto"],[data-skin="dackel"]) dialog p,
body:is([data-skin="moto"],[data-skin="dackel"]) .form-field{color:var(--quiet)}
body:is([data-skin="moto"],[data-skin="dackel"]) .collection-card,
body:is([data-skin="moto"],[data-skin="dackel"]) .upgrade-card,
body:is([data-skin="moto"],[data-skin="dackel"]) .rank-summary{background:var(--panel);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .collection-card small,
body:is([data-skin="moto"],[data-skin="dackel"]) .collection-card .plane-detail{color:var(--quiet)}
body:is([data-skin="moto"],[data-skin="dackel"]) .collection-income{color:var(--brand)}
body:is([data-skin="moto"],[data-skin="dackel"]) .form-field input{background:var(--input);color:var(--ink);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .icon-button{background:var(--panel);color:var(--quiet);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .desktop-note,
body:is([data-skin="moto"],[data-skin="dackel"]) .desktop-note :is(h2,p,small,.note-rule){color:var(--quiet)}
body:is([data-skin="moto"],[data-skin="dackel"]) #merge-combo{background:var(--surface);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) #merge-combo strong{color:var(--brand)}
body:is([data-skin="moto"],[data-skin="dackel"]) .mode-card{background:var(--panel);color:var(--ink);border-color:var(--edge)}
body:is([data-skin="moto"],[data-skin="dackel"]) .mode-card.current{background:var(--pill);border-color:var(--selected)}
body:is([data-skin="moto"],[data-skin="dackel"]) .mode-card :is(small,em,i){color:var(--quiet)}
body:is([data-skin="moto"],[data-skin="dackel"]) .action.danger{background:#8d302f;border-color:#e28576;color:#fff0e6;box-shadow:none}
body[data-skin="moto"] .battle-shade{background:linear-gradient(#00000015,#00000022 70%,#000000aa)}
body[data-skin="dackel"] .battle-shade{background:linear-gradient(#2040150a,#20401522 70%,#173b20aa)}
body[data-skin="dackel"] .collection-card.locked :is(b,.collection-income){color:#5d7351}
body[data-skin="dackel"] .star-badge{color:#846018}
body[data-skin="dackel"] .prestige-badge{color:#b52d2d}

/* Entry screen and accessible disclosure */
dialog.mode-picker.is-entry .modal-top{display:none}.merge-about{margin-top:18px;border-top:1px solid #91a99b66;padding-top:14px}.merge-about summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.5}.merge-about summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.merge-about p{font-size:12px;line-height:1.65;margin:12px 0 0}.mode-picker.is-entry .mode-splash>.eyebrow{font-size:8px;letter-spacing:1px}

.mode-card{text-decoration:none;font:inherit}.mode-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Unified profile and clearer navigation */
footer nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}footer nav .nav-item{white-space:nowrap;font-size:clamp(9px,2.5vw,11px);line-height:1.2;gap:4px}footer nav .nav-item>span{font-size:20px}#profile-badges{position:absolute;top:0;right:0;margin:0}.game-title{display:inline-flex;align-items:center;gap:5px}.mode-switch-icon{font-size:17px;line-height:1;font-weight:600}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px;margin:20px 0}.profile-stats>div{padding:12px 8px;border:1px solid var(--edge,var(--line));border-radius:9px;background:var(--panel,#ffffff08)}.profile-stats small{display:block;font-size:10px;color:var(--quiet,var(--muted));margin-bottom:6px}.profile-stats b{font-size:15px}.profile-options{border-top:1px solid var(--edge,var(--line));margin-top:24px;padding-top:16px}.profile-options>summary{cursor:pointer;font-size:16px;font-weight:750;color:var(--brand,var(--accent))}.profile-options h3{font-size:15px;margin:22px 0 10px}.profile-options p{font-size:12px;line-height:1.65}.profile-contact,.profile-security{margin-top:22px;padding-top:2px;border-top:1px solid var(--edge,var(--line))}.rank-extra{display:flex;flex-direction:column;gap:5px;margin-top:7px;font-size:10px;line-height:1.35;color:var(--quiet,var(--muted));font-variant-numeric:tabular-nums}.leaderboard th,.leaderboard td{vertical-align:top}.profile-options summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Compact hangar: name and income share one row, with income pinned right. */
.slot .card-meta{position:absolute;left:5px;right:5px;bottom:5px;display:flex;align-items:baseline;gap:3px;min-width:0;pointer-events:none}.slot .card-meta .card-name{position:static;flex:1 1 0;min-width:0;font-size:7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot .card-meta .slot-rate{position:static;flex:0 0 auto;margin-left:auto;text-align:right;white-space:nowrap;font-size:8px;line-height:1.2}.slot img{height:calc(100% - 19px)}.auto-merge-button{flex-direction:row;gap:0;min-height:32px;white-space:nowrap}footer nav{padding-top:5px}footer nav .nav-item{gap:3px;line-height:1.1}
@media(max-width:360px){.slot .card-meta{left:4px;right:4px;gap:2px}.slot .card-meta .card-name{font-size:6px}.slot .card-meta .slot-rate{font-size:7px}}
.section-heading:has(.auto-merge-button:not([hidden])) h1{font-size:clamp(14px,4vw,18px)}#slot-count{white-space:nowrap}