@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.flex{display:flex}.hidden{display:none}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-variable.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{color:#e7e9e0;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark;background:#0b0e0c;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #c2e990}button{border:0}a{color:inherit;text-decoration:none}::selection{color:#0b0e0c;background:#c2e990}.mono{letter-spacing:.07em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;line-height:1.9}.playground{isolation:isolate;grid-template-rows:94px minmax(650px,1fr) 76px;min-height:100svh;display:grid;position:relative;overflow:hidden}.ambient-halo{z-index:-1;pointer-events:none;background:radial-gradient(#65854613,#3f5e3010 29%,#0000 65%);width:1000px;height:900px;transition:filter 2s;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.is-disco .ambient-halo{filter:hue-rotate(110deg)}.site-header{z-index:3;border-bottom:1px solid #e0f1d80c;margin:0 4.1%;position:relative}.brand{letter-spacing:-.045em;font-size:18px;font-weight:650}.brand svg{color:#c2df9b;width:27px}.brand-dot{color:#bdde92}.header-note{color:#71786f;letter-spacing:.015em;font-size:11px}.motion-control{letter-spacing:.075em;color:#9aa28f;background:0 0;padding:12px 0 12px 12px;font-family:IBM Plex Mono,monospace;font-size:9px}.status-dot{background:#bfdf91;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #b4ef6244}.status-dot.paused{box-shadow:none;background:#8c9088}.main-stage{min-height:650px;position:relative}.scene-caption{color:#6e7867;letter-spacing:.13em;white-space:nowrap;z-index:2;pointer-events:none;font-size:9px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.tiny-plus{color:#8eaa73;padding:0 16px}.scene-area{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:24px 0 165px}.scene-area:active{cursor:grabbing}.scene-area canvas{touch-action:pan-y;display:block}.specimen-note,.vibe-note{color:#9ca58f;letter-spacing:.08em;pointer-events:none;font-size:9px;line-height:2.15;position:absolute;top:43%}.specimen-note{left:8.2%}.vibe-note{text-align:right;right:8.2%}.note-rule{background:#71825c55;width:27px;height:1px;margin-bottom:14px;display:block}.vibe-note .note-rule{margin-left:auto}.dim{color:#535e4d}.hero-copy{text-align:center;pointer-events:none;width:100%;padding:0 20px;position:absolute;bottom:99px}h1{letter-spacing:-.063em;margin:0;font-size:clamp(32px,4.3vw,68px);font-weight:700;line-height:1.12}.heading-dot{color:#bdde92}.hero-copy p{color:#89917e;letter-spacing:-.01em;margin:16px 0 0;font-size:14px}.interaction-row{gap:19px;width:100%;position:absolute;bottom:23px}.frog-button{color:#d9e8c6;background:#b4d78a09;border:1px solid #bcd49935;border-radius:100px;padding:12px 18px;font-size:11px;font-weight:500;transition:background .25s,border-color .25s,transform .25s}.frog-button:hover{background:#b4d78a15;border-color:#bcd49988;transform:translateY(-2px)}.cursor-icon{color:#c3df9c;font-size:19px;line-height:1}.button-arrow{color:#82936e;margin-left:13px;font-size:14px}.drag-hint{color:#65705b;letter-spacing:0;font-size:9px}.site-footer{z-index:2;color:#5d6856;letter-spacing:.05em;border-top:1px solid #e0f1d80c;margin:0 4.1%;font-size:8px;position:relative}.footer-aside{color:#3e4939}.click-count{color:#56614e;position:absolute;left:50%;transform:translate(-50%)}.respect-button{color:#77816f;background:0 0;align-items:center;gap:9px;padding:10px 0 10px 10px;font-size:9px;display:flex}kbd{color:#b5c49f;border:1px solid #7b90614a;border-radius:4px;place-items:center;width:20px;height:21px;font-family:inherit;font-size:9px;font-weight:400;display:grid}.respect-button>span:last-child{margin-left:10px;font-size:13px}.meme-message{z-index:4;color:#202c15;letter-spacing:-.02em;pointer-events:none;background:#c5e59d;border-radius:9px 9px 9px 1px;max-width:280px;padding:13px 19px;font-size:12px;position:absolute;top:15%;left:60%;box-shadow:0 4px 35px #0004}.meme-message>span{border-top:12px solid #c5e59d;border-right:13px solid #0000;width:0;height:0;position:absolute;bottom:-9px;left:0}.loading{color:#82936e;pointer-events:none;font-size:11px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.quiet-frog{text-align:center;color:#c2df9b;place-content:center;justify-items:center;height:100%;display:grid}.quiet-frog svg{stroke-width:1px;width:190px;height:180px}.quiet-frog p{margin:18px 0 8px;font-size:16px}.quiet-frog>span{color:#78846c;max-width:250px;font-size:11px}.canvas-fallback{text-align:center;padding-top:150px}.is-secret .scene-caption{color:#d0e6b1}@media(min-height:900px){.playground{grid-template-rows:100px minmax(720px,1fr) 80px}}@media(min-width:1800px){.playground{grid-template-rows:110px minmax(750px,1fr) 85px}.scene-area{bottom:210px}.hero-copy{bottom:115px}}@media(max-width:900px){.specimen-note{font-size:8px;left:5%}.vibe-note{font-size:8px;right:5%}.header-note,.footer-aside{display:none}.click-count{font-size:7px}}@media(max-width:600px){.playground{grid-template-rows:76px minmax(580px,1fr) 66px}.site-header,.site-footer{margin:0 6%}.brand{gap:9px;font-size:16px}.brand svg{width:24px}.motion-control{gap:7px;font-size:8px}.main-stage{min-height:580px}.scene-caption{letter-spacing:.09em;font-size:7px;top:25px}.tiny-plus{padding:0 8px}.scene-area{top:16px;bottom:190px}.specimen-note,.vibe-note{font-size:7px;top:auto;bottom:230px}.note-rule{width:18px;margin-bottom:8px}.specimen-note{left:6%}.vibe-note{right:6%}.hero-copy{padding:0 30px;bottom:113px}h1{letter-spacing:-.065em;max-width:400px;margin:0 auto;font-size:clamp(34px,8.8vw,48px);line-height:1.06}.hero-copy p{margin-top:15px;font-size:12px}.interaction-row{flex-direction:column;gap:9px;bottom:28px}.frog-button{padding:10px 16px;font-size:10px}.drag-hint{font-size:8px}.site-footer{font-size:7px}.click-count{display:none}.respect-button{gap:6px;font-size:8px}.respect-button>span:last-child{margin-left:3px}.meme-message{max-width:215px;padding:11px 14px;font-size:10px;top:18%;left:auto;right:8%}}@media(max-height:760px)and (min-width:601px){.playground{grid-template-rows:70px minmax(520px,1fr) 60px}.main-stage{min-height:520px}.scene-area{top:10px;bottom:155px}.scene-caption{top:15px}.hero-copy{bottom:90px}h1{font-size:48px}.interaction-row{bottom:17px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.mono,.dev-terminal{font-family:IBM Plex Mono,monospace}.meme-message{white-space:pre-line;max-width:310px;line-height:1.8;top:3%}.shell-header{background:0 0;font-family:IBM Plex Mono,monospace;font-size:10px;transition:color .2s}.shell-header:hover{color:#c2df9b}.face-palette-trigger{color:#9cad88;letter-spacing:0;background:0 0;border-bottom:1px dashed #718c5055;padding:6px 0;font-size:9px}.face-palette-trigger:hover{color:#d4e8b8}.terminal-launcher{z-index:30;color:#18250f;letter-spacing:.035em;background:#bddf91;border:1px solid #d6f2af;border-radius:9px;align-items:center;gap:13px;padding:12px 15px;font:600 10px IBM Plex Mono,monospace;transition:background .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;top:118px;right:30px;box-shadow:0 5px 28px #95cf5823,inset 0 1px #edffdb55}.terminal-launcher:hover{background:#d1edae;transform:translateY(-2px);box-shadow:0 5px 30px #95cf5845}.terminal-launcher[aria-expanded=true]{color:#c5e6a4;box-shadow:none;background:#15210f;border-color:#91b76a}.terminal-launcher kbd{color:inherit;opacity:.5;border-color:currentColor;width:18px;height:18px;font-size:10px}.launcher-symbol{font-size:18px;font-weight:500;line-height:1}.effect-status{z-index:5;color:#a9c68d;white-space:nowrap;pointer-events:none;font-size:8px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.effect-panic .effect-status{color:#d2a173}.effect-sleep .scene-area canvas{filter:brightness(.52)saturate(.6)}.scene-area canvas{transition:filter .8s}.matrix-rain{pointer-events:none;z-index:1;position:absolute;inset:40px 0 190px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 70%,#0000);mask-image:linear-gradient(#0000,#000 20% 70%,#0000)}.matrix-rain>span{color:#a1ee71;opacity:.17;writing-mode:vertical-rl;text-shadow:0 0 10px #4dff42;font:10px/2 IBM Plex Mono,monospace;animation:linear infinite frog-rain;position:absolute;top:-200px}@keyframes frog-rain{0%{transform:translateY(-80px)}to{transform:translateY(850px)}}.achievement-toast{z-index:15;color:#cbdfb1;letter-spacing:0;background:#121b10f2;border:1px solid #9cb97850;border-radius:8px;max-width:min(360px,100vw - 40px);padding:15px 19px;font-size:10px;position:fixed;bottom:90px;right:27px;box-shadow:0 8px 40px #0005}.achievement-toast>span{color:#7d9468;letter-spacing:.12em;margin-bottom:6px;font-size:8px;display:block}.dev-terminal{z-index:60;color:#becbb0;letter-spacing:0;background:#0d130f;border:1px solid #74895b88;border-radius:11px;width:min(440px,100vw - 24px);height:min(500px,100dvh - 24px);max-height:calc(100dvh - 24px);margin:0;padding:0;font-size:11px;position:fixed;overflow:hidden;box-shadow:0 15px 50px #0007,0 0 0 1px #0a1009}.dev-terminal[hidden],.terminal-content[hidden]{display:none!important}.dev-terminal.is-minimized{height:42px}.dev-terminal.is-dragging{border-color:#b0d58a;box-shadow:0 22px 70px #0009}.terminal-window{flex-direction:column;height:100%;display:flex}.terminal-bar{background:#a8c98908;border-bottom:1px solid #afce8a26;flex:0 0 41px;align-items:center;gap:8px;padding:0 10px 0 13px;display:flex}.terminal-lights{gap:5px;display:flex}.terminal-lights i{background:#976551;border-radius:50%;width:6px;height:6px}.terminal-lights i:nth-child(2){background:#a18a50}.terminal-lights i:nth-child(3){background:#709153}.terminal-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#afc399;min-width:0;font:inherit;background:0 0;flex:1;justify-content:space-between;align-self:stretch;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex}.terminal-drag-handle:active{cursor:grabbing}.terminal-drag-handle>span:last-child{color:#647958;letter-spacing:.06em;font-size:7px}.terminal-window-control{color:#9caf87;background:0 0;border-radius:4px;flex:none;width:27px;height:27px;padding:0;font-size:20px;line-height:1}.terminal-window-control:hover{color:#e1f3ce;background:#b5d29218}.terminal-content{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.terminal-toolbar{border-bottom:1px solid #afce8a14;flex:none;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.terminal-current-face{color:#70865f;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.terminal-current-face strong{color:#c5e2a3;font-weight:400}.terminal-docks{gap:3px;display:flex}.terminal-docks button{color:#97ad7f;background:0 0;border:1px solid #afce8a1c;border-radius:4px;width:25px;height:25px;font-size:16px}.terminal-docks button:hover{color:#d4edb7;border-color:#a8ce7c88}.terminal-output{scrollbar-width:thin;scrollbar-color:#52613d #0d130f;overscroll-behavior:contain;flex:1;min-height:40px;padding:12px 15px;line-height:1.85;overflow:auto}.terminal-entry{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-entry.input{color:#e0ecd1;margin-top:10px}.terminal-entry.output{color:#a6b59a}.terminal-prompt{color:#aaca83}.terminal-form{border-top:1px solid #afce8a26;border-bottom:1px solid #afce8a19;flex:none;align-items:center;gap:10px;padding:9px 15px;display:flex}.terminal-form input{width:0;min-width:0;font:inherit;color:#e0ecd1;caret-color:#b5dc86;background:0 0;border:0;outline:none;flex:1;padding:4px 0}.terminal-form input::placeholder{color:#657556}.terminal-form:focus-within{box-shadow:inset 3px 0 #b5dc86}.terminal-form button{color:#aaca83;background:#b5dc860c;border:1px solid #b5dc862a;border-radius:4px;width:28px;height:28px}.terminal-shortcuts,.terminal-faces{flex-wrap:wrap;flex:none;gap:5px;padding:9px 12px;display:flex}.terminal-faces{border-bottom:1px solid #afce8a19}.terminal-shortcuts button,.terminal-faces button{font:inherit;color:#a1b68b;background:#afce8a06;border:1px solid #afce8a28;border-radius:4px;padding:5px 7px;font-size:8px}.terminal-shortcuts button:hover,.terminal-faces button:hover{color:#e1f3cb;background:#afce8a13;border-color:#afce8a66}.terminal-faces button[aria-pressed=true]{color:#18250f;background:#bddf91;border-color:#bddf91}.terminal-footnote{color:#687c58;flex:none;justify-content:space-between;gap:8px;padding:0 12px 10px;font-size:6px;line-height:1.7;display:flex}@media(max-width:600px){.meme-message{max-width:min(265px,100vw - 60px);font-size:10px;top:13%}.secondary-actions{gap:15px}.face-palette-trigger{font-size:8px}.scene-caption{font-size:6px;top:28px;left:22px;transform:none}.scene-caption .tiny-plus{display:none}.terminal-launcher{border-radius:7px;gap:9px;padding:9px 11px;font-size:8px;top:92px;right:16px}.terminal-launcher .launcher-symbol{font-size:15px}.terminal-launcher kbd{width:16px;height:16px}.effect-status{font-size:6px;top:64px}.dev-terminal{border-radius:9px;height:min(350px,44dvh);font-size:10px}.terminal-output{min-height:34px;padding:8px 12px;line-height:1.75}.terminal-form{padding:6px 12px}.terminal-form input{font-size:16px}.terminal-shortcuts,.terminal-faces{gap:4px;padding:7px 10px}.terminal-shortcuts button,.terminal-faces button{padding:4px 6px;font-size:8px}.terminal-footnote{padding:0 10px 7px;font-size:6px}.terminal-footnote>span:last-child{display:none}.achievement-toast{font-size:9px;bottom:78px;right:20px}}@media(prefers-reduced-motion:reduce){.matrix-rain>span{opacity:.1;top:15%;animation:none!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}