.jn{--jn-top:3.5rem;--jn-stage:#070b18;--jn-stage2:#141c3a;--jn-paper:#f6ecd4;--jn-ink:#1b1b1b;--jn-amber:#ffb347;--jn-amber-g:#ffb3478c;--jn-mint:#5ee6a8;--jn-mint-g:#5ee6a88c;--jn-sky:#7bd3f7;--jn-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--jn-stage);color:#e9ecf5}.jn-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jn-hero{min-height:calc(100vh - var(--jn-top));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative;overflow:hidden}.jn-hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(34px,7vw,64px);font-weight:600;line-height:1.02}.jn-hero p{color:#aab2cc;max-width:520px;margin:0 0 22px}.jn-hero input{font:600 clamp(16px, 2.6vw, 22px) var(--jn-mono);color:#fff;text-align:center;background:#ffffff0f;border:1px solid #fff3;border-radius:14px;outline:none;width:min(100%,640px);padding:12px 16px}.jn-hero input:focus-visible{border-color:#fff}.jn-hint{font:13px var(--jn-mono);color:#7f88a8;margin-top:14px!important}.jn-hint button{font:inherit;color:#fff;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.jn-down{color:#7f88a8;font-size:13px;animation:1.6s ease-in-out infinite jn-bob;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes jn-bob{50%{transform:translate(-50%,8px)}}.jn-journey{position:relative}.jn-stage{top:var(--jn-top);height:calc(100vh - var(--jn-top));height:calc(100dvh - var(--jn-top));background:radial-gradient(1000px 500px at 50% -10%, var(--jn-stage2), transparent 60%), radial-gradient(#ffffff0d 1px, transparent 1px), var(--jn-stage);background-size:auto,22px 22px,auto;position:sticky;overflow:hidden}.jn-scene{height:160vh}.jn-scene:last-child{height:120vh}.jn-hud{font:13px var(--jn-mono);color:#9aa3bd;z-index:5;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.jn-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.jn-steps li{background:#ffffff26;border-radius:2px;width:22px;height:4px}.jn-steps li.on{background:#fff}.jn-hud-right{align-items:center;gap:8px;display:flex}.jn-hud button{font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:5px 10px}.jn-caption{color:#d6dcf0;text-align:center;z-index:5;background:linear-gradient(#0000,#070b18f2 40%);padding:18px 20px 22px;font-size:clamp(15px,2.2vw,19px);line-height:1.4;position:absolute;bottom:0;left:0;right:0}.jn-caption b{color:#fff}.jn-caption .jn-k{font:600 12px var(--jn-mono);color:var(--jn-amber);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}.jn-dim{color:#7f88a8}.jn-chat{width:min(92%,640px);font:500 clamp(17px, 2.6vw, 24px) / 1.5 var(--font-sans,sans-serif);background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;padding:16px 18px;transition:opacity .4s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.jn-you{font:12px var(--jn-mono);color:#7f88a8;margin-bottom:6px}.jn-chat .jn-w{margin-right:.3em;display:inline-block}.jn-tile{font:600 18px / 1 var(--jn-mono);background:var(--jn-paper);color:var(--jn-ink);transform-origin:50%;will-change:transform, opacity;white-space:nowrap;z-index:3;opacity:0;border-radius:9px;padding:10px 11px;position:absolute;top:0;left:0;box-shadow:0 8px 20px -8px #0009}.jn-tile .jn-id,.jn-tile .jn-pct{text-align:center;opacity:0;font-size:10px;transition:opacity .3s;position:absolute;top:-17px;left:0;right:0}.jn-tile .jn-id{color:var(--jn-mint)}.jn-tile .jn-pct{color:var(--jn-amber)}.jn-tile.dark{color:#8b93b3;background:#1a2140;box-shadow:inset 0 0 0 1px #ffffff14}.jn-tile.lit{background:var(--jn-paper);color:var(--jn-ink);box-shadow:0 0 0 1px #fff, 0 0 var(--g,20px) var(--jn-amber-g)}.jn-tile.actor{box-shadow:0 0 0 2px #fff, 0 0 44px var(--jn-amber-g);z-index:4}.jn-tile.star{color:#0000;background:#c9d0e3;border-radius:50%;width:8px;height:8px;padding:0;box-shadow:0 0 10px #fff}.jn-lab{display:none}.jn-tile.star .jn-lab{font:600 11px var(--jn-mono);color:#c9d0e3;display:block;position:absolute;top:-5px;left:10px}.jn-tile.star .jn-t{visibility:hidden}.jn-blade{background:var(--jn-mint);width:2px;box-shadow:0 0 16px var(--jn-mint-g);opacity:0;z-index:4;position:absolute;top:0;bottom:0}.jn-layer{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.jn-layer[data-on]{opacity:1}.jn-full{width:100%;height:100%;position:absolute;inset:0}.jn-cons{stroke:#ffffff24;stroke-width:1px}.jn-beam{fill:url(#jn-beam-grad)}.jn-mini{fill:#ffb3472e}.jn-ring{border:2px solid #ffffff2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #7bd3f726}.jn-ring span{font:11px var(--jn-mono);color:#7f88a8;background:var(--jn-stage);padding:0 6px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.jn-dome{border-radius:150px 150px 18px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%);box-shadow:inset 0 0 0 1px #ffffff24}.jn-blank{font:600 18px var(--jn-mono);color:var(--jn-mint);text-align:center;z-index:3;opacity:0;border-bottom:2px dashed #fff6;min-width:70px;padding:10px 6px;transition:opacity .3s;position:absolute;transform:translate(-50%)}.jn-draw{font:600 14px var(--font-sans,sans-serif);color:#0b1020;cursor:pointer;z-index:6;opacity:0;pointer-events:none;background:#fff;border:0;border-radius:999px;padding:10px 18px;transition:opacity .3s;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.jn-draw.show{opacity:1;pointer-events:auto}.jn-game{opacity:0;pointer-events:none;z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 16px 120px;transition:opacity .4s;display:flex;position:absolute;inset:0}.jn-game:not([aria-hidden=true]){opacity:1;pointer-events:auto}.jn-game-q{font:600 clamp(18px, 3vw, 26px) var(--jn-mono);text-align:center;letter-spacing:.04em;margin:0}.jn-game-q i{color:var(--jn-mint);border-bottom:2px dashed #fff6;font-style:normal}.jn-opts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.jn-opts button{font:600 16px var(--jn-mono);background:var(--jn-paper);color:var(--jn-ink);cursor:pointer;border:0;border-radius:10px;padding:10px 14px;transition:transform .2s;position:relative;box-shadow:0 8px 20px -8px #0009}.jn-opts button:hover:not(:disabled){transform:translateY(-3px)}.jn-opts button b{color:var(--jn-amber);opacity:0;font-size:11px;position:absolute;top:-18px;left:0;right:0}.jn-reveal button b{opacity:1}.jn-opts button.model{box-shadow:0 0 0 2px var(--jn-amber), 0 0 24px var(--jn-amber-g)}.jn-opts button.you{box-shadow:0 0 0 2px var(--jn-sky)}.jn-game-score{font:13px var(--jn-mono);color:#9aa3bd}.jn-game-res{color:#d6dcf0;text-align:center;max-width:520px;min-height:48px;margin:0;font-size:15px}.jn-share{font:600 14px var(--font-sans,sans-serif);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:9px 16px}.jn[data-reduced] .jn-down{animation:none}.jn[data-reduced] .jn-layer,.jn[data-reduced] .jn-chat,.jn[data-reduced] .jn-tile .jn-id,.jn[data-reduced] .jn-tile .jn-pct{transition:none}@media (max-width:480px){.jn-tile{padding:8px 9px;font-size:15px}.jn-caption{padding-bottom:18px;font-size:15px}.jn-draw{bottom:118px}}.jn-mini{color:#e9ecf5;background:radial-gradient(700px 300px at 50% -10%, var(--jn-stage2,#141c3a), transparent 60%), radial-gradient(#ffffff0d 1px, transparent 1px), var(--jn-stage,#070b18);--jn-stage:#070b18;--jn-stage2:#141c3a;--jn-paper:#f6ecd4;--jn-ink:#1b1b1b;--jn-amber:#ffb347;--jn-amber-g:#ffb3478c;--jn-mint:#5ee6a8;--jn-mint-g:#5ee6a88c;--jn-sky:#7bd3f7;--jn-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background-size:auto,22px 22px,auto;border-radius:14px;height:340px;position:relative;overflow:hidden}.jn-mini .jn-tile{opacity:1;transition:transform var(--viz-move,.32s) var(--viz-ease,ease), background-color var(--viz-fast,.16s), box-shadow var(--viz-fast,.16s)}.jn-mini .jn-tile.seat{cursor:pointer}.jn-mini .jn-tile.guess{box-shadow:0 0 0 2px var(--jn-sky)}.jn-mini .jn-layer{opacity:1}.jn-mini-note{font:12px var(--jn-mono);color:#9aa3bd;text-align:center;margin:0;position:absolute;bottom:10px;left:12px;right:12px}.jn-mini-eyes{flex-direction:column;align-items:center;gap:12px;padding:22px 14px;display:flex}.jn-mini-eyes input{font:600 20px var(--jn-mono);color:#fff;text-align:center;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;outline:none;width:min(100%,320px);padding:8px 14px}.jn-switch{background:#ffffff14;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.jn-switch button{font:inherit;color:#9aa3bd;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.jn-switch button[aria-pressed=true]{color:#0b1020;background:#fff;font-weight:600}.jn-cards{perspective:800px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;min-height:70px;display:flex}.jn-card{font:600 18px / 1 var(--jn-mono);background:var(--jn-paper);min-width:36px;color:var(--jn-ink);text-align:center;transform-style:preserve-3d;transition:transform .55s var(--viz-ease,ease);border-radius:9px;padding:12px 10px;position:relative;box-shadow:0 8px 20px -8px #00000080}.jn-card .jn-cid{color:var(--jn-mint);opacity:0;font-size:10px;transition:opacity .3s;position:absolute;top:-18px;left:0;right:0}.jn-card.r{color:#c9302c}.jn-cards.model .jn-card{color:var(--jn-mint);box-shadow:0 0 0 1px #5ee6a880, 0 0 18px var(--jn-mint-g);background:#101a34;transform:rotateX(360deg)}.jn-cards.model .jn-card .jn-cid{opacity:1}.jn-count{font:600 12px var(--jn-mono);color:#c9d0e3;justify-content:center;gap:22px;display:flex}.jn-count b{color:var(--jn-mint);font-size:20px;display:block}.jn-mini-dome{grid-template-columns:1fr;place-items:center;gap:12px;padding:10px 12px;display:grid}@media (min-width:560px){.jn-mini-dome{grid-template-columns:240px 1fr}}.jn-mini-dome canvas{border-radius:120px 120px 14px 14px;width:240px;height:224px;box-shadow:inset 0 0 0 1px #ffffff24}.jn-legend{width:100%;font:12px var(--jn-mono);flex-direction:column;gap:5px;display:flex}.jn-legend div{grid-template-columns:52px 1fr 36px;align-items:center;gap:8px;display:grid}.jn-legend .t{background:#ffffff14;border-radius:4px;height:7px;overflow:hidden}.jn-legend .t i{height:100%;transition:width var(--viz-move,.32s);display:block}.jn-hist{flex-wrap:wrap;justify-content:center;gap:6px;min-height:22px;display:flex}.jn-hist span{font:12px var(--jn-mono);background:#ffffff14;border-radius:999px;padding:2px 8px}.jn-mini .jn-sentence{font:600 16px var(--jn-mono);text-align:center;color:#e9ecf5;margin:0}.jn-mini .jn-blank-inline{min-width:64px;color:var(--jn-mint);text-align:center;border-bottom:2px dashed #fff6;display:inline-block}.jn-mini-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.jn-mini-controls .jn-result{font:12px var(--jn-mono);color:var(--muted-foreground)}
.ex-player{position:relative}.ex-progress{z-index:5;background:color-mix(in oklab, var(--muted-foreground) 25%, transparent);border-radius:2px;height:4px;margin-bottom:1.5rem;position:sticky;top:3.5rem}.ex-progress-bar{background:var(--viz-output);height:100%;transition:width var(--viz-move) var(--viz-ease);border-radius:2px;display:block}.ex-steps{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.ex-step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 .6rem;font-family:ui-monospace,Menlo,monospace;font-size:12px}.ex-step-label span{border:1px solid;border-radius:999px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;margin-right:.4rem;font-size:11px;display:inline-flex}.ex-say p{max-width:40rem;margin:0;font-size:1.15rem;line-height:1.5}.ex-task,.ex-aha,.ex-debrief{max-width:40rem;margin:.75rem 0 0;font-size:.95rem;line-height:1.5}.ex-aha{color:var(--muted-foreground)}.ex-debrief{border-left:3px solid var(--viz-output);padding:.75rem 1rem}.ex-mission{border:1px solid var(--border);background:var(--card);border-radius:.75rem;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.ex-mission p{margin:0}.ex-rating{border:1px solid var(--border);border-radius:.75rem;margin:0;padding:1rem}.ex-finals,.ex-finish{margin-top:3rem}.ex-tldr{border-left:3px solid var(--viz-input);background:var(--card);border-radius:0 .75rem .75rem 0;max-width:44rem;padding:1rem 1.25rem;font-size:1.05rem;line-height:1.55}@media (max-width:640px){html.ex-snap{scroll-snap-type:y proximity}.ex-step{scroll-snap-align:start;min-height:60vh;scroll-margin-top:4.5rem}}@media (prefers-reduced-motion:reduce){html.ex-snap{scroll-snap-type:none}}.ex-embed{max-width:45rem;margin:0 auto;padding:16px}.ex-embed-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.ex-embed-credit{margin:1rem 0 0;font-size:.9rem;font-weight:600}.ex-embed-credit a,.ex-embed-snippet summary{text-underline-offset:4px;text-decoration:underline}.ex-embed-snippet summary{cursor:pointer;width:fit-content}.ex-embed-snippet pre{white-space:pre-wrap;word-break:break-all;border:1px solid var(--border);border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:12px;overflow-x:auto}
:root{--viz-input:#0d7dd4;--viz-weight:#e68100;--viz-output:#25984d;--viz-fast:.16s;--viz-move:.32s;--viz-ease:cubic-bezier(.2, .8, .2, 1)}@supports (color:lab(0% 0 0)){:root{--viz-input:lab(50.4177% -3.27396 -53.6094);--viz-weight:lab(64.4367% 36.6582 75.3792);--viz-output:lab(55.4741% -45.4549 30.1606)}}.dark{--viz-input:#6eb6ff;--viz-weight:#fcb442;--viz-output:#76cf8a}@supports (color:lab(0% 0 0)){.dark{--viz-input:lab(71.7107% -7.566 -44.2249);--viz-weight:lab(79.0006% 19.667 65.9588);--viz-output:lab(76.1463% -38.9601 25.3712)}}@media (prefers-color-scheme:dark){:root:not(.light){--viz-input:#6eb6ff;--viz-weight:#fcb442;--viz-output:#76cf8a}@supports (color:lab(0% 0 0)){:root:not(.light){--viz-input:lab(71.7107% -7.566 -44.2249);--viz-weight:lab(79.0006% 19.667 65.9588);--viz-output:lab(76.1463% -38.9601 25.3712)}}}@media (prefers-reduced-motion:reduce){:root{--viz-fast:0s;--viz-move:0s}}.viz-move{transition-property:width,height,transform,opacity,background-color,cx,cy,r,stroke-width,border-color;transition-duration:var(--viz-move);transition-timing-function:var(--viz-ease)}.viz-fast{transition-property:background-color,border-color,color,opacity,transform;transition-duration:var(--viz-fast);transition-timing-function:var(--viz-ease)}