/* The paused world remains visible behind a quiet, keyboard-friendly overlay. */
.pause-screen {
  display:flex;
  flex-direction:column;
  gap:2.2cqh;
  padding:3.5cqh 5.5cqw;
  background:linear-gradient(90deg, #050d16f5 0%, #07111aeb 39%, #08131bb3 75%, #08131b91 100%);
  backdrop-filter:blur(2px) saturate(.65);
  color:#edf2f5;
  animation:pause-in .18s ease-out;
}
.pause-topline,.pause-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-shrink:0;
  color:#acbcc8;
  font:600 clamp(9px, .8cqw, 14px) var(--mono);
  letter-spacing:.13em;
}
.pause-topline { padding-bottom:2cqh; border-bottom:1px solid #bed3e122; }
.pause-topline>span,.pause-footer>span { display:flex; align-items:center; gap:12px; }
.pause-topline b,.pause-footer b { color:#607382; font-weight:400; }
.pause-topline time { color:#f1f5f8; font-variant-numeric:tabular-nums; }
.pause-symbol { display:inline-block; width:12px; height:14px; border-inline:4px solid #e9bb51; }
.pause-layout {
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
  align-items:center;
  gap:8cqw;
  flex:1;
  min-height:0;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#657888 transparent;
  padding:1cqh 4px;
}
.pause-navigation { min-width:0; }
.pause-screen h2 { font:800 clamp(34px, 5.1cqw, 86px)/.96 var(--sans); letter-spacing:-.045em; }
.pause-screen h2 em { color:#efc25b; font-style:normal; }
.pause-caption { color:#b5c3cd; font-size:clamp(11px, 1cqw, 16px); line-height:1.5; margin-top:2cqh; max-width:36ch; }
.pause-actions { display:grid; gap:.7cqh; margin-top:3cqh; }
.pause-button {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-height:clamp(35px, 5.9cqh, 60px);
  padding:1.1cqh 1.4cqw;
  color:#d4dfe7;
  background:#c9dded08;
  border:1px solid #c9dded1b;
  border-left:3px solid transparent;
  border-radius:3px;
  font:600 clamp(12px, 1.15cqw, 19px) var(--sans);
  text-align:left;
  transition:background .15s, border-color .15s, color .15s;
}
.pause-button:hover,.pause-button:focus-visible,.pause-button[aria-expanded="true"] {
  background:#c9dded17; border-left-color:#e9bb51; color:#fff;
}
.pause-button--resume { color:#17202b; background:#edbf59; border-color:#f4ce7b; font-weight:800; margin-bottom:.6cqh; }
.pause-button--resume>span:nth-child(2) { margin-right:auto; }
.pause-button--resume:hover,.pause-button--resume:focus-visible { background:#f9d47f; border-color:#ffe4aa; color:#17202b; }
.pause-screen kbd { color:inherit; font-size:clamp(9px, .75cqw, 12px); padding:2px 5px; background:transparent; }
.pause-button--resume kbd { border-color:#24304155; }
.pause-play { font-size:.8em; }
.pause-secondary { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #bed3e122; margin-top:1cqh; padding-top:1cqh; }
.pause-secondary button { color:#bac9d3; font-size:clamp(10px, .9cqw, 15px); background:transparent; padding:1cqh 0; }
.pause-secondary button:hover { color:#efc25b; }
.pause-note { color:#91a5b5; font-size:clamp(9px, .78cqw, 13px); line-height:1.6; margin-top:1cqh; }
.pause-summary,.pause-settings {
  min-width:0;
  padding:2.1cqh 1.8cqw;
  background:#0a1723d9;
  border:1px solid #c3d7e52b;
  border-top:2px solid #e9bb516b;
  border-radius:4px;
  box-shadow:0 16px 50px #0003;
}
.pause-screen .pause-agent { gap:1cqw; margin:0 0 1.5cqh; }
.pause-screen .pause-agent-image { width:5cqw; min-width:48px; max-height:9cqh; object-fit:contain; filter:drop-shadow(0 4px 6px #0008); }
.pause-screen .pause-agent-copy .panel-kicker { font:700 clamp(11px, 1cqw, 16px) var(--mono); letter-spacing:.08em; color:#ecce8e; text-shadow:none; }
.pause-screen #pause-agent-phrase { font-size:clamp(10px, .8cqw, 13px); color:#9eb3c4; }
.pause-objective { border-block:1px solid #bdcedd22; padding:1.4cqh 0; margin-bottom:1.3cqh; }
.pause-label { display:block; font:600 clamp(9px, .7cqw, 12px) var(--mono); color:#91a8ba; letter-spacing:.13em; }
.pause-objective strong { display:block; font:600 clamp(12px, 1.1cqw, 18px) var(--sans); margin:.6cqh 0; }
.pause-objective p { color:#aabbc7; font-size:clamp(10px, .8cqw, 13px); line-height:1.45; }
.pause-screen .resource-summary { grid-template-columns:1fr 1fr; gap:.6cqh .5cqw; padding:0; border:0; }
.pause-screen .resource-summary>div { flex-wrap:wrap; gap:4px 6px; padding:.7cqh .6cqw; border:0; border-radius:2px; font-size:clamp(10px, .8cqw, 13px); }
.pause-screen .resource-capsule-icon { width:22px; height:22px; }
.pause-screen .resource-capsule-icon img { width:100%; height:100%; object-fit:contain; }
.pause-screen .resource-summary strong { font-size:clamp(10px, .8cqw, 13px); white-space:nowrap; }
.pause-screen .summary-wallet { margin:1.3cqh 0 1cqh; padding:.7cqh .6cqw; background:transparent; border:0; font-size:clamp(11px, .9cqw, 15px); }
.pause-screen .summary-wallet strong { font-size:clamp(18px, 1.6cqw, 27px); text-shadow:none; }
.pause-screen .coin-breakdown { grid-template-columns:1fr 1fr; gap:.6cqh .5cqw; }
.pause-screen .coin-breakdown>div { gap:.5cqw; padding:.6cqh .5cqw; font-size:clamp(10px, .8cqw, 13px); border:0; border-radius:2px; }
.pause-screen .coin-breakdown>div:hover { transform:none; }
.pause-screen .coin-symbol { width:clamp(20px, 1.8cqw, 30px); height:clamp(20px, 1.8cqw, 30px); }
.pause-screen .coin-breakdown small { font-size:clamp(8px, .65cqw, 11px); }
.pause-screen .coin-breakdown strong { font-size:clamp(12px, 1cqw, 17px); }
.pause-screen .summary-points { padding-top:1.2cqh; margin-top:1.2cqh; gap:.7cqh; }
.pause-screen .summary-points>span,.pause-screen .summary-points strong { font-size:clamp(10px, .85cqw, 14px); }
.pause-screen .summary-points>span:last-child strong { color:#edc46e; font-size:clamp(16px, 1.4cqw, 24px); }
.pause-footer { border-top:1px solid #bed3e122; padding-top:1.6cqh; letter-spacing:.07em; font-size:clamp(8px, .7cqw, 12px); }
.pause-footer .pause-symbol { width:8px; height:10px; border-inline-width:3px; }
.pause-settings-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.8cqh; }
.pause-settings h3 { font-size:clamp(18px, 1.9cqw, 30px); margin-top:.7cqh; }
.pause-fieldset { border:0; border-top:1px solid #b9cddd29; margin:0 0 1.7cqh; padding:1.3cqh 0 0; min-width:0; }
.pause-fieldset legend { padding:0 10px 0 0; font:600 clamp(9px, .7cqw, 12px) var(--mono); letter-spacing:.1em; color:#c7d2da; }
.pause-slider { display:grid; grid-template-columns:1fr auto; gap:.4cqh; margin-bottom:1cqh; font-size:clamp(11px, .9cqw, 15px); }
.pause-slider output { color:#e5c278; font:600 clamp(10px, .8cqw, 14px) var(--mono); }
.pause-slider input { grid-column:1/-1; width:100%; height:16px; margin:0; accent-color:#edbf59; cursor:pointer; }
.pause-screen input:focus-visible,.pause-screen select:focus-visible { outline:2px solid #edbf59; outline-offset:3px; }
.pause-audio-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.pause-display-info { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pause-screen .quiet-button { display:flex; align-items:center; gap:8px; min-height:28px; font-size:clamp(10px, .8cqw, 13px); padding:.8cqh .5cqw; color:#d3dee6; background:transparent; border:1px solid #bed3e122; border-radius:3px; }
.pause-screen .quiet-button.is-success { color:#5af09a; border-color:#5af09a66; }
.pause-settings-head .quiet-button { width:30px; justify-content:center; flex-shrink:0; }
.pause-screen .quiet-button:hover { color:#f1c567; }
.pause-screen .quiet-button:disabled { cursor:default; opacity:.4; }
.pause-select { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:clamp(11px, .9cqw, 15px); }
.pause-select select { min-width:0; max-width:64%; padding:.8cqh .7cqw; border:1px solid #9db7ca50; border-radius:3px; background:#112434; color:#edf2f5; font:inherit; }
.pause-setting-hint { font-size:clamp(9px, .75cqw, 12px); line-height:1.5; color:#96acbd; margin:.7cqh 0; }
.pause-check { display:flex; align-items:center; gap:8px; margin:1.3cqh 0; font-size:clamp(11px, .9cqw, 15px); cursor:pointer; }
.pause-check input { accent-color:#edbf59; width:16px; height:16px; margin:0; }
.pause-display-info>span { color:#91a8ba; font:500 clamp(9px, .7cqw, 12px) var(--mono); }
#app.is-paused .toast-region { visibility:hidden; }
#app[data-reduced-effects="true"] *,#app[data-reduced-effects="true"] *::before,#app[data-reduced-effects="true"] *::after { animation:none!important; transition:none!important; }
@keyframes pause-in { from { opacity:0; } to { opacity:1; } }
@container (max-width:780px) {
  .pause-layout { gap:3cqw; grid-template-columns:1fr 1fr; align-items:start; }
  .pause-screen { padding:3cqh 3cqw; }
  .pause-screen .resource-summary,.pause-screen .coin-breakdown { grid-template-columns:1fr; }
  .pause-footer>span:first-child { display:none; }
  .pause-footer { justify-content:flex-end; }
  .pause-topline { font-size:8px; letter-spacing:.04em; }
  .pause-topline>span { gap:6px; }
}
@container (max-width:480px) {
  .pause-layout { grid-template-columns:1fr; }
  .pause-screen .resource-summary,.pause-screen .coin-breakdown { grid-template-columns:1fr 1fr; }
  .pause-topline>span:last-child { display:none; }
}
@media (prefers-reduced-motion:reduce) { .pause-screen { animation:none; } .pause-screen * { transition:none; } }