.pause{--bar: clamp(52px, 10vh, 96px);position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-template-rows:var(--bar) minmax(0,1fr) var(--bar);column-gap:6vw;padding:0 calc(var(--edge) + 1.5vw);color:#fff;animation:pzFade .35s ease both}.pause[hidden]{display:none}.pause:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04060ad6,#04060a8c 34%,#04060a33 56%,#04060a4d 70%,#04060ab3),radial-gradient(ellipse 80% 70% at 50% 50%,#0000 50%,#00000080)}#game{transform-origin:56% 46%;transition:filter .5s ease,transform .6s var(--ease)}body.is-paused #game{filter:saturate(.28) brightness(.72) contrast(1.08) sepia(.1);transform:scale(1.05);transition:filter .9s ease,transform 40s cubic-bezier(.15,.35,.3,1)}body.is-paused :is(.hud,.comms,.toast,.mission,.brief,.station,.line){opacity:0!important;transition:opacity .25s ease}body.is-paused .journal{z-index:45}.pz-bar{position:absolute;left:0;right:0;z-index:-1;height:var(--bar);background:#000;animation:pzBar .7s var(--ease) both}.pz-bar:first-of-type{top:0;transform-origin:top}.pz-bar:last-of-type{bottom:0;transform-origin:bottom}.pz-top{grid-column:1 / -1;grid-row:1;display:flex;justify-content:space-between;align-items:center;font:600 11px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;animation:pzRise .6s var(--ease) .15s both}.pz-mark{color:#ffffffe6}.pz-mark em{margin-left:.9em;font-style:normal;font-weight:400;color:#ffffff80}.pz-state{display:inline-flex;align-items:center;gap:10px;color:#ffffff9e}.pz-state i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pzBreathe 2.4s ease-in-out infinite}.pz-card{grid-column:1;grid-row:2;align-self:center;min-width:0;padding-top:1vh}.pz-kicker{margin:0;font:600 11px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px rgba(0,0,0,.6);animation:pzRise .6s var(--ease) .12s both}.pz-card h2{max-width:11ch;margin:16px 0 18px;font:600 clamp(44px,6.4vw,96px)/.92 var(--sans);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.45);animation:pzRise .7s var(--ease) .18s both}.pz-where{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;font:500 14.5px/1 var(--sans);color:#ffffffc7;animation:pzRise .6s var(--ease) .24s both}.pz-place{display:inline-flex;align-items:center;gap:7px}.pz-place svg{width:15px;height:15px;fill:none;stroke:#ffffffb3;stroke-width:1.7}.pz-time{display:inline-flex;align-items:center;gap:9px}.pz-time:empty{display:none}.pz-time:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #f5c542cc}.pz-time[data-time=day]:before{background:#fff;box-shadow:0 0 8px #ffffffb3}.pz-time:is([data-time=night],[data-time=storm]):before{background:none;box-shadow:inset 0 0 0 1.5px #c9d6ff}.pz-menu{position:relative;display:grid;width:min(460px,100%);margin-top:clamp(26px,6vh,64px)}.pz-hl{position:absolute;left:0;top:0;width:100%;height:0;border-left:2px solid var(--gold);background:linear-gradient(90deg,#f5c5422b,#f5c5420d 55%,#f5c54200);box-shadow:-8px 0 18px -10px var(--gold);pointer-events:none;transition:transform .45s var(--ease),height .45s var(--ease)}.pz-menu button{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 22px;border:0;background:none;font:500 clamp(19px,1.9vw,26px)/1.1 var(--sans);letter-spacing:-.02em;color:#ffffff80;text-align:left;cursor:pointer;transition:color .25s ease;animation:pzRise .6s var(--ease) both}.pz-menu button:nth-of-type(1){animation-delay:.28s}.pz-menu button:nth-of-type(2){animation-delay:.33s}.pz-menu button:nth-of-type(3){animation-delay:.38s}.pz-menu button:nth-of-type(4){animation-delay:.43s}.pz-menu button[hidden]{display:none}.pz-menu button>span{transition:transform .45s var(--ease)}.pz-menu button small{display:block;margin-top:6px;font:400 12.5px/1.3 var(--sans);letter-spacing:0;color:#ffffff5c;transition:color .25s ease}.pz-menu button small:empty{display:none}.pz-menu button.is-at{color:#fff}.pz-menu button.is-at>span{transform:translate(8px)}.pz-menu button.is-at small{color:#ffffffa8}.pz-menu button:focus-visible{outline:none}.pause kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:#080b0f80;font:600 10.5px/1 var(--mono);letter-spacing:0;color:#fff;text-shadow:none}.pz-menu kbd{flex:none;opacity:.35;transition:opacity .25s ease}.pz-menu button.is-at kbd{opacity:1}.pz-keys{grid-column:2;grid-row:2;align-self:center;display:grid;gap:clamp(14px,3vh,26px);max-height:100%;padding:6px 0 6px 30px;border-left:1px solid rgba(255,255,255,.12);overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.45);animation:pzRise .7s var(--ease) .36s both}.pz-group h3{margin:0 0 11px;font:600 10px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffff80}.pz-group.is-here h3{color:var(--gold)}.pz-group.is-quiet{opacity:.5}.pz-group ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pz-group li{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:16px;font:500 13.5px/1.4 var(--sans);color:#ffffffe6}.pz-caps{display:flex;justify-content:flex-end;align-items:center;gap:4px}.pz-lbl b{font:600 10.5px/1 var(--mono);color:#fff}.pz-lbl small{display:block;font-size:12px;font-weight:400;color:#ffffff80}.pz-or{font:400 10px/1 var(--mono);font-style:normal;color:#ffffff73}.pz-wasd{display:grid;justify-items:center;gap:3px}.pz-wasd>span{display:flex;gap:3px}.pz-wasd kbd{width:22px;height:22px}.pause kbd.is-wide{padding:0 7px}.pause .k-mouse{padding:0 6px}.pause .k-mouse svg{width:9px;height:13px;fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round}.pause .k-mouse .f{fill:var(--gold);stroke:none}.pz-group li.pz-flow{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13px;color:#fffc}.pz-flow>span{display:inline-flex;align-items:center;gap:7px}.pz-pad{display:inline-flex;font-style:normal}.pz-pad-v{position:relative;width:18px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:#080b0f99;overflow:hidden}.pz-pad-v u{position:absolute;left:0;right:0;bottom:0;height:55%;background:#f5c5428c}.pz-pad-h{gap:3px}.pz-pad-h b{display:grid;place-items:center;width:24px;height:22px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:#080b0f99;font:400 15px/1 var(--sans)}.pz-drag{position:relative;width:44px;height:18px;font-style:normal}.pz-drag:before{content:"";position:absolute;left:4px;right:4px;top:8px;height:2px;border-radius:1px;background:linear-gradient(90deg,#fff0,#ffffffb3)}.pz-drag:after{content:"";position:absolute;right:0;top:2px;width:14px;height:14px;border-radius:50%;background:#ffffff2e;box-shadow:0 0 0 1.5px #fff}.pz-tap{width:18px;height:18px;border-radius:50%;font-style:normal;box-shadow:0 0 0 1.5px var(--gold),0 0 10px #f5c54280}.pz-tap.is-icons{width:auto;height:auto;box-shadow:none;display:inline-flex;gap:3px}.pz-tap.is-icons:before,.pz-tap.is-icons:after{content:"";width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1.3px #ffffffb3}.pz-foot{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;align-items:center;gap:24px;animation:pzRise .6s var(--ease) .45s both}.pz-season{display:flex;align-items:center;gap:22px}.pz-season p{margin:0;font:500 10.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap}.pz-season p b{font-weight:600;color:#fff}.pz-track{display:flex;gap:9px;margin:0;padding:0 0 12px;list-style:none}.pz-track li{position:relative;display:flex;gap:2px}.pz-track i{width:17px;height:3px;border-radius:2px;background:#ffffff29}.pz-track i.is-done{background:#ffffffb8}.pz-track i.is-now{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pzBreathe 2.4s ease-in-out infinite}.pz-track span{position:absolute;left:0;top:9px;font:500 9px/1 var(--mono);color:#ffffff59}.pz-track li.is-ep span{color:var(--gold)}.pz-track li.is-season{margin-left:9px}.pz-track li.is-long i{width:36px}.pz-nav{display:flex;gap:20px;margin:0;font:500 12px/1 var(--sans);color:#fff9}.pz-nav span{display:inline-flex;align-items:center;gap:6px}.pz-nav kbd{min-width:18px;height:18px;font-size:10px}.pause.is-touch .pz-nav,.pause.is-touch .pz-menu kbd{display:none}@media(max-width:1100px){.pause{grid-template-columns:minmax(0,1fr) minmax(270px,340px);column-gap:4vw}.pz-group li{grid-template-columns:64px 1fr;gap:12px;font-size:13px}}@media(max-height:520px){.pause{--bar: 34px;padding:0 calc(var(--edge) + 4px)}.pz-top{font-size:9.5px}.pz-card{padding-top:0}.pz-card h2{margin:8px 0;font-size:clamp(28px,8.5vh,40px)}.pz-where{font-size:12.5px}.pz-menu{margin-top:12px}.pz-menu button{padding:6px 12px 6px 16px;font-size:17px}.pz-menu button small{display:none;margin-top:3px;font-size:11px}.pz-menu button.is-at small{display:block}.pz-keys{gap:10px;padding-left:20px}.pz-group h3{margin-bottom:7px;font-size:9px}.pz-group ul{gap:6px}.pz-group li{font-size:12px;line-height:1.3}.pz-lbl small{font-size:11px}.pz-track{padding-bottom:0}.pz-track span{display:none}.pz-track i{width:12px}}@keyframes pzFade{0%{opacity:0}}@keyframes pzBar{0%{transform:scaleY(0)}}@keyframes pzRise{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}@keyframes pzBreathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.pause,.pause *,.pz-bar{animation:none!important}.pz-hl,.pz-menu button>span{transition:none}body.is-paused #game{transform:none;transition:filter .3s ease}}
