.graveyard{--gx:32vw;--gy:38vh;--lx:calc(var(--gx) + 28px);--ly:calc(var(--gy) + 28px);color:#f2f1ee;min-height:100svh;font-family:var(--font-inter,Inter, Arial), sans-serif;background:radial-gradient(120% 90% at 50% 110%,#111113 0%,#070708 60%);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.gy-field{pointer-events:none;position:absolute;inset:0}.gy-ghost{transform:translate(-50%, -50%) rotate(var(--r)) scale(var(--s));display:block;position:absolute}.gy-ghost svg{display:block;overflow:visible}.gy-ghost i{white-space:nowrap;border-radius:6px;padding:2px 7px;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:20px;left:20px}.gy-dim svg path{fill:none;stroke:#fff;stroke-opacity:.028;stroke-width:1.2px;stroke-linejoin:round}.gy-dim .gy-ghost i{color:#ffffff06}.gy-lit{opacity:0;-webkit-mask:radial-gradient(circle 230px at var(--lx) var(--ly), #000 0, #000 38%, #00000080 68%, transparent 100%);-webkit-mask:radial-gradient(circle 230px at var(--lx) var(--ly), #000 0, #000 38%, #00000080 68%, transparent 100%);mask:radial-gradient(circle 230px at var(--lx) var(--ly), #000 0, #000 38%, #00000080 68%, transparent 100%);transition:opacity .6s}.graveyard[data-lit=on] .gy-lit{opacity:1}.gy-lit{filter:drop-shadow(0 0 5px #ffffff2e)}.gy-lit svg path{fill:var(--c);fill-opacity:.95;stroke:#ffffff80;stroke-width:.8px;stroke-linejoin:round}.gy-lit svg{filter:drop-shadow(0 0 7px var(--c))}.gy-lit .gy-ghost i{background:var(--c);color:#0b0b0c;opacity:.9}@keyframes gy-haunt{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.gy-glow{pointer-events:none;opacity:0;background:radial-gradient(circle 280px at var(--lx) var(--ly), #ff786e29, #e5484d0f 45%, transparent 75%);transition:opacity .6s;position:absolute;inset:0}.graveyard[data-lit=on] .gy-glow{opacity:1}.gy-bulb{z-index:3;pointer-events:none;transform-origin:18px 2px;opacity:0;will-change:transform;margin:8px 0 0 10px;position:fixed;top:0;left:0}.graveyard[data-lit=on] .gy-bulb{opacity:1}.gy-fruit{filter:drop-shadow(0 0 6px #ff6b6be6)drop-shadow(0 0 22px #e5484d99);background:radial-gradient(circle at 46% 58%,#fff3ec 0%,#ffb3a6 22%,#ff6b6b 48%,#e5484d 72%,#c93c41 100%);width:36px;height:36px;animation:2.8s ease-in-out infinite gy-glow;display:block;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}@keyframes gy-glow{50%{filter:drop-shadow(0 0 9px #ff8c82)drop-shadow(0 0 30px #e5484dbf)}}.gy-head{z-index:2;padding:clamp(20px,4vw,40px) clamp(20px,5vw,56px);position:relative}.gy-head a{color:inherit;text-decoration:none;display:inline-flex}.graveyard .dv-wordmark{font:650 24px/1 var(--font-inter,Inter, Arial), sans-serif;letter-spacing:-.05em;color:#f2f1ee;align-items:center;gap:9px;display:inline-flex}.graveyard .pn-mark{background:#e5484d;width:26px;height:26px;display:inline-block;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.gy-main{z-index:2;text-align:center;place-self:center;width:min(100% - 40px,520px);padding:40px 0 15vh;position:relative}.gy-code{color:#f2f1ee66;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.gy-main h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 16px;font-size:clamp(34px,5.4vw,60px);font-weight:500;line-height:1.05}.gy-main>p:not(.gy-code):not(.gy-ref){color:#f2f1ee9e;text-wrap:pretty;max-width:420px;margin:0 auto;font-size:15px;line-height:1.65}.gy-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin:30px 0 0;display:flex}.gy-actions :is(a,button){color:#f2f1eeb3;min-height:44px;font:inherit;text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.gy-actions .gy-primary{color:#0b0b0c;cursor:pointer;background:#f2f1ee;border:0;border-radius:999px;padding:0 22px;font-weight:500;text-decoration:none}.gy-actions .gy-primary:hover{background:#fff}.gy-actions a:not(.gy-primary):hover{color:#fff}.graveyard :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #f2f1eeb3}.gy-ref{color:#f2f1ee52;overflow-wrap:anywhere;margin:22px 0 0;font-size:11.5px}.gy-ref a{color:inherit}@media (prefers-reduced-motion:reduce){.gy-lit .gy-ghost>*{animation:none}.gy-lit,.gy-glow,.gy-bulb{transition:none}.gy-fruit{animation:none}}.gy-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
