.scene{--anchor:clamp(64px, 25%, 300px);--ground:84px;--reaper-eye:#ff7a3d;--card-bg:#fdfbf7;--card-line:#c6bcae;--card-chrome:#eae4db;--card-ink:#2b2724;--card-ink-dim:#6f675e;--card-timer:#cf3f27;--stone-ink:#4a443c;--lift:0px;--sky:#62c1e5;--hill-far:#bcd0b6;--hill-mid:#9bb994;--grass:#7da96f;--grass-dark:#628c57;--stone:#cec6bc;--stone-edge:#a89f94;--bark:#6f5b4a;isolation:isolate;background:var(--sky);position:relative;overflow:hidden}@media (min-width:768px){.scene{--ground:104px}}.scene-layer{will-change:transform;position:absolute;inset:0;transform:translate(0,0)}.scene-layer--world{left:var(--anchor);width:0;right:auto;overflow:visible}.scene-layer--fates{pointer-events:none}.scene-link{pointer-events:auto;cursor:pointer;color:inherit;text-decoration:none;transition:transform .15s;display:block}.scene-link:hover{color:inherit;transform:translateY(-2px)}.scene-link:focus-visible{outline:2px solid var(--card-timer);outline-offset:3px;border-radius:12px}.scene-fate{bottom:var(--ground);left:var(--anchor);will-change:transform;z-index:3;margin-left:-84px;position:absolute}.scene-tile{pointer-events:none;height:100%;position:absolute;bottom:0}.scene-ground{inset-inline:0;height:var(--ground);background:linear-gradient(to bottom, var(--grass) 0 6px, var(--grass-dark));z-index:1;position:absolute;bottom:0}.scene-ground:before{content:"";inset-inline:0;background:color-mix(in oklab, var(--grass) 70%, white);opacity:.5;height:2px;position:absolute;top:0}.scene-entity{pointer-events:none;bottom:var(--ground);z-index:3;position:absolute;transform:translate(-50%)}.scene-reaper{bottom:calc(var(--ground) - 8px);left:var(--anchor);z-index:4;position:absolute;transform:translate(-50%)}.reaper-svg{--step-dur:.7s;--attack-dur:.9s;filter:drop-shadow(0 6px 6px #00000040);width:auto;height:128px;display:block}@media (min-width:768px){.reaper-svg{height:160px}}.reaper-cloak{fill:#2b2724}.reaper-face{fill:#100e0d}.reaper-eye{fill:var(--reaper-eye);filter:drop-shadow(0 0 4px var(--reaper-eye))}.reaper-hands{fill:#d8cfc4}.reaper-handle{fill:var(--bark)}.reaper-blade{fill:#d5d8db}.reaper-figure,.reaper-scythe{transform-box:fill-box}.reaper-scythe{transform-origin:30% 68%}[data-anim=walk] .reaper-figure{animation:reaper-bob var(--step-dur) ease-in-out infinite}[data-anim=walk] .reaper-scythe{animation:reaper-rock var(--step-dur) ease-in-out infinite}[data-anim=idle] .reaper-figure{animation:3.2s ease-in-out infinite reaper-float}[data-anim=attack] .reaper-figure{animation:reaper-lunge var(--attack-dur) cubic-bezier(.3, .8, .2, 1) both}[data-anim=attack] .reaper-scythe{animation:reaper-strike var(--attack-dur) cubic-bezier(.3, .85, .2, 1) both}@keyframes reaper-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes reaper-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes reaper-rock{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}@keyframes reaper-lunge{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-6px)rotate(-3deg)}50%{transform:translate(10px)rotate(4deg)}}@keyframes reaper-strike{0%{transform:rotate(-10deg)}30%{transform:rotate(-32deg)}46%{transform:rotate(54deg)}70%{transform:rotate(44deg)}to{transform:rotate(-10deg)}}.site-card{border:1px solid var(--card-line);background:var(--card-bg);width:168px;color:var(--card-ink);border-radius:12px;animation:4s ease-in-out infinite site-hover;overflow:hidden;box-shadow:0 10px 18px #0000002e}.site-post{width:6px;height:calc(26px + var(--lift));background:var(--bark);border-radius:0 0 2px 2px;margin:0 auto}.site-chrome{background:var(--card-chrome);border-bottom:1px solid var(--card-line);align-items:center;gap:4px;padding:5px 7px;display:flex}.site-dot{background:var(--card-line);border-radius:999px;width:6px;height:6px}.site-body{align-items:center;gap:7px;padding:8px 9px;display:flex}.site-timer{color:var(--card-timer)}.site-slash{opacity:0;pointer-events:none;background:linear-gradient(115deg, transparent 44%, var(--card-timer) 47%, #fff 50%, var(--card-timer) 53%, transparent 56%);position:absolute;inset:0}[data-status=dying] .site-card{animation:site-die var(--die-dur) steps(1, end) both}[data-status=dying] .site-timer{color:var(--card-timer)}.site-name{color:var(--card-ink)}.grave-ink{color:var(--stone-ink)}.grave-ink-dim{color:color-mix(in oklab, var(--stone-ink) 62%, transparent)}.site-slash{animation:site-slash calc(var(--die-dur) * .5) ease-out both}@keyframes site-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes site-slash{0%{opacity:0;transform:scaleX(.2)}30%{opacity:1}to{opacity:0;transform:scaleX(1.4)}}@keyframes site-die{0%{opacity:1;filter:none;transform:none}12%{filter:grayscale()contrast(1.8);transform:translate(-7px)skew(7deg)}24%{filter:grayscale()brightness(1.7);transform:translate(6px)skew(-6deg)}38%{filter:grayscale();transform:translate(-4px)skew(3deg)}52%{filter:grayscale()brightness(.7);transform:translateY(3px)scale(.97)}to{opacity:0;filter:grayscale()blur(4px);transform:translateY(16px)scale(.88)}}.grave-slot{padding-top:10px;overflow:hidden}.grave-stone{background:var(--stone);border:2px solid var(--stone-edge);text-align:center;border-bottom:none;border-radius:46px 46px 6px 6px;width:92px;padding:10px 6px 8px;line-height:1.25;box-shadow:inset 0 -8px 14px #0000001f}.grave-wrap[data-fresh=true] .grave-stone{animation:grave-rise var(--rise-dur) cubic-bezier(.2, 1.3, .4, 1) both}.grave-wrap[data-fresh=true]:after{content:"";width:110px;height:16px;animation:grave-dust var(--rise-dur) ease-out both;background:#0000002e;border-radius:999px;position:absolute;bottom:0;left:50%;translate:-50%}@keyframes grave-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes grave-dust{0%{opacity:0;transform:scale(.2)}35%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.scene-live{z-index:6;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:#f2ece4;pointer-events:none;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:11px;display:flex;position:absolute;top:14px;left:16px}.scene-live-dot{background:#e23b3b;border-radius:999px;flex:none;width:9px;height:9px;animation:1.6s ease-in-out infinite dc-blink;box-shadow:0 0 8px #e23b3be6}@keyframes dc-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.scene *,.scene :before,.scene :after{animation:none!important}}.reaper-sprite{width:var(--frame-w);height:var(--frame-h);background-image:var(--sheet);image-rendering:pixelated;background-repeat:no-repeat;background-position-y:calc(var(--row) * var(--frame-h) * -1);animation:sprite-cycle var(--sprite-dur) steps(var(--frames)) infinite;display:none}[data-anim=idle] .reaper-sprite--idle,[data-anim=walk] .reaper-sprite--walk,[data-anim=attack] .reaper-sprite--attack{display:block}.reaper-sprite--attack{animation-iteration-count:1;animation-fill-mode:forwards}@keyframes sprite-cycle{0%{background-position-x:0}to{background-position-x:calc(var(--frames) * var(--frame-w) * -1)}}