:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#030817;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.mailshift{--paper:#f3e5bd;--ink:#081426;--cyan:#76edf7;--cyan-deep:#167e9b;--brass:#e2b65a;--wax:#9e3544;--danger:#ff665d;isolation:isolate;width:100%;height:100dvh;min-height:100dvh;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;background:#030817;position:relative;overflow:hidden}.mailshift__canvas,.mailshift__atmosphere{width:100%;height:100%;position:absolute;inset:0}.mailshift__canvas{display:block}.mailshift__atmosphere{z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0207120f,#02071266),repeating-linear-gradient(113deg,#0000 0 44px,#7ce8f406 45px 46px)}.mailshift__menu{z-index:4;padding:max(.75rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));background:linear-gradient(90deg,#020816f0,#0208163d 63%,#0208167a),url(/playables/midnight-mailshift/assets/key-art-a.png) 50%/cover no-repeat;grid-template-rows:1fr auto auto;align-items:end;gap:clamp(.55rem,2vh,1.1rem);display:grid;position:absolute;inset:0;overflow:hidden}.mailshift[data-view=playing] .mailshift__menu,.mailshift[data-view=results] .mailshift__menu,.mailshift[data-view=loading] .mailshift__menu{visibility:hidden;pointer-events:none}.mailshift__title-lockup{border-left:4px solid var(--cyan);text-shadow:0 3px 20px #020713;background:linear-gradient(90deg,#030a1be0,#030a1b2e);border-radius:0 1.25rem 1.25rem 0;align-self:end;width:min(38rem,74vw);padding:clamp(.75rem,2vw,1.4rem)}.mailshift__eyebrow{color:var(--brass);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.35rem;font-size:clamp(.65rem,1.5vw,.78rem);font-weight:850;display:block}.mailshift h1,.mailshift h2,.mailshift h3,.mailshift p{margin:0}.mailshift h1{letter-spacing:-.055em;max-width:10ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,8vw,5.6rem);font-weight:850;line-height:.82}.mailshift__title-lockup p{color:#c6f7fa;letter-spacing:.04em;margin-top:.6rem;font-weight:750}.mailshift__menu-actions{gap:.55rem;width:min(32rem,100%);display:flex}.mailshift__secondary-actions{flex:1;grid-template-columns:1fr 1fr auto;gap:.45rem;display:grid}.mailshift__button,.mailshift__icon-button,.mailshift__touch button,.mailshift__ability-meter button{min-width:48px;min-height:48px;color:var(--paper);cursor:pointer;background:#051025e6;border:1px solid #e3b95f9e;border-radius:.85rem;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000047}.mailshift__button:hover,.mailshift__button:focus-visible,.mailshift__icon-button:hover,.mailshift__icon-button:focus-visible,.mailshift__touch button:active,.mailshift__ability-meter button:active{outline-offset:2px;border-color:var(--cyan);outline:3px solid #76edf780}.mailshift__button--play{color:#03111f;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#b7f7f9,#54c9df 72%,#2b8daa);border-color:#8bf2fa;min-width:clamp(8rem,26vw,13rem);font-size:1.05rem;font-weight:900}.mailshift__button--quiet{padding-inline:.75rem;font-weight:750}.mailshift__icon-button{place-items:center;width:48px;padding:0;font-size:1.25rem;display:inline-grid}.mailshift__icon-button.is-muted{color:#8d96a8;text-decoration:line-through}.mailshift__compact-stats{gap:.5rem;width:min(22rem,100%);display:flex}.mailshift__stat{background:#040e1fd1;border:1px solid #e2b65a57;border-radius:.8rem;flex:1;justify-content:space-between;align-items:baseline;min-width:0;padding:.55rem .75rem;display:flex}.mailshift__stat span,.mailshift__hud span{color:#b8c8d8;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mailshift__hud{z-index:3;top:max(.45rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));left:max(.5rem, env(safe-area-inset-left));pointer-events:none;gap:.4rem;display:grid;position:absolute}.mailshift:not([data-view=playing]) .mailshift__hud,.mailshift:not([data-view=playing]) .mailshift__ability-meter,.mailshift:not([data-view=playing]) .mailshift__touch{visibility:hidden}.mailshift__hud-primary,.mailshift__hud-secondary{align-items:stretch;gap:.4rem;display:flex}.mailshift__hud-primary>*,.mailshift__hud-secondary>*{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030c1dd6;border:1px solid #e2b65a57;border-radius:.72rem;box-shadow:0 8px 24px #0000003d}.mailshift__integrity{min-width:min(20rem,48vw);padding:.45rem .6rem}.mailshift__integrity-label{justify-content:space-between;gap:.75rem;display:flex}.mailshift__integrity-track{background:#182337;border:1px solid #f3e5bd57;border-radius:999px;height:.65rem;margin-top:.3rem;overflow:hidden}.mailshift__integrity-track>span{width:var(--integrity,100%);background:repeating-linear-gradient(90deg,#0000 0 10%,#020a183d 10% 12%),linear-gradient(90deg,#4ac7a5,#9aefb9);height:100%;transition:width .18s,filter .18s;display:block}.mailshift__integrity-track.is-low>span{background:linear-gradient(90deg,#e2444e,#ff945a);animation:.75s ease-in-out infinite alternate mailshift-danger}.mailshift__score,.mailshift__time{place-items:center;min-width:5rem;padding:.38rem .65rem;display:grid}.mailshift__score strong,.mailshift__time strong{font-variant-numeric:tabular-nums}.mailshift__phase,.mailshift__manifest,.mailshift__chain,.mailshift__powers{min-height:2rem;padding:.35rem .6rem}.mailshift__manifest{color:#e8d597;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.76rem;font-weight:800;overflow:hidden}.mailshift__chain{gap:.45rem;display:flex}.mailshift__powers{gap:.3rem;display:flex}.mailshift__powers:empty{display:none}.mailshift__powers span{color:#b9f7f8;font-size:.61rem}.mailshift__ability-meter{z-index:4;right:max(.6rem, env(safe-area-inset-right));bottom:max(.65rem, env(safe-area-inset-bottom));background:#020c1de6;border:1px solid #76edf78a;border-radius:1rem;width:6.4rem;position:absolute;overflow:hidden;box-shadow:0 10px 32px #0000005c}.mailshift__ability-meter button{z-index:1;background:0 0;border:0;width:100%;display:grid;position:relative}.mailshift__ability-meter button span{color:#bffbff;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.mailshift__ability-fill{height:var(--ability,0%);background:linear-gradient(#77edf733,#2bacc6cc);transition:height .18s;position:absolute;inset:auto 0 0}.mailshift__touch{z-index:4;right:max(.65rem, env(safe-area-inset-right));bottom:max(.65rem, env(safe-area-inset-bottom));left:max(.65rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.mailshift__touch button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f22db}.mailshift__dpad{grid-template-rows:repeat(2,3.15rem);grid-template-columns:repeat(3,3.15rem);gap:.25rem;display:grid}.mailshift__dpad [data-touch-direction=north]{grid-column:2}.mailshift__dpad [data-touch-direction=west]{grid-area:2/1}.mailshift__dpad [data-touch-direction=south]{grid-area:2/2}.mailshift__dpad [data-touch-direction=east]{grid-area:2/3}.mailshift__touch-actions{grid-template-columns:repeat(2,minmax(3.2rem,auto));gap:.3rem;display:grid}.mailshift__touch-actions button{text-transform:uppercase;padding:0 .65rem;font-size:.74rem;font-weight:900}.mailshift__touch-actions [data-touch-action=stamp]{background:#712d31e6;border-color:#e4bc65}.mailshift__touch-actions [data-touch-action=bank]{border-color:#72dae9}.mailshift__center-overlay,.mailshift__results,.mailshift__loading{z-index:7;position:absolute;inset:0}.mailshift__center-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02081485;place-items:center;display:grid}.mailshift__countdown{color:#c4fbff;text-shadow:0 0 40px #29b9d6;font-family:Georgia,serif;font-size:clamp(4rem,22vw,11rem);font-weight:900}.mailshift__paper-panel{background:linear-gradient(#0a1422f0, #070e1af5), var(--paper);text-align:center;border:2px solid #b88c42;border-radius:1.2rem;gap:.8rem;width:min(25rem,100% - 2rem);padding:1.35rem;display:grid;box-shadow:0 28px 80px #0000007a}.mailshift__results{padding:max(.6rem, env(safe-area-inset-top)) max(.6rem, env(safe-area-inset-right)) max(.6rem, env(safe-area-inset-bottom)) max(.6rem, env(safe-area-inset-left));background:#030817;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);display:grid;overflow:hidden}.mailshift__results img{object-fit:cover;object-position:center;border-radius:1rem 0 0 1rem;width:100%;height:100%;min-height:0}.mailshift__results-copy{background:linear-gradient(145deg,#101d31,#07101f);border:1px solid #e2b65a5c;border-left:0;border-radius:0 1rem 1rem 0;flex-direction:column;justify-content:center;gap:.75rem;min-height:0;padding:clamp(1rem,3vw,2.25rem);display:flex}.mailshift__results-copy h2{font-family:Georgia,serif;font-size:clamp(1.75rem,5vw,3.8rem)}.mailshift__result-score{align-items:baseline;gap:.8rem;display:flex}.mailshift__result-score span{border:2px solid var(--brass);width:3.1rem;height:3.1rem;color:var(--brass);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:1.5rem;display:grid}.mailshift__result-score strong{font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,4.5rem)}.mailshift__result-details{color:#c3d6e5;gap:.32rem;font-size:.86rem;display:grid}.mailshift__fallback{color:#95a7ba;font-size:.74rem}.mailshift__result-actions{flex-wrap:wrap;gap:.45rem;display:flex}.mailshift__dialog{width:min(38rem,100% - 1.4rem);max-height:min(44rem,100dvh - 1.4rem);color:var(--paper);background:#081528;border:2px solid #b98d44;border-radius:1.15rem;padding:0;overflow:hidden;box-shadow:0 30px 90px #000000a8}.mailshift__dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01050ec2}.mailshift__dialog-heading{border-bottom:1px solid #e2b65a4d;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .75rem;display:flex}.mailshift__dialog-body{overscroll-behavior:contain;gap:.7rem;max-height:calc(100dvh - 8rem);padding:.9rem 1rem 1.1rem;display:grid;overflow-y:auto}.mailshift__dialog-body article,.mailshift__profile-hero,.mailshift__uniform-record,.mailshift__reward-record{background:#0b1f34c2;border:1px solid #76edf72e;border-radius:.8rem;padding:.8rem}.mailshift__dialog-body p{color:#b9c9d8;margin-top:.25rem;line-height:1.45}.mailshift__profile-hero{background:linear-gradient(90deg,#04122480,#041224db),url(/playables/midnight-mailshift/assets/bestiary-results.png) 50% 32%/cover;gap:.2rem;display:grid}.mailshift__profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;display:grid}.mailshift__profile-stats div{background:#051122e0;border-radius:.7rem;padding:.65rem}.mailshift__profile-stats dt{color:#9db0c2;text-transform:uppercase;font-size:.7rem}.mailshift__profile-stats dd{margin:.2rem 0 0;font-weight:850}.mailshift__loading{color:#c4fbff;text-align:center;background:linear-gradient(#0208168a,#020816cc),url(/playables/midnight-mailshift/assets/key-art-b.png) 50%/cover;place-content:center;gap:.8rem;display:grid}.mailshift__loading-seal{border:.7rem double var(--cyan);border-left-color:var(--brass);border-radius:50%;width:4rem;height:4rem;margin:auto;animation:1.2s linear infinite mailshift-spin}.mailshift__live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.mailshift.is-low-integrity .mailshift__atmosphere{box-shadow:inset 0 0 7rem #be1c2d52}@media (pointer:coarse),(any-pointer:coarse),(width<=760px){.mailshift__touch{display:flex}.mailshift__ability-meter{bottom:7.1rem;right:.65rem}}@media (width<=700px){.mailshift__menu{background:linear-gradient(#02081633,#02081629 32%,#020816f7),url(/playables/midnight-mailshift/assets/key-art-a.png) 42%/cover no-repeat}.mailshift__title-lockup{width:min(29rem,96vw)}.mailshift__menu-actions{width:100%}.mailshift__button--play{min-width:7.2rem}.mailshift__integrity{flex:1;min-width:0}.mailshift__hud-secondary{overflow:hidden}.mailshift__phase{display:none}.mailshift__results{grid-template-columns:1fr}.mailshift__results img{opacity:.28;border-radius:0;position:absolute;inset:0}.mailshift__results-copy{z-index:1;background:#040d1ce6;border-left:1px solid #e2b65a5c;border-radius:1rem;position:relative}}@media (width<=390px){.mailshift__menu{padding-top:max(.5rem, env(safe-area-inset-top));gap:.42rem}.mailshift h1{font-size:clamp(2.1rem,13vw,3rem)}.mailshift__title-lockup{padding:.65rem}.mailshift__title-lockup p{margin-top:.35rem;font-size:.82rem}.mailshift__menu-actions{grid-template-columns:1fr;display:grid}.mailshift__button--play{width:100%}.mailshift__secondary-actions{grid-template-columns:1fr 1fr 48px}.mailshift__stat{padding:.4rem .55rem}.mailshift__hud,.mailshift__hud-primary,.mailshift__hud-secondary{gap:.25rem}.mailshift__score,.mailshift__time{min-width:4.3rem;padding-inline:.35rem}.mailshift__dpad{grid-template-rows:repeat(2,3rem);grid-template-columns:repeat(3,3rem)}.mailshift__touch-actions{grid-template-columns:repeat(2,3rem)}}@media (height<=620px) and (orientation:portrait){.mailshift__eyebrow{display:none}.mailshift__title-lockup{padding-block:.55rem}.mailshift__title-lockup p{margin-top:.3rem}}@media (height<=430px){.mailshift__menu{padding-block:max(.35rem, env(safe-area-inset-top)) max(.35rem, env(safe-area-inset-bottom));grid-template-rows:1fr auto;grid-template-columns:minmax(12rem,1fr) minmax(16rem,.9fr);align-items:center}.mailshift__title-lockup{grid-row:1/3;width:auto}.mailshift h1{font-size:clamp(2.1rem,8vh,3.2rem)}.mailshift__menu-actions{width:100%;display:grid}.mailshift__compact-stats{width:100%}.mailshift__hud-secondary,.mailshift__time{display:none}.mailshift__touch{align-items:center}.mailshift__dpad{grid-template-rows:repeat(2,2.8rem);grid-template-columns:repeat(3,2.8rem)}.mailshift__results-copy{gap:.35rem;padding:.7rem}.mailshift__result-details{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.mailshift *,.mailshift :before,.mailshift :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes mailshift-spin{to{transform:rotate(1turn)}}@keyframes mailshift-danger{to{filter:brightness(1.35)}}