.nb-preview{--nb-bg: #181c1f;--nb-fg: #cacccc;--nb-border: #333a3f;--nb-accent: #8fbcbb;--nb-dim: rgba(202, 204, 204, .45);min-height:100svh;background:#101315;color:var(--nb-fg);font-family:monospace;font-size:12px;padding:22px 32px;box-sizing:border-box}.nb-preview *{box-sizing:border-box}.nb-preview a{color:inherit;text-decoration:none}.nb-preview button,.nb-preview select{font:inherit;color:inherit;cursor:pointer}.nb-preview :focus-visible{outline:1px solid var(--nb-accent);outline-offset:4px}.nb-preview-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto 24px;font-size:11px;color:var(--nb-dim)}.nb-preview-nav>div{display:flex;gap:25px}.nb-preview-nav a:hover{color:var(--nb-fg)}.nb-selected{color:var(--nb-accent)}.nb-stage-wrap{max-width:760px;margin:auto}.nb-window{height:min(680px,calc(100svh - 156px));min-height:390px;width:100%;border:2px solid var(--nb-border);border-radius:6px;padding:18px;background:var(--nb-bg);display:flex;flex-direction:column;gap:6px;outline:none!important}.nb-header{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.nb-header h1,.nb-header h2{font:700 16px monospace;margin:0;white-space:nowrap}.nb-header>div{text-align:right;min-width:0}.nb-header p{font-size:11px;font-weight:700;color:var(--nb-accent);margin:0;line-height:14px}.nb-header small{font-size:10px;color:var(--nb-dim);line-height:12px}.nb-game-area{flex:1;min-height:0;position:relative;overflow:hidden}.nb-game-area canvas{display:block;width:100%;height:100%;touch-action:none}.nb-mute{position:absolute;top:4px;right:4px;font-size:10px!important;padding:3px 6px;border:1px solid var(--nb-border);background:var(--nb-bg);border-radius:6px;opacity:.6;line-height:14px}.nb-mute:hover{opacity:.95}.nb-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:3px;background:var(--nb-bg);border:1px solid var(--nb-border);border-radius:6px;padding:10px 12px;opacity:.94;max-width:80%;white-space:nowrap}.nb-banner.over{top:auto;bottom:8px;transform:translate(-50%)}.nb-banner strong{font-size:14px}.nb-banner span{font-size:10px;color:var(--nb-dim)}.nb-footer{height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--nb-dim);line-height:14px}.nb-footer button{background:none;border:0;padding:0;color:inherit;font:inherit}.nb-footer button:hover{color:var(--nb-accent)}.nb-help,.nb-picker{position:absolute;top:0;right:0;bottom:0;left:0;background:#181c1ff5;overflow:auto;padding:10px;display:flex;flex-direction:column;justify-content:center}.nb-help h2{font-size:14px;color:var(--nb-accent);font-weight:700;margin-bottom:18px}.nb-help p{font-size:11px;line-height:1.8;margin:14px 0}.nb-dim{color:var(--nb-dim)}.nb-help label{display:flex;align-items:center;gap:18px;font-size:10px;margin:14px 0;color:var(--nb-dim)}.nb-help select,.nb-help button,.nb-picker button{border:1px solid var(--nb-border);background:var(--nb-bg);padding:5px 10px;border-radius:6px;color:var(--nb-accent)}.nb-picker{justify-content:flex-start;padding:30px}.nb-picker>p{font-size:10px;color:var(--nb-dim);letter-spacing:1px}.nb-picker a{display:flex;justify-content:space-between;padding:13px 10px;font-size:12px}.nb-picker a:hover,.nb-picker a[aria-current]{background:#8fbcbb2e;color:var(--nb-accent);border-radius:4px}.nb-picker a span:last-child{font-size:10px;color:var(--nb-dim)}.nb-picker button{align-self:flex-start;margin-top:20px}.nb-game-nav{display:flex;gap:8px 20px;justify-content:center;flex-wrap:wrap;margin-top:18px;color:var(--nb-dim);font-size:10px}.nb-game-nav a[aria-current],.nb-game-nav a:hover{color:var(--nb-accent)}.nb-credit{text-align:center;color:var(--nb-dim);font-size:10px;margin:24px 0 0}.nb-credit a{text-decoration:underline;text-underline-offset:3px}.nb-touch{display:none}.nb-preview.nb-embedded{min-height:0;background:transparent;padding:0;line-height:normal;color-scheme:dark}.nb-embedded .nb-window{height:680px;max-height:none}.nb-controls{color-scheme:light;color:#1d1d1d;font-family:Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;margin-top:28px;scroll-margin-top:100px}.nb-controls h2{font-size:21px;font-weight:650;line-height:1.3;letter-spacing:-.4px;margin:0 0 16px}.nb-controls-actions{display:flex;flex-wrap:wrap;gap:10px}.nb-controls button,.nb-controls select{min-height:44px;border:1px solid oklch(.82 .005 150);border-radius:6px;padding:9px 14px;background:#fff;color:inherit;font:inherit}.nb-controls button:hover:not(:disabled),.nb-controls select:hover:not(:disabled){border-color:#295c3d}.nb-controls button[aria-pressed=true]{color:#1d472e;background:#f1f7f2;border-color:#4c6c57}.nb-controls :disabled{color:#6d6f6d;background:#f4f6f4;cursor:default}.nb-controls :focus-visible{outline:2px solid oklch(.43 .075 155);outline-offset:3px}.nb-controls-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;max-width:600px}.nb-controls-fields label{display:grid;gap:8px;font-size:14px;font-weight:650}.nb-controls-fields select{width:100%;min-width:0;font-size:16px;font-weight:400}.nb-controls p{color:#525753;font-size:13px;line-height:1.6;margin:12px 0 0;max-width:70ch}.nb-gallery-heading{max-width:1100px;margin:34px auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.nb-gallery-heading h1{font-size:26px;font-weight:700;margin:0 0 8px}.nb-gallery-heading p{color:#9ba5a9;line-height:1.6;margin:0}.nb-gallery-heading>span{color:var(--nb-accent);font-size:10px;letter-spacing:1px}.nb-gallery-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.nb-gallery-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--nb-border);border-radius:6px;padding:14px;background:var(--nb-bg)}.nb-gallery-card:hover{border-color:var(--nb-accent)}.nb-gallery-board{padding:2px 0 12px}.nb-gallery-board canvas{display:block;width:100%;height:124px}.nb-gallery-card h2{font-size:13px;font-weight:700;margin:8px 0}.nb-gallery-card p{font-size:11px;line-height:1.6;color:#9ba5a9;margin:0 0 14px;flex:1}.nb-gallery-play{display:flex;justify-content:space-between;color:var(--nb-accent);font-size:12px}@media(max-width:900px){.nb-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.nb-gallery-grid{grid-template-columns:1fr}.nb-gallery-board canvas{height:190px}.nb-gallery-heading>span{display:none}}@media(max-width:650px){.nb-controls-actions{display:grid;grid-template-columns:1fr 1fr}.nb-controls-fields{grid-template-columns:1fr;gap:16px}.nb-controls h2{font-size:20px}.nb-preview{padding:14px 10px}.nb-preview-nav{flex-direction:column;gap:12px;margin-bottom:16px}.nb-window{height:560px;min-height:0;padding:12px}.nb-header{height:48px;align-items:flex-start;flex-direction:column;gap:1px}.nb-header>div{text-align:left}.nb-header h1,.nb-header h2{font-size:14px}.nb-header small{display:none}.nb-footer{height:32px}.nb-footer>button{display:none}.nb-game-nav{gap:12px 18px}.nb-touch{display:flex;justify-content:center;gap:8px;margin-top:18px}.nb-touch button{background:var(--nb-bg);border:1px solid var(--nb-border);border-radius:6px;padding:10px;min-height:44px;min-width:36px;color:var(--nb-accent)}.nb-credit{line-height:1.8}.nb-picker{padding:12px}.nb-embedded .nb-window{height:auto}.nb-embedded .nb-game-area{flex:none;aspect-ratio:720 / 576}}.nb-recovery{max-width:760px;margin:0 auto;padding:40px 24px;background:#fff;color:#181c1f}.nb-recovery h2{font-size:24px;margin:0 0 12px}.nb-recovery p{margin:0 0 20px}.nb-recovery button{min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:6px;font:inherit;cursor:pointer}.nb-game-options{margin:18px 0}.nb-game-options .nb-controls-actions{margin-top:14px}