@layer components{.nl-dead .dead{text-align:center;border-radius:0 0 28px 28px;padding:56px 16px 22px}.nl-dead .dead h1{font:italic 900 28px/1.05 var(--nl-display);text-transform:uppercase;margin-top:18px}.nl-dead .dead>p{color:#c3ccda;margin-top:7px;font-size:14px;line-height:1.45}.nl-dead .dead .wide{display:none}.nl-dead .after{background:#fff;border-radius:16px;margin:14px 16px 0;padding:14px;box-shadow:0 2px 10px #0f1b2d14}.nl-dead .btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nl-dead .btn{text-align:center;font:700 15.5px var(--nl-body);cursor:pointer;border:0;border-radius:12px;width:100%;padding:13px;display:block}.nl-dead .btn.navy{background:var(--color-navy);color:#fff}.nl-dead .btn.ghost{color:var(--color-navy);box-shadow:inset 0 0 0 1.5px var(--color-steel-1);background:#fff}.nl-dead .btn.red{color:#fff;background:#c62035}.nl-dead .hint{text-align:center;color:var(--color-steel-4);margin-top:10px;font-size:12.5px}.nl-dead .backglass{background:radial-gradient(120% 120% at 50% 0,#1d2f4f 0,#0b1422 70%);border-radius:18px;width:min(280px,100%);margin:10px auto 0;padding:18px 10px 16px;position:relative;box-shadow:inset 0 0 0 2px #ffffff14,inset 0 0 40px #0009,0 18px 30px -16px #000c}.nl-dead .tilt{font:italic 900 84px/.9 var(--nl-display);letter-spacing:4px;color:#ff5a6e;text-shadow:0 0 6px #ff5a6ee6,0 0 22px #ff5a6ea6,0 0 46px #ff5a6e66;animation:3.4s infinite nl-dead-flick}.nl-dead .backglass small{font:700 11px var(--nl-body);letter-spacing:.14em;text-transform:uppercase;color:#8592a8;margin-top:8px;display:block}.nl-dead .drain{width:230px;height:150px;margin:6px auto 0;position:relative;overflow:hidden}.nl-dead .drain .lane{background:linear-gradient(#3a5070,#22324c);border-radius:3px;width:6px;height:74px;position:absolute;bottom:36px}.nl-dead .drain .lane.l{transform-origin:bottom;left:20px;transform:rotate(-32deg)}.nl-dead .drain .lane.r{transform-origin:bottom;right:20px;transform:rotate(32deg)}.nl-dead .flip{background:linear-gradient(#f2f4f8,#b9c2d0);width:66px;height:18px;position:absolute;bottom:28px;box-shadow:inset 0 -3px #0000002e,0 6px 12px -4px #000000b3}.nl-dead .flip:after{content:"";background:#d7263d;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;box-shadow:inset 0 -2px #0000004d}.nl-dead .flip.l{transform-origin:9px 9px;border-radius:9px 18px 18px 9px;left:14px;transform:rotate(26deg)}.nl-dead .flip.l:after{left:3px}.nl-dead .flip.r{transform-origin:calc(100% - 9px) 9px;border-radius:18px 9px 9px 18px;right:14px;transform:rotate(-26deg)}.nl-dead .flip.r:after{right:3px}.nl-dead .ball{background:radial-gradient(circle at 35% 30%,#fff 0,#dfe5ee 22%,#8a96a8 60%,#4b5668 100%);border-radius:50%;width:26px;height:26px;margin-left:-13px;animation:1.1s cubic-bezier(.4,0,1,1) infinite nl-dead-fall;position:absolute;left:50%;box-shadow:0 6px 10px -2px #0009}.nl-dead .trail{background:linear-gradient(#0000,#ffffff2e);width:2px;height:90px;margin-left:-1px;position:absolute;top:0;left:50%}.nl-dead .wifi{color:#f6b955;background:#ffffff12;border-radius:50%;place-items:center;width:92px;height:92px;margin:6px auto 0;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}@media (min-width:768px){.nl-dead{padding:28px 32px 60px}.nl-dead .dead{border-radius:26px;max-width:760px;margin:0 auto;padding:44px 40px 40px}.nl-dead .backglass{width:360px}.nl-dead .tilt{font-size:110px}.nl-dead .dead h1{font-size:38px}.nl-dead .after{display:none}.nl-dead .dead .btns.wide{max-width:420px;margin:24px auto 0;display:grid}.nl-dead .dead .hint.wide{color:#b5bfcf;display:block}.nl-dead .dead .btn.ghost{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff59}.nl-dead .dead .btn.navy{color:var(--color-navy);background:#fff}}}@keyframes nl-dead-flick{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.35}}@keyframes nl-dead-fall{0%{top:-30px}to{top:160px}}@media (prefers-reduced-motion:reduce){.nl-dead .tilt,.nl-dead .ball{animation:none}.nl-dead .ball{top:60px}}@media (max-width:345px){.nl-dead .tilt{font-size:70px}.nl-dead .dead h1{font-size:25px}}