.pause-menu{
  position:fixed;inset:0;z-index:8200;display:none;place-items:center;padding:24px;
  background:rgba(27,49,47,.46);backdrop-filter:blur(12px) saturate(.9)
}
.pause-menu.open{display:grid;animation:pause-in .18s ease both}
.pause-card{
  width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:24px;
  color:#33463b;background:linear-gradient(155deg,rgba(255,253,239,.985),rgba(233,235,212,.97));
  border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(29,55,53,.34),inset 0 1px rgba(255,255,255,.9);
  scrollbar-width:thin;scrollbar-color:rgba(75,98,72,.18) transparent
}
.pause-card::-webkit-scrollbar{width:7px}.pause-card::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(75,98,72,.18)}
.pause-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.pause-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#557360;color:#fff7df;font-weight:900;box-shadow:0 8px 18px rgba(45,71,56,.22)}
.pause-kicker{font-size:8px;letter-spacing:.18em;font-weight:900;color:#839082}
.pause-card h2{margin:2px 0 0;font-size:26px;line-height:1;color:#31453a}
.pause-actions{display:grid;gap:8px}
.pause-action{
  appearance:none;width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 15px;
  border-radius:14px;border:1px solid rgba(76,99,78,.13);cursor:pointer;text-align:left;
  color:#405246;background:rgba(255,255,249,.66);font:800 12px/1 system-ui,sans-serif;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease
}
.pause-action svg{width:17px;height:17px;stroke-width:1.9;color:#6f826e}
.pause-action:hover{transform:translateY(-2px);background:#fffef5;border-color:rgba(98,132,96,.32);box-shadow:0 8px 18px rgba(47,69,54,.1)}
.pause-action.primary{color:#f9f5e1;background:#557360;border-color:#557360;box-shadow:0 9px 20px rgba(54,80,64,.2)}
.pause-action.primary svg{color:#f9f5e1}
.pause-action.danger{color:#88554c}
.pause-action.danger svg{color:#a96559}
.pause-settings{display:none;margin-top:12px;padding-top:12px;border-top:1px solid rgba(72,93,73,.12)}
.pause-settings.open{display:block}
.pause-settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#7e8a7d}
.pause-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 2px}
.pause-setting-row strong{display:block;font-size:11px;color:#405246}
.pause-setting-row small{display:block;margin-top:4px;font-size:8px;line-height:1.35;color:#8a9488}
.pause-toggle{position:relative;flex:0 0 42px;width:42px;height:24px;border:0;border-radius:99px;background:#bdc5b9;cursor:pointer}
.pause-toggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fffdf1;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:transform .16s ease}
.pause-toggle[aria-checked="true"]{background:#6e966a}
.pause-toggle[aria-checked="true"]::after{transform:translateX(18px)}
.save-status{
  position:fixed;right:18px;bottom:18px;z-index:8100;pointer-events:none;
  padding:9px 12px;border-radius:12px;color:#f7f4df;background:rgba(55,78,64,.9);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px rgba(27,49,38,.2);
  font:800 10px/1 system-ui,sans-serif;letter-spacing:.05em;
  opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease
}
.save-status.show{opacity:1;transform:translateY(0)}
body.menu-open .save-status{display:none}
body.session-paused #game{pointer-events:none}
body.reduce-motion .pause-menu.open{animation:none}
body.reduce-motion .pause-action,body.reduce-motion .pause-toggle::after,body.reduce-motion .save-status{transition:none}
@keyframes pause-in{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.pause-menu{padding:12px}.pause-card{max-height:calc(100vh - 24px);padding:19px;border-radius:20px}.pause-card h2{font-size:23px}.save-status{right:12px;bottom:12px}}
