#root{min-height:100vh}
.death-page{--blood:#a61925;position:relative;isolation:isolate;min-height:calc(100svh - 88px);overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#252126 0%,#111114 40%,#060607 80%);color:#f2f0ee;font-family:'DM Sans',Arial,sans-serif}
.death-page *{box-sizing:border-box}
.death-page--danger{--blood:#df2531;background:radial-gradient(ellipse at 50% 30%,#331419 0%,#100b0d 42%,#050506 82%)}
.death-page--ended{background:#030304}
.death-grain{pointer-events:none;position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.death-shell{position:relative;width:min(100%,1100px);margin:auto;padding:28px 32px 46px}
.death-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a49da2;font-size:11px;font-weight:700;letter-spacing:2px}
.death-back{color:#d8d1d4;text-decoration:none}.death-back:hover{color:#fff}
.death-sound{background:transparent;border:1px solid #ffffff33;color:#e3dce0;border-radius:3px;padding:10px 12px;letter-spacing:1.5px;font-size:10px;font-weight:700;cursor:pointer}
.death-sound:hover{border-color:#ffffffaa}
.death-app{width:min(100%,520px);min-height:650px;margin:32px auto 0;border:1px solid #80777b66;border-radius:26px;background:linear-gradient(150deg,#1a191ce8,#0a0a0cf5 65%);box-shadow:0 32px 100px #000b,inset 0 1px 0 #ffffff22;display:flex;flex-direction:column;overflow:hidden;position:relative}
.death-app:before{content:'';position:absolute;top:0;left:50%;width:130px;height:6px;background:#060608;border-radius:0 0 12px 12px;transform:translateX(-50%)}
.death-app-head{min-height:81px;padding:24px 32px 17px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;gap:12px;font-family:'Oswald',Impact,sans-serif;font-size:22px;font-weight:700;letter-spacing:2px}
.death-emblem{font-size:22px;color:#d6c9ca}.death-app-head small{margin-left:auto;font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:1px;color:#91888d}
.death-app-content{display:flex;flex:1;align-items:center;justify-content:center;padding:38px 34px;text-align:center}
.death-app-content>div{width:100%}
.death-overline,.death-time-label,.death-fate-label,.death-state{font-size:11px;font-weight:700;letter-spacing:3px;color:#a59ba1}
.death-state{color:#c6a7a9}.death-page--danger .death-state{color:#f16469;animation:death-blink .55s steps(2,end) infinite}
.death-app h1{font-family:'Oswald',Impact,sans-serif;font-size:clamp(42px,7vw,60px);font-weight:700;line-height:1.04;letter-spacing:1px;margin:16px 0 22px;text-transform:uppercase;color:#f5f3f1}
.death-app h1 em{font-style:normal;color:#c42730}
.death-mark{font-family:'Oswald',Impact,sans-serif;font-size:94px;font-weight:700;letter-spacing:2px;color:#3e262b;text-shadow:0 0 50px #a6192530;margin-bottom:22px}
.death-copy,.death-ended p{color:#b8b1b5;max-width:330px;margin:0 auto 33px;font-size:15px;line-height:1.7}
.death-button{width:100%;max-width:330px;min-height:58px;border:1px solid #e3454d;background:linear-gradient(120deg,#9e1521,#c72531);border-radius:5px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;font-family:'Oswald',Impact,sans-serif;font-size:18px;letter-spacing:1.2px;font-weight:600;cursor:pointer;box-shadow:0 10px 36px #a6192540}
.death-button:hover{background:#d22b36}.death-button span{font-size:25px;line-height:1}
.death-choices{display:grid;gap:12px;justify-items:center}.death-button--quiet{background:#171417;border-color:#766267;box-shadow:none;justify-content:center}.death-button--quiet:hover{background:#302226}
.death-age label{display:block;text-align:left;max-width:330px;margin:25px auto 8px;color:#bdb2b7;letter-spacing:2px;font-size:11px;font-weight:700}
.death-age input{display:block;width:100%;max-width:330px;min-height:60px;margin:0 auto 17px;background:#0b0b0e;border:1px solid #8c454d;color:#fff;border-radius:4px;padding:12px 16px;font-family:'Oswald',Impact,sans-serif;font-size:30px;text-align:center}
.death-age .death-copy{margin-bottom:20px;font-size:12px}
.death-terms-box{background:#080809;border:1px solid #ffffff23;text-align:left;padding:20px 22px;margin:24px 0 30px}
.death-terms-box p{color:#ddd6d8;font-size:14px;line-height:1.6;margin:0 0 15px}.death-terms-box p:last-child{margin-bottom:0}.death-terms-box .death-fiction{font-size:12px;color:#a9a3a7;border-top:1px solid #ffffff1d;padding-top:15px}
.death-orbit{width:120px;height:120px;margin:0 auto 37px;border:2px solid #ffffff13;border-top-color:#c62934;border-radius:50%;box-shadow:0 0 50px #c6293420;animation:death-spin 1.3s linear infinite}
.death-scan-line{font-family:'Oswald',Impact,sans-serif;letter-spacing:3px;color:#b8a5a9;font-size:16px;margin-top:27px}.death-dots{animation:death-blink .8s infinite}
.death-result{align-self:stretch}.death-time-label{margin:39px 0 25px}
.death-time{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:start}
.death-unit{min-width:0}.death-unit strong{display:block;font-family:'Oswald',Impact,sans-serif;font-size:clamp(39px,7vw,60px);font-weight:600;line-height:1;color:#f3eeee;letter-spacing:-1px;font-variant-numeric:tabular-nums}.death-unit span{display:block;font-size:9px;font-weight:700;letter-spacing:.5px;color:#aaa0a5;margin-top:11px}
.death-page--danger .death-unit strong{color:#f03a43;text-shadow:0 0 23px #c525315c}.death-page--danger .death-unit:not(:last-child) strong{color:#a53b41}
.death-separator{height:1px;background:linear-gradient(90deg,transparent,#ffffff44,transparent);margin:55px 0 35px}
.death-fate-label{margin:0 0 11px}.death-fate-date{font-family:'Oswald',Impact,sans-serif;color:#e1dadd;font-size:35px;font-weight:600;letter-spacing:2px;margin:0}.death-page--danger .death-fate-date{color:#ef424e}
.death-status{border:1px solid #ffffff20;background:#ffffff08;display:flex;justify-content:space-between;max-width:260px;margin:29px auto 0;padding:12px 14px;color:#a9a1a5;font-size:11px;letter-spacing:1px}.death-status strong{color:#e9e4e6}.death-page--danger .death-status strong{color:#f04a53}
.death-instruction{color:#867e83;letter-spacing:2px;font-size:10px;margin:35px 0 0}
.death-zero{font-family:'Oswald',Impact,sans-serif;font-size:clamp(65px,12vw,95px);font-weight:700;color:#d92733;letter-spacing:2px;line-height:1;text-shadow:0 0 42px #c3293559}
.death-ended h1{font-size:42px;margin:25px 0}.death-ended p{margin-bottom:30px}
.death-app-foot{border-top:1px solid #ffffff18;min-height:47px;padding:16px 25px;display:flex;justify-content:space-between;gap:10px;color:#8f858a;letter-spacing:1.4px;font-size:9px;font-weight:700}
.death-disclaimer{text-align:center;font-size:12px;color:#a49da1;margin:20px 0 0}
.death-shake{animation:death-shake .26s ease-in-out 4}
@keyframes death-spin{to{transform:rotate(360deg)}}@keyframes death-blink{50%{opacity:.22}}@keyframes death-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:600px){.death-page{min-height:calc(100svh - 74px)}.death-shell{padding:17px 15px 28px}.death-top{font-size:9px;letter-spacing:1px}.death-app{margin-top:19px;min-height:min(660px,calc(100svh - 155px));border-radius:22px}.death-app-head{padding:21px 22px 13px;min-height:69px;font-size:19px}.death-app-content{padding:27px 18px}.death-app h1{font-size:clamp(39px,11vw,54px)}.death-mark{font-size:75px;margin-bottom:16px}.death-time{gap:2px}.death-unit strong{font-size:clamp(34px,9vw,50px)}.death-unit span{font-size:8px;letter-spacing:0}.death-separator{margin:43px 0 29px}.death-time-label{margin-top:29px}.death-app-foot{padding:14px 15px;font-size:8px}.death-disclaimer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.death-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Body-level overlay stays above navigation and outside transformed containers. */
.death-jumpscare{position:fixed;z-index:2147483647;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#000;touch-action:none;overscroll-behavior:contain}
.death-jumpscare img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center;animation:death-scare-impact .48s ease-out both}
@keyframes death-scare-impact{0%{transform:scale(1.22) translateX(-1%);filter:contrast(1.5)}24%{transform:scale(1.06) translateX(1%)}46%{transform:scale(1.12) translateX(-.6%)}72%{transform:scale(1.03)}100%{transform:scale(1);filter:contrast(1)}}
@media(prefers-reduced-motion:reduce){.death-jumpscare img{animation:none}}