/* A single next comfort, tucked directly beneath Happiness. */
.life-shop{min-width:0;margin:0;container-type:inline-size}
.life-offer{min-width:0;border:1px solid #2b3c4d;border-radius:6px;background:#131e2a}
.life-offer-body{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;padding:10px}
.life-perk-icon{width:34px;height:34px;flex:none}
.life-perk-icon svg{display:block;width:100%;height:100%;shape-rendering:geometricPrecision}
.life-offer-copy{min-width:0}
.life-offer-copy h3{font-size:12px;line-height:1.3;letter-spacing:-.1px;font-weight:650;color:#e2eaf1}
.life-benefit{display:block;font-size:10px;line-height:1.4;margin-top:3px;color:#92d4b7;font-variant-numeric:tabular-nums}
.life-benefit.is-negative{color:#d6a6b2}
.life-buy{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:7px 10px;border:1px solid #416653;border-radius:4px;background:#20392f;color:#bde3ce;white-space:nowrap}
.life-buy>span{font-size:10px;line-height:1.1}
.life-buy strong{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.life-buy:disabled{opacity:.58;background:#1a2834;border-color:#304457;color:#8da5bb}
.life-buy:focus-visible{outline:2px solid #a0dfc2;outline-offset:3px}
.life-offer.is-unsettling{border-color:#423b4c;background:#191e2a}
.life-offer.is-unsettling .life-buy{background:#352b39;border-color:#65506b;color:#d8b9d5}
.life-offer.is-unsettling .life-buy:disabled{background:#272532;border-color:#454055;color:#a49caf}
@container(min-width:300px){.life-offer-body{grid-template-columns:38px minmax(0,1fr) auto}.life-perk-icon{width:38px;height:38px}.life-buy{grid-column:3;flex-direction:column;gap:4px;min-width:65px;min-height:40px}}
.outage-panel{position:relative;isolation:isolate;overflow:hidden;min-height:340px;border:1px solid #915663;border-radius:10px;background:radial-gradient(ellipse at 24% 55%,#3a2634 0,transparent 55%),#1f1822;box-shadow:inset 0 0 0 5px #fba2b205,0 15px 60px #07080d55;margin:0 0 22px}
.outage-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#e19aa6}
.outage-label{display:flex;align-items:center;gap:8px;border-bottom:1px solid #583440;padding:14px 24px;color:#f0b4bf;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;background:#321f2b80}
.outage-status-dot{width:7px;height:7px;border-radius:50%;background:#f2a3b0;box-shadow:0 0 0 4px #e58a9d14;animation:outage-status-breathe 2.8s ease-in-out infinite}
.outage-layout{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(0,1.05fr);align-items:center;gap:24px;max-width:1150px;margin:auto;padding:30px 40px 36px}
.outage-illustration{min-width:0;align-self:center}
.outage-illustration svg{display:block;width:100%;max-width:440px;margin:auto;overflow:visible}
.outage-copy{min-width:0;padding:8px 0}
.outage-eyebrow{font:10px ui-monospace,SFMono-Regular,monospace;line-height:1.5;letter-spacing:.5px;color:#ba8f9c}
.outage-title{font-size:clamp(25px,3vw,38px);font-weight:700;line-height:1.14;letter-spacing:-.8px;margin:10px 0 12px;color:#ffe1e4;text-wrap:balance}
.outage-description{max-width:460px;color:#d2aebc;font-size:13px;line-height:1.7}
.outage-recover{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;max-width:440px;width:100%;margin-top:23px;padding:14px 20px;border:1px solid #f7b4bb;border-radius:6px;background:#bb586b;box-shadow:0 3px 0 #722e40,0 0 24px #d5778c16;color:#fff0f1;font-size:14px;font-weight:650;line-height:1.3;text-align:center}
.outage-recover-icon{font-size:26px;line-height:1;font-weight:400}
.outage-recover:focus-visible{outline:3px solid #ffd6aa;outline-offset:5px}
.outage-recover:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #722e40}
.outage-footnote{font-size:10px;color:#a78999;line-height:1.5;margin-top:14px;max-width:440px}
.outage-test{position:fixed;right:16px;bottom:14px;z-index:40;min-height:32px;border:1px solid #526071;border-radius:5px;padding:7px 11px;background:#17222feF;color:#aec0d3;font-size:10px;box-shadow:0 3px 15px #050b1399;backdrop-filter:blur(8px)}
.outage-test:disabled{opacity:.5;cursor:not-allowed}
.outage-monitor{transform-origin:220px 165px;animation:outage-monitor-wobble 4.5s ease-in-out infinite}
.outage-link-left{transform-origin:83px 107px;animation:outage-link-drop-left 3.8s ease-in-out infinite}
.outage-link-right{transform-origin:357px 107px;animation:outage-link-drop-right 4.4s ease-in-out infinite}
.outage-falling-paper{animation:outage-paper-fall 3.6s ease-in infinite;opacity:0;transform-box:fill-box;transform-origin:center}
.outage-paper-b{animation-delay:1.1s;animation-duration:4s}
.outage-paper-c{animation-delay:2.2s;animation-duration:3.8s}
.outage-flatline{stroke-dasharray:24 420;stroke-dashoffset:444;animation:outage-flatline-trace 4s linear infinite}
.outage-screen-glitch{animation:outage-screen-drift 5s steps(1,end) infinite}
.outage-error-marks{animation:outage-error-sigh 4.5s ease-in-out infinite}
@keyframes outage-status-breathe{50%{opacity:.58;box-shadow:0 0 0 6px #e58a9d09}}
@keyframes outage-monitor-wobble{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-2deg)}83%{transform:rotate(1deg)}91%{transform:rotate(-.7deg)}}
@keyframes outage-link-drop-left{0%,100%{transform:rotate(12deg)}50%{transform:rotate(19deg)}}
@keyframes outage-link-drop-right{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(-11deg)}}
@keyframes outage-paper-fall{0%,16%{transform:translate(0,0) rotate(-8deg);opacity:0}22%{opacity:.9}70%{opacity:.75}90%,100%{transform:translate(-10px,98px) rotate(45deg);opacity:0}}
@keyframes outage-flatline-trace{to{stroke-dashoffset:0}}
@keyframes outage-screen-drift{0%,100%{transform:translateY(0);opacity:.4}38%{transform:translateY(4px);opacity:.6}68%{transform:translateY(-3px);opacity:.3}}
@keyframes outage-error-sigh{0%,65%,100%{transform:translateY(0);opacity:.65}79%{transform:translateY(-3px);opacity:1}}
@media(max-width:1100px){.outage-layout{padding:24px 25px 30px;gap:20px}}
@media(max-width:760px){.outage-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:16px 24px 30px;max-width:560px}.outage-illustration svg{max-width:305px}.outage-title{font-size:30px}.outage-copy{padding:8px 0 0}.outage-eyebrow{font-size:9px}.outage-description{font-size:12px}.outage-label{padding:13px 21px}.outage-recover{max-width:none;margin-top:20px}.outage-footnote{font-size:10px}}
@media(max-width:420px){.outage-layout{padding:12px 20px 25px}.outage-illustration svg{max-width:265px}.outage-title{font-size:27px}.outage-description{font-size:12px}.outage-test{right:12px;bottom:12px;font-size:9px;min-height:32px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.outage-panel *{animation:none!important;transition:none!important}.outage-falling-paper{opacity:.65;transform:translateY(35px) rotate(12deg)}.outage-flatline{stroke-dasharray:none}.outage-link-left{transform:rotate(15deg)}.outage-link-right{transform:rotate(-15deg)}}