.ndg-overlay{--ndg-void:#0a041c;--ndg-void-rgb:10 4 28;--ndg-cyan:#2de2e6;--ndg-cyan-rgb:45 226 230;--ndg-magenta:#ff2d95;--ndg-magenta-rgb:255 45 149;--ndg-glow:#fdf3ff;--ndg-lavender:#d9c7e8;--ndg-lavender-dim:#9d8fb5;z-index:var(--z-game);background:var(--ndg-void);animation:ndg-fade var(--dur-slow) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}@keyframes ndg-fade{0%{opacity:0}to{opacity:1}}.ndg-overlay[tabindex="-1"]{outline:none}.ndg-stage{touch-action:none;cursor:crosshair;width:100%;height:100%;position:relative;overflow:hidden}.ndg-canvas{width:100%;height:100%;display:block}.ndg-screen{align-content:center;justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6);background:radial-gradient(ellipse at center, rgb(var(--ndg-void-rgb) / .88), rgb(var(--ndg-void-rgb) / .96));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;position:absolute;inset:0}.ndg-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ndg-cyan);text-shadow:0 0 12px rgb(var(--ndg-cyan-rgb) / .6);margin:0}.ndg-title{font:600 clamp(40px, 9vw, 76px) / 1 var(--font-display);letter-spacing:.04em;color:var(--ndg-glow);text-shadow:0 0 18px rgb(var(--ndg-magenta-rgb) / .7), 0 0 42px rgb(var(--ndg-magenta-rgb) / .45), 0 2px 0 rgb(var(--ndg-cyan-rgb) / .5);margin:0}.ndg-title--score{font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgb(var(--ndg-cyan-rgb) / .7), 0 0 42px rgb(var(--ndg-cyan-rgb) / .4)}.ndg-sub{font:var(--type-body);color:var(--ndg-lavender);max-width:36ch;margin:0}.ndg-go{margin-top:var(--space-3);background:linear-gradient(120deg, var(--ndg-magenta), var(--ndg-cyan));min-width:168px;color:var(--ndg-void);box-shadow:0 0 24px rgb(var(--ndg-magenta-rgb) / .5);border:none}.ndg-go:hover{filter:brightness(1.08)}.ndg-hint{font:var(--type-body-s);color:var(--ndg-lavender-dim);margin:var(--space-2) 0 0}.ndg-hint kbd{font:600 11px/1 var(--font-ui);color:var(--ndg-lavender);border-radius:var(--radius-xs);background:#ffffff14;border:1px solid #ffffff29;padding:2px 5px}.ndg-close{top:max(var(--space-4), env(safe-area-inset-top));right:max(var(--space-4), env(safe-area-inset-right));width:var(--tap-target);height:var(--tap-target);border-radius:var(--radius-full);color:var(--text-primary);background:var(--glass-bg-strong);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);place-items:center;display:grid;position:absolute}.ndg-close:hover{border-color:var(--border-strong);transform:scale(var(--hover-lift-control))}.ndg-close:active{transform:scale(var(--press-scale))}.ndg-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ndg-submit{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.ndg-submit-form{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.ndg-handle{width:9rem;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid rgb(var(--ndg-cyan-rgb) / .5);background:rgb(var(--ndg-void-rgb) / .6);color:var(--ndg-glow);font:var(--type-body)}.ndg-handle::placeholder{color:var(--ndg-lavender-dim)}.ndg-handle:focus-visible{outline:2px solid var(--ndg-cyan);outline-offset:2px}.ndg-submit-btn{white-space:nowrap}.ndg-submit-err{font:var(--type-body-s);color:var(--ndg-magenta);text-shadow:0 0 10px rgb(var(--ndg-magenta-rgb) / .4);margin:0}.ndg-retry{color:var(--ndg-cyan);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.ndg-retry:focus-visible{outline:2px solid var(--ndg-cyan);outline-offset:2px;border-radius:var(--radius-xs)}.ndg-board{margin-top:var(--space-4);text-align:left;width:min(22rem,86vw)}.ndg-board-head{margin:0 0 var(--space-2);font:var(--type-eyebrow);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ndg-lavender)}.ndg-board-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ndg-board-row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-variant-numeric:tabular-nums;color:var(--ndg-glow);grid-template-columns:1.6rem 1fr auto;display:grid}.ndg-board-row--you{background:rgb(var(--ndg-magenta-rgb) / .18);box-shadow:inset 0 0 0 1px rgb(var(--ndg-magenta-rgb) / .5)}.ndg-board-rank{color:var(--ndg-lavender-dim)}.ndg-board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ndg-board-verified{margin-left:var(--space-1);color:var(--ndg-cyan);text-shadow:0 0 8px rgb(var(--ndg-cyan-rgb) / .5);vertical-align:middle;font-size:.55em}.ndg-board-score{font-weight:700}.ndg-board-you{margin:var(--space-2) 0 0;font:var(--type-body-s);color:var(--ndg-cyan);text-align:center}.td-trailer-link{font:var(--type-body-s);color:var(--text-tertiary);transition:color var(--dur-base) var(--ease-out);align-self:center}.td-trailer-link:hover{color:var(--text-secondary)}.td-features{font:var(--type-body);color:var(--text-secondary)}.td-lessons{max-width:var(--measure-sm);display:grid}.td-lesson{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.td-lesson-n{font:var(--type-name);color:var(--text-tertiary);font-variant-numeric:tabular-nums;width:28px}.td-more{margin-top:var(--space-12)}.td-lesson-title{font:var(--type-title);flex:1}.td-lessons-note{margin:calc(-1 * var(--space-2)) 0 var(--space-4);font:var(--type-metadata);color:var(--text-tertiary)}
