.nf{--nf-red:229, 57, 70;--nf-blue:59, 130, 246;color:#f4f4f5;background:#09090b;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.nf-bg{position:absolute;inset:0}.nf-glow{background:radial-gradient(circle, rgba(var(--nf-red), .22), rgba(var(--nf-blue), .08) 45%, transparent 70%);filter:blur(10px);pointer-events:none;border-radius:50%;width:520px;max-width:90vw;height:520px;max-height:90vw;position:absolute;top:38%;translate:-50% -50%}.nf-main{z-index:1;text-align:center;pointer-events:none;width:min(640px,100%);position:relative}.nf-main a,.nf-main button{pointer-events:auto}.nf-code{letter-spacing:-.04em;perspective:800px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;justify-content:center;gap:.04em;margin:0;font-size:clamp(6rem,26vw,12rem);font-weight:800;line-height:1;display:flex}.nf-digit{pointer-events:auto;cursor:default;background:linear-gradient(160deg, #fff 10%, rgb(var(--nf-red)) 55%, rgb(var(--nf-blue)) 100%);color:#0000;filter:drop-shadow(0 10px 30px rgba(var(--nf-red), .35));-webkit-background-clip:text;background-clip:text;animation:.6s cubic-bezier(.2,.9,.3,1.25) backwards nf-rise;display:inline-block}@keyframes nf-rise{0%{opacity:0;transform:translateY(40px)scale(.8)}}.nf-title{min-height:1.6em;margin:.6rem 0 0;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:700}.nf-path{color:#a1a1aa;overflow-wrap:anywhere;max-width:460px;margin:.6rem auto 0;font-size:.95rem;line-height:1.5}.nf-path code{color:#f4f4f5;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;padding:1px 6px;font-size:.88em}.nf-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1.6rem;display:flex}.nf-btn{border:1px solid rgba(var(--nf-red), .5);min-height:40px;color:rgb(var(--nf-red));font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.nf-btn:hover{border-color:rgb(var(--nf-red));background:rgba(var(--nf-red), .12);transform:translateY(-1px)}.nf-btn--main{background:rgb(var(--nf-red));color:#0b0b0d;border-color:#0000}.nf-btn--main:hover{background:color-mix(in srgb, rgb(var(--nf-red)) 85%, #fff)}.nf-btn:focus-visible,.nf-d20:focus-visible{outline:2px solid rgb(var(--nf-blue));outline-offset:3px}.nf-dice{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:2rem;display:flex}.nf-d20{cursor:pointer;background:0 0;border:0;border-radius:14px;padding:0;transition:transform .15s}.nf-d20:hover{transform:scale(1.08)}.nf-d20:disabled{cursor:progress}.nf-d20-face{fill:rgba(var(--nf-red), .16);stroke:rgb(var(--nf-red));stroke-width:2px;stroke-linejoin:round}.nf-d20-edge{fill:none;stroke:rgba(var(--nf-red), .55);stroke-width:1.2px;stroke-linejoin:round}.nf-d20-num{fill:#fff;font-size:15px;font-weight:800}.nf-dice-line{text-align:left;color:#a1a1aa;max-width:300px;margin:0;font-size:.9rem}@media (max-width:480px){.nf-dice-line{text-align:center}}@media (prefers-reduced-motion:reduce){.nf-digit{animation:none}.nf-btn,.nf-d20{transition:none}}