.playground.svelte-j6hxly{max-width:60rem;margin:0 auto;padding:2.4rem 1.4rem 3rem}.playground-desktop.svelte-j6hxly{display:block}.keyboard-required.svelte-j6hxly{display:none}.head.svelte-j6hxly{display:flex;align-items:flex-start;gap:1.4rem;margin-bottom:1.4rem}.intro.svelte-j6hxly{min-width:0}.intro.svelte-j6hxly h1:where(.svelte-j6hxly){margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.9rem);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text);text-wrap:balance}.intro.svelte-j6hxly p:where(.svelte-j6hxly){margin:0;max-width:40rem;color:var(--c-text-dim);font-size:.9rem;line-height:1.55}.intro.svelte-j6hxly .eyebrow:where(.svelte-j6hxly),.keyboard-required.svelte-j6hxly .eyebrow:where(.svelte-j6hxly){margin:0 0 .35rem;color:var(--c-emerald);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.dice.svelte-j6hxly{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;min-height:2.625rem;padding:.55rem .9rem;font-family:var(--font-mono);font-size:.82rem;color:var(--c-bg-deep);background:var(--c-emerald);border:none;border-radius:8px;cursor:pointer;touch-action:manipulation;transition:filter .12s ease,transform .12s ease,box-shadow .16s ease;box-shadow:0 0 20px var(--c-emerald-soft)}.dice.svelte-j6hxly:hover{filter:brightness(1.08);transform:translateY(-1px)}.dice.svelte-j6hxly:active{transform:translateY(0)}.editor.svelte-j6hxly{position:relative;border:1px solid var(--c-border);background:linear-gradient(180deg,rgba(34,200,220,.04),transparent 18%),radial-gradient(circle at 100% 0%,rgba(216,96,220,.05),transparent 50%),var(--c-bg-ink);padding:22px;box-shadow:inset 0 0 0 1px #00ff4114,0 0 0 1px #22c8dc0d,0 8px 30px #00000073;overflow:auto;max-height:calc(100dvh - var(--topbar-h) - 16rem);transition:border-color .12s ease,box-shadow .16s ease}.editor.svelte-j6hxly:hover{border-color:var(--c-border-hover)}.editor.svelte-j6hxly:focus-visible{border-color:var(--c-cyan);outline:3px solid var(--c-cyan);outline-offset:4px;box-shadow:var(--editor-shadow),0 0 20px var(--c-blue-soft)}.snippet-tag.svelte-j6hxly{position:absolute;top:10px;right:12px;font-family:var(--font-mono);font-size:12px;color:var(--c-text-mute);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.line.svelte-j6hxly{margin:0;min-height:28px;font-family:var(--font-mono);font-size:18px;line-height:1.55;color:#d7eee1;white-space:pre}.gutter.svelte-j6hxly{display:inline-block;width:32px;margin-right:16px;color:#53625d;text-align:right;-webkit-user-select:none;user-select:none}.cursor.svelte-j6hxly{background:#e8edf2;color:#101418;box-shadow:0 0 0 2px #e8edf257,0 0 12px #e8edf23d}.cursor.insertCaret.svelte-j6hxly{background:transparent;color:inherit;box-shadow:none;border-bottom:2px solid #e8edf2;animation:svelte-j6hxly-caretBlink 1.06s steps(1) infinite}@keyframes svelte-j6hxly-caretBlink{0%,50%{border-bottom-color:#e8edf2}50.01%,to{border-bottom-color:transparent}}.modeline.svelte-j6hxly{display:flex;align-items:center;gap:1rem;margin-top:.8rem;font-family:var(--font-mono);font-size:.74rem;color:var(--c-text-mute)}.mode.svelte-j6hxly{flex-shrink:0;padding:.22rem .6rem;border-radius:4px;font-weight:700;letter-spacing:.08em;background:#ffffff0f;color:var(--c-text-dim)}.mode-insert.svelte-j6hxly{background:var(--c-emerald-soft);color:var(--c-emerald)}.mode-visual.svelte-j6hxly,.mode-visual-line.svelte-j6hxly{background:var(--c-gold-soft);color:var(--c-gold)}.mode-command.svelte-j6hxly{background:var(--c-blue-soft);color:var(--c-cyan)}.hint.svelte-j6hxly{min-width:0;flex:1;line-height:1.7}.hint.svelte-j6hxly kbd:where(.svelte-j6hxly){font-family:var(--font-mono);font-size:.7rem;color:var(--c-text-dim);background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:5px;padding:.1rem .35rem;margin:0 .06rem}.reset.svelte-j6hxly{flex-shrink:0;min-height:2.625rem;font-family:var(--font-mono);font-size:.74rem;color:var(--c-text-mute);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.3rem .6rem;cursor:pointer;touch-action:manipulation;transition:color .12s ease,border-color .12s ease}.reset.svelte-j6hxly:hover{color:var(--c-text);border-color:#ffffff40}.dice.svelte-j6hxly:focus-visible,.reset.svelte-j6hxly:focus-visible,.keyboard-required.svelte-j6hxly a:where(.svelte-j6hxly):focus-visible{outline:3px solid var(--c-gold);outline-offset:3px}@media(max-width:720px){.head.svelte-j6hxly,.modeline.svelte-j6hxly{flex-wrap:wrap}.dice.svelte-j6hxly{margin-left:0}.hint.svelte-j6hxly{flex-basis:100%;order:3}}@media(max-width:520px),(hover:none)and (pointer:coarse){.playground.svelte-j6hxly{max-width:none;padding:0}.playground-desktop.svelte-j6hxly{display:none}.keyboard-required.svelte-j6hxly{box-sizing:border-box;min-height:calc(100dvh - var(--topbar-h));display:grid;place-content:center;justify-items:center;gap:.9rem;padding:max(1.75rem,env(safe-area-inset-top)) max(1.75rem,env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(1.75rem,env(safe-area-inset-left));text-align:center;background:linear-gradient(180deg,rgba(0,255,65,.08),transparent 36%),var(--c-bg-deep)}.keyboard-mark.svelte-j6hxly{display:grid;width:3.5rem;height:3.5rem;place-items:center;color:var(--c-bg-deep);background:var(--c-emerald);font-family:var(--font-display);font-size:2rem;font-weight:900;box-shadow:var(--glow-emerald)}.keyboard-required.svelte-j6hxly h1:where(.svelte-j6hxly){max-width:24rem;margin:0;color:var(--c-text);font-family:var(--font-display);font-size:clamp(2rem,10vw,2.7rem);line-height:var(--lh-snug);letter-spacing:var(--tracking-display);text-transform:uppercase;text-wrap:balance}.keyboard-required.svelte-j6hxly p:where(.svelte-j6hxly):last-of-type{max-width:24rem;margin:0;color:var(--c-text-dim);line-height:var(--lh-body)}.keyboard-required.svelte-j6hxly a:where(.svelte-j6hxly){min-height:2.625rem;display:inline-flex;align-items:center;padding:0 1rem;color:var(--c-ink);background:var(--c-emerald);font-family:var(--font-mono);font-size:.82rem;font-weight:700;text-decoration:none;touch-action:manipulation}}.reduceMotion.svelte-j6hxly .cursor.insertCaret:where(.svelte-j6hxly){animation:none;border-bottom-color:#e8edf2}.reduceMotion.svelte-j6hxly .dice:where(.svelte-j6hxly):hover{transform:none}.reduceMotion.svelte-j6hxly .dice:where(.svelte-j6hxly),.reduceMotion.svelte-j6hxly .editor:where(.svelte-j6hxly),.reduceMotion.svelte-j6hxly .reset:where(.svelte-j6hxly){transition:none}@media(prefers-reduced-motion:reduce){.playground.svelte-j6hxly:not(.allowMotion) .cursor.insertCaret:where(.svelte-j6hxly){animation:none;border-bottom-color:#e8edf2}.playground.svelte-j6hxly:not(.allowMotion) .dice:where(.svelte-j6hxly):hover{transform:none}.playground.svelte-j6hxly:not(.allowMotion) .dice:where(.svelte-j6hxly),.playground.svelte-j6hxly:not(.allowMotion) .editor:where(.svelte-j6hxly),.playground.svelte-j6hxly:not(.allowMotion) .reset:where(.svelte-j6hxly){transition:none}}