/* Quiet architectural chrome keeps the landing edge and character in focus. */
body[data-mini="tower"] { --accent: #80e6de; --surface: #19343f; background: #0e1b28; }
body[data-mini="tower"] .mini-stage { border-color: #639caa70; border-radius: 14px 14px 0 0; box-shadow: 0 7px 28px #0004; }
body[data-mini="tower"] .mini-hud { background: linear-gradient(#101d30fa, #101d30c9 65%, #101d3000); }
body[data-mini="tower"] .mini-hud > span:first-child { border-color: #89dfd52e; background: #16313dcc; border-radius: 8px; }
body[data-mini="tower"] .mini-hud strong { color: #effff8; }
body[data-mini="tower"] .mini-hud button { border-color: #8edace38; background: #203946; }
body[data-mini="tower"] .mini-buddy { border-color: #639caa70; border-top-color: #8edace22; background: linear-gradient(100deg, #214550, #112633); border-radius: 0 0 14px 14px; }
body[data-mini="tower"] .buddy-talk { background: transparent; border: 0; padding-left: 3px; color: #e2f3f0; }
body[data-mini="tower"] .buddy-badge { color: #f1d59d; }
body[data-mini="tower"] .mini-overlay { background: #081a279c; }
body[data-mini="tower"] .mini-panel { border-radius: 22px; border-color: #9bd9d15c; background: linear-gradient(155deg, #244956, #122c3b 75%); box-shadow: inset 0 1px #c2fff32b, 0 20px 45px #0006; }
body[data-mini="tower"] .mini-hero::before { border-color: #a4e7db88; box-shadow: 0 0 0 9px #a4e7db07, 0 0 0 10px #a4e7db1c; }
body[data-mini="tower"] .mini-play { width: 96px; border-radius: 13px; border-color: #fff0c5; background: linear-gradient(145deg, #ffebbe, #d5b66e); }
body[data-mini="tower"] .cast-choice { border-radius: 10px; background: linear-gradient(145deg, #83c9ca22, #102a39); }
body[data-mini="tower"] .cast-choice[aria-pressed="true"] { border-color: #ffe1a0; box-shadow: 0 0 0 2px #ffe1a020, inset 0 1px #fff5; }

/* Compact navy/gold frame; all ornament remains inside the stage. */
body[data-mini="tower"] .mini-stage { border-color: #c3ae7666; box-shadow: inset 0 1px #f4e1aa26, 0 7px 24px #0004; }
body[data-mini="tower"] .mini-hud > span:first-child { border-color: #d7bc7f55; background: linear-gradient(135deg, #273c4e, #112335); }
body[data-mini="tower"] .mini-hud .score-symbol { color: #ffe2a0; }
body[data-mini="tower"] .mini-buddy { height: 32px; gap: 6px; padding-inline: 6px; }
body[data-mini="tower"] .buddy-portrait { width: 30px; height: 30px; margin-top: 0; }
body[data-mini="tower"] .buddy-talk { padding-block: 4px; }

.tower-panel-state { margin: 0; color: #a5e7e2; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.tower-result-summary { margin: 0; width: 100%; padding: 10px 4px; border-block: 1px solid #b7ddd52b; color: #effffb; text-align: center; font-size: 14px; font-variant-numeric: tabular-nums; }
body[data-mini="tower"] .mini-play { display: flex; justify-content: center; gap: 9px; width: 166px; min-height: 54px; font-size: 15px; font-weight: 800; }
body[data-mini="tower"] .mini-play svg { width: 18px; height: 18px; }
body[data-mini="tower"] .mini-best { color: #c3d4df; letter-spacing: .04em; }
body[data-mini="tower"] .mini-next { min-height: 44px; }
.mini-overlay[data-mode="result"] .tower-panel-state { color: #ffe2a0; }
body[data-mini="tower"] .mini-hero { width: 106px; height: 88px; }
body[data-mini="tower"] .panel-portrait { width: 88px; height: 88px; }
body[data-mini="tower"] .mini-hero::before { width: 76px; height: 76px; }
body[data-mini="tower"] .mini-hero::after { content: none; }

/* Keep pause reachable without taking another row from the playfield. */
body[data-mini="tower"] .mini-hud { padding-block: 0; }
body[data-mini="tower"] .mini-hud button { width: 44px; height: 44px; flex-shrink: 0; }
body[data-mini="tower"] .mini-overlay { backdrop-filter: none; padding: 10px; }
body[data-mini="tower"] .mini-panel { gap: 9px; padding: 14px; }
@media (max-height: 650px) {
    body[data-mini="tower"] .mini-panel { gap: 7px; padding: 10px 12px; }
    body[data-mini="tower"] .mini-hero { width: 106px; height: 78px; }
    body[data-mini="tower"] .panel-portrait { width: 80px; height: 80px; }
    body[data-mini="tower"] .mini-hero::before { width: 70px; height: 70px; }
    body[data-mini="tower"] .mini-hero::after { content: none; }
    body[data-mini="tower"] .mini-message { font-size: 28px; }
    body[data-mini="tower"] .tower-result-summary { padding: 7px 2px; font-size: 13px; }
}

/* A still gold reward remains readable after the short in-play celebration. */
.mini-overlay[data-record="true"] .mini-panel { border-color: #ffe2a0; box-shadow: inset 0 1px #fff0bd66, 0 0 24px #ffdb8026, 0 20px 45px #0006; }
.mini-overlay[data-record="true"] .tower-panel-state::before { content: '👑 '; }

.tower-goal, .tower-reward { margin: 0; font-size: 12px; text-align: center; line-height: 1.5; }
.tower-goal { color: #d5ede8; }
.tower-course-picker { width: 100%; color: #d5ede8; font-size: 12px; }
.tower-course-picker summary { min-height: 44px; padding: 13px 8px; border: 1px solid #b7ddd540; border-radius: 9px; color: #ffe2a0; touch-action: manipulation; }
.tower-course-picker label { display: block; margin: 8px 0 4px; }
.tower-course-picker select { width: 100%; min-height: 44px; border: 1px solid #b7ddd55c; border-radius: 8px; background: #142d37; color: #effffb; padding: 8px; font: inherit; font-size: 14px; }
.tower-course-picker p { margin: 5px 0 0; line-height: 1.5; }
.tower-course-picker p:empty { display: none; }
#tower-ranking { width: 100%; text-align: center; }
body[data-mini="tower"] .mini-time { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px !important; }
.tower-reward { color: #ffe2a0; }
.tower-collection { width: 100%; font-size: 12px; color: #d5ede8; }
.tower-collection summary { min-height: 44px; padding: 13px 8px; border: 1px solid #b7ddd540; border-radius: 9px; cursor: pointer; color: #ffe2a0; }
.tower-collection label { display: block; margin: 10px 0 5px; }
.tower-collection select { width: 100%; min-height: 44px; border: 1px solid #b7ddd55c; border-radius: 8px; background: #132c3b; color: #effffb; font: inherit; padding: 6px; }
.tower-challenge-list p { margin: 9px 0; line-height: 1.5; }

/* Keep points and floors in one compact HUD, leaving the character and slab lane clear. */
body[data-mini="tower"] .mini-hud > .tower-hud-metrics { flex-direction: column; align-items: flex-start; gap: 0; padding: 2px 7px; min-width: 82px; max-width: 46%; line-height: 1.1; }
.tower-hud-score { display: flex; align-items: baseline; gap: 4px; max-width: 100%; }
.tower-hud-score #score { font-size: 18px; overflow: hidden; text-overflow: ellipsis; }
.tower-unit { font-size: 10px; color: #c3d4df; }
body[data-mini="tower"] .tower-hud-floors { display: flex; align-items: baseline; gap: 3px; font-size: 11px; color: #b6d9d6; }
body[data-mini="tower"] .tower-hud-floors strong { font-size: 12px; }
body[data-mini="tower"] .mini-time { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }