@font-palette-values --caption-gold{font-family:Bubsy Caption;override-colors:0 #840000,1 #ffe14a,2 #f2a400,3 #e76300}@font-palette-values --caption-dim{font-family:Bubsy Caption;override-colors:0 #000021,1 #a5a5e7,2 #8a8ad8,3 #6f6fc6}@font-palette-values --hud-gold{font-family:Bubsy HUD;override-colors:0 #840000,1 #ffe14a,2 #f2b400,3 #e78400,4 #4a1000}:root{--card: #000000;--night: #07071d;--bg: #0b0b26;--panel: #121238;--panel-hi: #1b1b4c;--raise: #232362;--line: #2b2b6c;--line-soft: rgba(165, 165, 231, .14);--text: #f2f0ff;--muted: #a5a5e7;--faint: #7171b8;--yarn: #ffd200;--gold: #e7c600;--fur: #e76300;--logo: #e70000;--outline: #840000;--yarn-ink: #200800;--red: #ff5b3d;--door: #62e0ff;--start: #7dff8b;--zone-splat: #ff5ad1;--zone-slide: #62e0ff;--zone-music: #b48dff;--water: #6ab8ff;--grid: rgba(255, 255, 255, .16);--grid-major: rgba(255, 255, 255, .34);--veil: #050718;--move: #ffffff;--road: #ffcf24;--spawn: #4ff0c0;--danger: #ff2b2b;--font-ui: "Barlow", "Trebuchet MS", "Segoe UI", sans-serif;--font-display: "Barlow", "Trebuchet MS", "Segoe UI", sans-serif;--lettering: "Bubsy", "Barlow", sans-serif;--caption: "Bubsy Caption", "Barlow", sans-serif;--hud: "Bubsy HUD", "Barlow", sans-serif;--gold-rule: linear-gradient(90deg, var(--outline), var(--fur) 20%, var(--yarn) 50%, var(--fur) 80%, var(--outline));--shadow: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:500 15px/1.45 var(--font-ui);-webkit-text-size-adjust:100%}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}[hidden]{display:none!important}a{color:var(--yarn);text-underline-offset:3px}a:hover{color:#fff1a6}:focus-visible{outline:2px solid var(--yarn);outline-offset:2px}svg.defs{position:absolute;width:0;height:0;overflow:hidden}.map-root{display:contents}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lettering{margin:0;font:400 32px/1 var(--lettering);letter-spacing:0;color:var(--yarn)}.lettering.x1{font-size:16px}.lettering.x3{font-size:48px}.caption{font:400 16px/1 var(--caption);letter-spacing:0;color:var(--text)}.caption.gold,.caption-gold{font-palette:--caption-gold}.caption.dim,.caption-dim{font-palette:--caption-dim}.hud{font:400 16px/1 var(--hud);font-variant-numeric:tabular-nums}.hud.gold{font-palette:--hud-gold}.hud.x2{font-size:32px}img.px,canvas.px,.ico img,img.hud-icon{image-rendering:pixelated}img.hud-icon{width:16px;height:16px;vertical-align:-3px}canvas.stage{display:block;flex:none;width:calc(var(--w, 32) * 1px);height:calc(var(--h, 48) * 1px);image-rendering:pixelated}body.viewer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;overflow:hidden}.bar{position:relative;z-index:3;background:var(--card)}.card-head{position:relative;display:flex;align-items:center;gap:10px 22px;min-height:78px;padding:10px 18px 12px}.card-head:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--gold-rule)}.card-head canvas.stage{align-self:flex-end;margin-bottom:-2px;cursor:pointer}.home{display:inline-flex;align-items:center;gap:10px;flex:none;min-height:48px;padding:8px 14px 8px 12px;border:1px solid #3c3c78;border-radius:10px;background:#0e0e2a;color:var(--yarn);text-decoration:none;transition:border-color .15s,background-color .15s}.home:hover{border-color:var(--fur);background:#17173f}.home svg.ico{width:18px;height:18px;shape-rendering:crispEdges}.music{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto;padding:5px 12px 5px 5px;border:1px solid #262650;border-radius:999px}.music .volume input{width:84px}.heading{display:grid;gap:7px;min-width:0}.crumb{display:flex;flex-wrap:wrap;align-items:center;margin:0;color:var(--muted);font:700 12px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--yarn)}.crumb .sep{margin:0 8px;color:var(--faint)}.heading{flex:1 1 auto}.heading h1{overflow-wrap:anywhere}.card-note{margin:0}.passcode{display:inline-flex;align-items:center;gap:8px;margin-left:16px;padding:3px 8px 3px 9px;border:1px solid #2c2c5c;border-radius:6px;letter-spacing:0;text-transform:none;cursor:help}.passcode .label{font:700 10px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.steps{display:flex;flex:0 0 auto;align-items:stretch;gap:8px}.music[hidden]+.steps{margin-left:auto}.step,.steps .pick{position:relative;display:grid;align-content:center;gap:4px;min-height:48px;padding:7px 14px;border:1px solid #262650;border-radius:10px;color:var(--text);text-decoration:none;transition:border-color .15s,background-color .15s}.step{flex:0 1 250px;min-width:0;grid-template-columns:minmax(0,1fr)}.steps .pick{flex:none}.step.next{text-align:right}.step.next .dir{justify-content:flex-end}.step:hover,.steps .pick:hover{border-color:var(--fur);background:#0d0d26;color:var(--text)}.step .dir,.pick .dir{display:flex;align-items:center;gap:6px;font:700 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--yarn);white-space:nowrap}.step .to{overflow:hidden;font:600 14px/1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis}.steps .pick{cursor:pointer}.steps .pick:has(select:focus-visible){outline:2px solid var(--yarn);outline-offset:2px}.steps .pick svg{fill:currentColor}.steps select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font:600 16px/1.2 var(--font-ui);cursor:pointer}.workspace{position:relative;display:grid;grid-template-columns:340px minmax(0,1fr);min-height:0}.panel-hidden .workspace{grid-template-columns:minmax(0,1fr)}.panel-hidden .sidebar{display:none}.sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:var(--panel)}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;flex:none;padding:8px 8px 0;border-bottom:1px solid var(--line)}.tab{position:relative;padding:11px 4px 12px;border:0;background:none;color:var(--muted);font:400 16px/1 var(--caption);font-palette:--caption-dim;cursor:pointer}.tab:hover{font-palette:normal}.sheet-close{display:none;place-items:center;width:40px;margin:0 0 4px 4px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:400 26px/1 var(--font-ui);cursor:pointer}.sheet-close:hover{background:var(--panel-hi);color:var(--text)}.tab[aria-selected=true]{font-palette:--caption-gold}.tab[aria-selected=true]:after{content:"";position:absolute;inset:auto 10px -1px;height:3px;border-radius:3px 3px 0 0;background:var(--gold-rule)}.pane{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 10px 16px}.pane-title{margin:12px 6px 6px;font:400 16px/1 var(--lettering)}.pane .hint{margin:0 6px 12px;color:var(--muted);font-size:13px;line-height:1.4}.group{padding:4px 0 8px}.group+.group{border-top:1px solid var(--line-soft)}.group-name{margin:12px 6px 8px;font:400 16px/1 var(--caption);font-palette:--caption-dim}.group-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 4px;padding:4px 8px 4px 6px}.group-head .group-name{margin:0}.all{--track: #2a2a66;--knob: #8f8fd0;display:inline-flex;align-items:center;gap:10px;padding:3px 0 3px 8px;border:0;border-radius:8px;background:transparent;color:var(--faint);font:700 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.all:hover{color:var(--text)}.toggle{--track: #2a2a66;--knob: #8f8fd0;position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto 38px;align-items:center;gap:0 10px;width:100%;min-height:38px;padding:4px 8px 4px 6px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 15px/1.2 var(--font-ui);text-align:left;cursor:pointer;transition:background-color .12s,color .12s}.toggle:hover{background:var(--panel-hi);color:var(--text)}.toggle>.ico{grid-column:1;justify-self:center}.toggle>.name{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle>.count{grid-column:3}.toggle>kbd{grid-column:4}.toggle:after,.all:after{content:"";grid-column:5;justify-self:end;width:34px;height:20px;border-radius:10px;background:radial-gradient(circle at 10px 50%,var(--knob) 0 6px,transparent 6.5px),var(--track);box-shadow:inset 0 0 0 1px #00000059;transition:background .15s}.toggle[aria-pressed=true]{color:var(--text)}.toggle[aria-pressed=true]:after,.all[aria-pressed=true]:after{--track: linear-gradient(180deg, #ffe14a, var(--yarn) 45%, #f2a400);background:radial-gradient(circle at 24px 50%,#fff7d1 0 6px,var(--outline) 6.5px 7.5px,transparent 8px),var(--track);box-shadow:inset 0 0 0 1px var(--outline)}.toggle[aria-pressed=mixed]:after,.all[aria-pressed=mixed]:after{background:radial-gradient(circle at 17px 50%,#fff7d1 0 6px,var(--outline) 6.5px 7.5px,transparent 8px),linear-gradient(90deg,#f2a400,#3a2a60)}.toggle.danger[aria-pressed=true]:after{background:radial-gradient(circle at 24px 50%,#ffe0d8 0 6px,#4a0000 6.5px 7.5px,transparent 8px),linear-gradient(180deg,#ff7a5c,var(--danger) 45%,#b30000);box-shadow:inset 0 0 0 1px #4a0000}.ico{display:block;width:16px;height:16px;fill:currentColor;flex:none}.toggle svg.ico{width:18px;height:18px;shape-rendering:crispEdges}.toggle .ico.spawn{color:var(--spawn)}.toggle .ico.door{color:var(--door)}.toggle img.ico{width:8px;height:16px}span.ico{width:26px;height:24px}span.ico canvas{display:block;width:24px;height:24px;margin:0 auto;image-rendering:pixelated}.count{font:400 16px/1 var(--hud);color:var(--text);white-space:nowrap}.count small{margin-left:3px;font:inherit;font-palette:--hud-gold}kbd{min-width:20px;padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;color:var(--faint);font:700 10px/1.2 var(--font-ui);letter-spacing:.04em;text-align:center;text-transform:uppercase}.toggle:hover kbd{color:var(--muted)}.field{display:grid;grid-template-columns:28px auto minmax(0,1fr);align-items:center;gap:0 10px;min-height:40px;padding:4px 8px 4px 6px;color:var(--text);font:600 15px/1.2 var(--font-ui)}.field>.ico{justify-self:center;width:18px;height:18px;shape-rendering:crispEdges}.field .name{color:var(--muted)}select{width:100%;min-width:0;padding:7px 30px 7px 11px;border:1px solid var(--line);border-radius:8px;background:#0d0d2c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23ffd200'/%3E%3C/svg%3E") no-repeat right 11px center / 10px 6px;color:var(--text);font:600 14px/1.2 var(--font-ui);appearance:none;cursor:pointer}select:hover{border-color:var(--faint)}option,optgroup{background:#12123a;color:var(--text)}.volume{display:flex;align-items:center;gap:8px}.volume output{min-width:2.8em}input[type=range]{width:100%;margin:0;accent-color:var(--yarn);cursor:pointer}output{font:600 13px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text);text-align:right}.reset{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:600 14px/1 var(--font-ui);cursor:pointer}.reset:hover{border-color:var(--faint);background:var(--panel-hi);color:var(--text)}.reset svg.ico{width:14px;height:14px;shape-rendering:crispEdges}.legend .summary{margin:0 6px 6px;color:var(--muted);font-size:13px;line-height:1.45}.legend h3{margin:18px 6px 6px;font:400 16px/1 var(--caption);font-palette:--caption-dim}.legend button.row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:transparent;color:var(--text);font:600 14px/1.25 var(--font-ui);text-align:left;cursor:pointer}.legend button.row:hover{background:var(--panel-hi)}.legend button.row canvas{width:40px;height:32px;image-rendering:pixelated;cursor:inherit}.legend .harm-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--danger);vertical-align:1px}.legend .count{font-size:16px}.export{font-size:14px}.export fieldset{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 6px 0;padding:0;border:0}.export legend{width:100%;margin-bottom:8px;padding:0;font:400 16px/1 var(--caption);font-palette:--caption-dim}.export fieldset.areas{display:grid;gap:8px}.export label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.export label.off{opacity:.45;cursor:not-allowed}.export input{margin:0;accent-color:var(--yarn)}.export .check{display:flex;margin:16px 6px 0}.export .size{margin:14px 6px 0;color:var(--muted);font-variant-numeric:tabular-nums}.export .actions{display:flex;align-items:center;gap:12px;margin:14px 6px 0}.go{padding:11px 20px;border:1px solid var(--outline);border-radius:10px;background:linear-gradient(180deg,#ffe14a,var(--yarn) 40%,#f2a400);box-shadow:inset 0 1px #ffffff8c,0 2px 0 var(--outline);color:var(--yarn-ink);font:800 15px/1 var(--font-ui);cursor:pointer}.go:hover{filter:brightness(1.06)}.go:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff8c}.go:disabled{filter:grayscale(.7);opacity:.6;cursor:progress}.export .busy{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.export canvas.spin{width:32px;height:32px;image-rendering:pixelated}.export .note{margin:10px 6px 0}.export .note:empty{display:none}.export .note.error{color:#ff9c87}.export .hint:last-child{margin-top:18px}.stage-area{min-width:0;min-height:0;padding:12px 14px}.frame{position:relative;height:100%;min-height:240px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--night)}#map{position:absolute;top:0;left:0;display:block;touch-action:none;cursor:grab}#map.dragging{cursor:grabbing}#map.lever{cursor:pointer}.tip{position:absolute;z-index:3;max-width:min(330px,calc(100% - 24px));padding:11px 13px 12px;border:1px solid var(--line);border-radius:10px;background:#121238f7;box-shadow:var(--shadow);font-size:14px;line-height:1.4;pointer-events:none}.tip strong{display:block;margin-bottom:2px;color:var(--yarn);font-weight:800;font-size:15px}.tip .harm{color:#ff7b6b;font-weight:700}.tip .act{color:var(--yarn);font-weight:700}.tip p{margin:5px 0 0}.tip .meta{margin-top:8px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel)}.panel-title{margin:0 0 10px;font:400 16px/1 var(--lettering)}.key{position:absolute;z-index:2;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:12px 14px;font-size:13px;box-shadow:none}.key ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px 14px;min-width:min(400px,100%);margin:0;padding:0;list-style:none}.key li{display:flex;align-items:center;gap:6px}.key li label{display:flex;align-items:center;gap:8px;cursor:pointer}.key input[type=checkbox]{margin:0;accent-color:var(--yarn)}.key .sliders{display:grid;grid-template-columns:auto minmax(0,1fr) 3.2em;align-items:center;gap:6px 12px;margin-top:12px}.key .swatch{flex:none;width:18px;height:14px;border-top:2px solid;border-radius:2px}.key p{margin:8px 0 0;color:var(--muted)}.key .check{display:flex;align-items:center;gap:8px;margin-top:10px;cursor:pointer}.key .check input{margin:0;accent-color:var(--yarn)}.route-key{position:absolute;z-index:2;top:10px;left:10px;width:min(320px,calc(100% - 20px));max-height:calc(100% - 20px);overflow-y:auto;padding:12px 14px;font-size:13px}.route-key .route-time{margin:0;font:800 20px/1.2 var(--font-ui)}.route-key .route-time .frames{color:var(--muted);font:600 13px/1 var(--font-ui)}.route-key p{margin:6px 0 0;color:var(--muted)}.route-key ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px 12px;margin:8px 0 0;padding:0;list-style:none}.route-key ul li{display:flex;align-items:center;gap:6px;color:var(--text)}.route-key .swatch{flex:none;width:18px;height:0;border-top:3px solid;border-radius:2px}.route-key .swatch.dash{border-top-style:dashed}.route-key .note-glitch{color:var(--zone-splat)}.route-key ol{margin:8px 0 0;padding-left:1.6em;list-style:decimal outside}.route-key h2{cursor:pointer}.route-key.folded>:not(h2):not(.route-time){display:none}.route-key ol li{margin:0 0 4px}.route-key .route-watch a{font-weight:800}.route-key ol li::marker{color:var(--rough, #ffb347);font-weight:800}.help.coarse{display:none}@media(pointer:coarse){.toggle,.field,.legend button.row{min-height:46px}.all{padding-block:10px}.tab{padding-block:15px}.icon-button{min-width:44px;height:44px}.png-menu .menu a{padding:15px 14px}.home,.step,.steps .pick{min-height:46px}.help.fine{display:none}.help.coarse{display:inline}}.card-head{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}.foot{display:flex;align-items:center;gap:10px 16px;min-height:0;padding:0 14px 12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font:700 17px/1 var(--font-ui);cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.icon-button:hover{border-color:var(--faint);background:var(--panel-hi);color:var(--text)}.icon-button svg.ico{width:16px;height:16px;shape-rendering:crispEdges}.icon-button.wide{font-size:14px}#sidebar-toggle[aria-expanded=true]{color:var(--yarn);border-color:#4a3a20}.overview{position:relative;flex:0 1 auto;max-width:34%;overflow:hidden;border:1px solid var(--line);border-radius:8px;cursor:grab;touch-action:none;line-height:0;user-select:none}.overview:active{cursor:grabbing}.overview img{display:block;width:auto;height:auto;max-height:70px;max-width:100%;-webkit-user-drag:none}.overview .viewport{position:absolute;border:2px solid var(--yarn);border-radius:2px;box-shadow:0 0 0 1px #0009;pointer-events:none}.status{flex:1 1 auto;display:grid;gap:3px;min-width:0;margin:0;color:var(--text);font:600 13px/1.3 var(--font-ui);font-variant-numeric:tabular-nums}.status .help{color:var(--faint);font-weight:500}.zoom{display:flex;align-items:center;gap:6px;flex:none}.zoom output{min-width:3.4em;font:400 16px/1 var(--hud);text-align:center}@media(max-width:1760px){.step .to{display:none}.step,.steps .pick{flex:none;padding:7px 12px}}@media(max-width:1440px){.music{padding:4px}.music .volume,.music .word{display:none}.music .chip{padding:9px 11px}}@media(max-width:1180px){.home .lettering{display:none}}@media(max-width:860px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{position:absolute;z-index:4;inset:0 auto 0 0;width:min(340px,92vw);box-shadow:var(--shadow)}.sheet-close{display:grid}.card-head canvas.stage{display:none}.overview,.status .help{display:none}}@media(max-width:600px){.sidebar{position:fixed;z-index:6;inset:auto 0 0;width:auto;height:min(62dvh,600px);border-right:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -12px 34px #0000008c;padding-bottom:env(safe-area-inset-bottom)}.card-head{padding:8px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:8px 12px}.heading h1{font-size:16px}.crumb .world,.step .word,.pick .word{display:none}.step .dir{font-size:16px}.stage-area{padding:8px}.foot{padding:0 8px max(8px,env(safe-area-inset-bottom));gap:8px}}body.index{height:auto}.hero{position:relative;display:flex;justify-content:center;overflow:hidden;border-bottom:2px solid var(--card);background-color:#2163e7;background-image:var(--backdrop);background-repeat:repeat-x;background-position:center top;background-size:1024px 512px;image-rendering:pixelated}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--gold-rule)}.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;width:min(100%,1180px);min-height:360px;padding:34px 20px 0}.hero .titles{grid-column:2;display:grid;justify-items:center;align-self:start;gap:18px;padding-bottom:34px}.hero .logo{margin:0;line-height:0}.hero .logo img{width:362px;max-width:100%;height:auto;image-rendering:pixelated}.hero .tagline{filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.hero .bubsy{grid-column:3;justify-self:end;align-self:end;width:234px;height:auto;image-rendering:pixelated}.hero-sound{grid-column:1;grid-row:1;justify-self:start;align-self:end;display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:6px 14px 6px 6px;border-radius:999px;background:#000000c7;box-shadow:0 6px 18px #0000004d}.hero-sound .volume input{width:92px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font:700 14px/1 var(--font-ui);cursor:pointer}.chip:hover{color:var(--text);border-color:var(--faint)}.chip svg.ico{width:14px;height:14px;shape-rendering:crispEdges}.chip[aria-pressed=true]{border-color:var(--outline);background:linear-gradient(180deg,#ffe14a,var(--yarn) 45%,#f2a400);color:var(--yarn-ink)}.page{width:min(100%,1180px);margin:0 auto;padding:38px 20px 56px}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 40px}.intro .lede{max-width:62ch;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.intro .lede strong{color:var(--text);font-weight:700}.stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;margin:8px 0 0;padding:0;list-style:none}.stats li{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#14143e,#101034)}.stats .pic{grid-row:auto}.stats .what{grid-column:1 / -1}.stats .n{font:400 32px/1 var(--hud)}.stats .what{color:var(--muted);font:700 12px/1.1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.worlds{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.worlds a{padding:10px 16px 9px;border:1px solid var(--line);border-radius:999px;background:#0e0e2e;font:400 16px/1 var(--lettering);text-decoration:none;transition:border-color .15s,background-color .15s}.worlds a:hover{border-color:var(--fur);background:#17173f}section.world{margin-top:56px;scroll-margin-top:20px}.world-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;min-height:132px;margin:0 0 14px;padding:18px 20px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background-color:var(--sky);background-image:var(--backdrop);background-repeat:repeat-x;background-position:center 78%;background-size:512px 256px;image-rendering:pixelated}.world-head:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.5));pointer-events:none}.world-head>*{position:relative}.world-head h2{filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.world-head .span{filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.chapters{display:grid;gap:16px}.chapter{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .15s,transform .15s,box-shadow .15s}.chapter:hover{border-color:#5a4220;box-shadow:0 10px 30px #00000059}.shots{display:grid;gap:2px;background:var(--card)}.halves .shots{grid-template-columns:repeat(2,minmax(0,1fr))}.shot{position:relative;display:block;overflow:hidden;line-height:0;background:var(--night)}.shot img{display:block;width:100%;height:auto;transition:transform .35s ease}.shot:hover img{transform:scale(1.015)}.shot .half{position:absolute;left:14px;top:12px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.chapter .info{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"stage title links" "figures figures figures";align-items:center;gap:16px 20px;padding:18px 22px 20px;border-top:2px solid transparent;border-image:var(--gold-rule) 1}.chapter .meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;color:var(--muted);font:700 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.chapter .meta .code{letter-spacing:0;text-transform:none}.chapter .info canvas.stage{grid-area:stage;align-self:end;margin-left:-4px}.chapter .titles{grid-area:title;display:grid;gap:10px;min-width:0}.chapter .titles a{color:inherit;text-decoration:none}.chapter .titles h3{margin:0;font:400 16px/1.2 var(--lettering)}.chapter .titles h3 a:hover{filter:brightness(1.12)}.chapter .links{grid-area:links;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:0}.button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;color:var(--text);font:700 14px/1 var(--font-ui);text-decoration:none;white-space:nowrap}.button:hover{border-color:var(--faint);background:#10102e;color:var(--text)}.button.open{border-color:var(--outline);background:linear-gradient(180deg,#ffe14a,var(--yarn) 45%,#f2a400);color:var(--yarn-ink)}.button.open:hover{filter:brightness(1.06);color:var(--yarn-ink)}.png-menu{position:relative}.png-menu summary{list-style:none;cursor:pointer}.png-menu summary::-webkit-details-marker{display:none}.png-menu .caret{width:10px;height:6px;fill:currentColor;transition:transform .15s}.png-menu[open] .caret{transform:rotate(180deg)}.png-menu[open] summary{border-color:var(--faint);background:#10102e}.png-menu .menu{position:absolute;bottom:calc(100% + 6px);right:0;z-index:5;display:grid;min-width:100%;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 12px 28px #0000008c}.png-menu .menu a{padding:10px 12px;border-radius:6px;color:var(--text);font:700 14px/1 var(--font-ui);text-decoration:none;white-space:nowrap}.png-menu .menu a:hover,.png-menu .menu a:focus-visible{background:#10102e}.figures{grid-area:figures;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px 16px;margin:0;padding:16px 0 0;border-top:1px solid #1d1d40;list-style:none}.figures li{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:6px 10px}.figures .pic,.stats .pic{grid-row:1 / 3;display:grid;place-items:center;width:32px;height:32px}.figures .pic img,.stats .pic img{display:block;image-rendering:pixelated}.figures .n{grid-column:2;font:400 16px/1 var(--hud);white-space:nowrap}.figures .n small{margin-left:6px;color:var(--muted);font:600 12px/1 var(--font-ui)}.figures .what{grid-column:2;color:var(--muted);font:700 11px/1.1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.figures .word{font:700 14px/1 var(--font-ui);color:var(--text)}.figures .code{font:400 16px/1 var(--lettering)}.credits{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.credits p{max-width:82ch;margin:0 0 8px}.credits .by{margin-top:16px;color:var(--text);font-weight:600}.credits .by .lettering{margin-left:6px;vertical-align:-2px}@media(max-width:980px){.hero-in{grid-template-columns:minmax(0,1fr);justify-items:center;min-height:0}.hero .titles{grid-column:1;padding-bottom:0}.hero .bubsy{grid-column:1;justify-self:center;width:176px;margin-top:18px}.hero-sound{grid-column:1;grid-row:auto;justify-self:center;margin:18px 0 0}.hero{background-size:512px 256px;background-position:center bottom}.intro{grid-template-columns:minmax(0,1fr)}}@media(max-width:1100px){.figures{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:720px){.hero .logo img{width:271px}.hero .tagline,.world-head h2{font-size:16px}.chapter .info{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "figures" "links"}.chapter .info canvas.stage{display:none}.chapter .links{justify-content:flex-start}}