.home-audio-control{z-index:900;opacity:1;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease;position:fixed;right:40px;bottom:40px}.home-audio-control.show{opacity:1;visibility:visible}.home-audio-button{color:#000;background:transparent;border:0;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-audio-button:hover{opacity:.6}.home-audio-button:focus,.home-audio-button:focus-visible,.home-audio-button:active{outline:none;box-shadow:none}.home-audio-button svg{width:20px;height:20px;display:block}.home-pause-icon{display:none!important}.home-audio-button[aria-pressed=true] .home-play-icon{display:none}.home-audio-button[aria-pressed=true] .home-pause-icon{display:block!important}
.app-list{position:absolute;top:60px;left:0;display:none;gap:20px;align-content:start}@media(max-width:479px){.app-list{position:fixed;inset:0;padding:100px 45px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}


body.arcade-open .nav,body.arcade-open .social-menu,body.arcade-open .home-audio-control{pointer-events:none!important}[data-2000-game][data-app=music] [data-arena],[data-2000-game][data-app=synth] [data-arena]{visibility:hidden}.m2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 96px));aspect-ratio:1.6;border:0;border-radius:6px;box-sizing:border-box;background:#fff;color:#000;padding:24px 14px;display:none;opacity:0;transition:opacity .25s ease;cursor:default;font-size:14px;line-height:20px}.m2-grid{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:22px 24px repeat(8,minmax(0,1fr));gap:4px 3px;align-items:center}.m2-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.m2-step{display:flex;align-items:center;justify-content:center;width:100%;height:24px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;transition:opacity .25s ease,filter .25s ease,transform .25s ease!important}.m2-step svg{width:24px;height:24px;overflow:visible}.m2-step [data-pad]{transition:fill .25s ease}.m2-step [data-selected]{opacity:0;transition:opacity .25s ease}.m2-step[aria-pressed=true] [data-selected]{opacity:1}.m2-step [data-beat]{opacity:0}.m2-step[data-current=true] [data-beat]{opacity:1}.m2-effects{position:absolute;top:calc(100% + 101px);left:0;width:100%;display:flex;justify-content:center;gap:24px}.m2-effect{width:20px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.m2-knob{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:ns-resize;touch-action:none}.m2-knob:before{content:"";position:absolute;inset:-6px}.m2-knob svg{width:20px;height:20px}.m2-controls{position:absolute;top:calc(100% + 25px);left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:24px}.m2-controls button{width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#000;cursor:pointer}.m2-controls svg{width:20px;height:20px}.m2-tempo{font-weight:400;position:absolute;top:calc(100% + 57px);left:50%;width:240px;max-width:calc(100% - 28px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px}.m2-tempo span{white-space:nowrap;flex-shrink:0;width:64px;text-align:left;font-variant-numeric:tabular-nums}.m2 input[type=range]{width:192px;min-width:0;flex:1;max-width:none;height:32px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.m2 input::-webkit-slider-runnable-track{height:1.5px;background:#000}.m2 input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5.25px;border:1.5px solid #000;border-radius:50%;background:#fff;box-shadow:none}.m2 input::-moz-range-track{height:1.5px;background:#000}.m2 input::-moz-range-thumb{width:12px;height:12px;border:1.5px solid #000;border-radius:50%;background:#fff;box-shadow:none}.m2-status{position:absolute;top:calc(100% + 154px);width:100%;left:0;text-align:center}.m2-volume{display:flex;align-items:center;justify-content:center}@media(max-width:479px){.m2-grid{left:10px;right:10px;gap:4px 2px}}@media(prefers-reduced-motion:reduce){.m2,.m2-step{transition:none!important}}.strum-strip{position:absolute;border:1.5px solid #000;touch-action:none;cursor:ns-resize;box-sizing:border-box}.strum-strip:after{content:"";position:absolute;width:3px;height:3px;left:10.5px;bottom:calc(var(--strum, 50%) - 1.5px);border-radius:50%;background:#2050ac;opacity:0;transition:opacity .25s ease}.strum-strip[data-held]:after{opacity:1}.waves{position:absolute;top:calc(100% + 218px);left:0;width:100%;display:flex;justify-content:center;gap:24px}.waves button{width:20px;height:20px;opacity:.4}.waves button[aria-pressed=true]{opacity:1}.waves svg{width:20px;height:20px}.chord-key{position:absolute;top:calc(100% + 162px);align-items:center}.chord-key button{width:24px;height:44px;flex-direction:column;font:inherit}.chord-key button svg{width:20px;height:20px;flex-shrink:0}.m2[data-instrument=synth] .m2-status{top:auto;bottom:4px}.chord-grid{position:absolute;top:50%;transform:translateY(-50%);left:10px;right:32px;display:grid;grid-template-columns:28px repeat(8,minmax(0,1fr));height:calc(100% - 24px);grid-template-rows:repeat(7,minmax(0,1fr));align-items:center;justify-items:center}.chord-grid button{height:100%}.chord-grid svg{flex-shrink:0}.strum-strip{width:13.5px;right:10px;top:16px;bottom:16px;border-radius:6.75px;background:none;overflow:hidden}.strum-strip svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.strum-strip line{stroke:#000;stroke-opacity:1;stroke-width:1.5;vector-effect:non-scaling-stroke}@media(max-width:360px){.chord-grid{height:calc(100% - 12px);left:6px;right:27px;grid-template-columns:24px repeat(8,minmax(0,1fr))}.strum-strip{right:6px}}.chord-key{width:220px;left:calc(50% - 110px);display:grid;grid-template-columns:repeat(5,44px);gap:0;justify-items:center}.chord-key button[aria-label="Previous key"] svg,.chord-key button[aria-label="Next key"] svg{width:20px;height:20px}.m2-pages{position:absolute;top:calc(100% + 3px);left:0;width:100%;display:flex;justify-content:center;gap:0}.m2-page{width:16px;height:20px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;opacity:.6;cursor:pointer;transition:opacity .25s ease;touch-action:manipulation}.m2-page:before{content:"";width:4px;height:4px;border-radius:50%;background:#000}.m2-page[aria-current=true]{opacity:1}@media(hover:hover)and (pointer:fine){.m2-page:hover{opacity:.8}}.chord-joins{position:absolute;inset:0;pointer-events:none;overflow:visible}.loop-heading{position:absolute;top:-30px;left:0;width:100%;display:flex;justify-content:center;gap:24px;font:inherit}.loop-heading button{position:absolute;right:0;font:inherit;border:0;background:none;padding:0;cursor:pointer;transition:opacity .25s ease}.m2-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.m2,[data-2000-game] [data-arena],[data-2000-game]>div{transition:none!important}.loop-heading{top:-34px}.loop-heading button{right:12px}
.strum-strip{border-width:1.5px!important}.strum-strip svg{padding:0!important;border:0!important;max-width:none!important}.strum-strip line{stroke-width:1.5px!important;stroke-opacity:1;vector-effect:non-scaling-stroke}
.photo-crop{position:absolute;border:1.5px solid #2050ac;box-sizing:border-box;touch-action:none;cursor:move;z-index:2}.photo2000 .photo-crop button{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px!important;transform:none;touch-action:none;opacity:1}.photo-crop button:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10.5px;height:10.5px;border:1.5px solid #000;border-radius:50%;background:#fff}.photo-crop [data-corner=nw]{left:0;top:0;cursor:nwse-resize}.photo-crop [data-corner=ne]{left:100%;top:0;cursor:nesw-resize}.photo-crop [data-corner=sw]{left:0;top:100%;cursor:nesw-resize}.photo-crop [data-corner=se]{left:100%;top:100%;cursor:nwse-resize}
.strum-strip{width:24px!important;right:4.75px!important;border:0!important;border-radius:0!important;overflow:visible!important}.strum-strip rect{stroke-width:1.5px;vector-effect:non-scaling-stroke}@media(max-width:360px){.strum-strip{right:.75px!important}}

html[data-2000-dark] .circle-menu-trigger[aria-expanded=true] .circle-menu-art:before{background:#2050ac!important;border-color:#2050ac!important;filter:invert(1)}.chord-grid .m2-step{touch-action:none}
.photo-adjust .photo-knob{touch-action:none;cursor:ns-resize}.photo-adjust .photo-knob:active{scale:1;transform:none}.photo-adjust .photo-knob svg{width:20px;height:20px}@media(max-width:360px){.photo-adjust{grid-template-columns:28px minmax(0,1fr) 20px 28px;width:calc(100vw - 48px);gap:8px}.photo-adjust input{width:100%}}
.rec2000{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 96px));aspect-ratio:1.6;display:none;opacity:0;color:#000;font:14px Arial,sans-serif}.rec-frame{position:absolute;inset:0;border:1.5px solid currentColor;border-radius:6px;overflow:hidden;touch-action:none;cursor:crosshair}.rec-frame canvas{display:block}.rec-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.rec-tools,.rec-fx,.rec-sync{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap}.rec-tools{gap:24px;top:calc(100% + 25px)}.rec-fx{top:calc(100% + 65px);gap:18px}.rec-sync{top:calc(100% + 131px)}.rec2000 button{padding:0;border:0;background:none;color:inherit;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;flex-shrink:0}.rec2000 svg{display:block;width:20px;height:20px;overflow:visible}.rec2000 button:active{scale:.96}.rec2000 button[role=slider]:active{scale:1}.rec2000 [data-rec-reverse][aria-pressed=false]{opacity:.4}.rec-fx>div{width:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.rec-time{position:absolute;bottom:calc(100% + 20px);left:0;right:0;text-align:center;font-variant-numeric:tabular-nums}.rec-message{position:absolute;width:100%;text-align:center;font-size:12px}.rec-sync button[data-rec-sync]{min-width:32px}.rec2000 input{display:none}html[data-2000-dark] .rec2000 canvas{filter:none!important}.rec-frame .rec-track,.rec-frame .rec-mute{position:absolute;height:calc(100% / 6);width:32px}.rec-frame .rec-track{left:0}.rec-frame .rec-mute{right:32px;font:14px Arial,sans-serif;line-height:1}.rec-frame .rec-track svg{width:24px;height:24px}.rec-frame .rec-track{opacity:1}.rec-frame .rec-track-volume{position:absolute;right:0;width:32px;height:calc(100% / 6)}.rec-frame .rec-divider{position:absolute;left:-2px;right:-2px;height:1.5px;background:currentColor;transform:translateY(-.75px);pointer-events:none}.rec-daw .rec-sync{gap:18px}.rec-sync button[data-rec-sync]{width:auto;gap:8px}.rec-sync button[data-rec-sync] svg{width:20px;height:12px}.rec-sync button[data-rec-sync][aria-checked=true]{color:#2050ac}.rec-sync [data-sync-thumb]{fill:currentColor}.rec-sync button:disabled{opacity:.35;cursor:default}.rec-frame canvas{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.rec-granular{position:absolute;top:calc(100% + 171px);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:18px}.rec-granular>div{width:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.rec-granular>button{width:auto;gap:8px}.rec-granular>button svg{width:20px;height:12px}.rec-granular [data-grain-thumb]{fill:currentColor}.rec2000 .rec-granular button[aria-checked=true]{color:#2050ac}.rec-granular button:disabled{opacity:.35;cursor:default}.rec-sampler .rec-sync{top:calc(100% + 131px)}.rec-sampler .rec-message{top:calc(100% + 221px)}.rec-sync>span{width:28px;text-align:center;flex-shrink:0}.rec-sync{gap:14px}.chord-key{width:auto!important;left:50%!important;transform:translate(-50%);display:flex!important;gap:14px!important}.chord-key button{width:28px!important;height:20px!important;flex-direction:row!important}.chord-key button:last-child{width:32px!important}.rec-frame .rec-mute[aria-pressed=false]{opacity:.4}.rec-frame .rec-mute[aria-pressed=true]{opacity:1}.rec-message{font:14px Arial,sans-serif;line-height:20px;top:calc(100% + 171px)}.rec-eq{position:absolute;top:calc(100% + 171px);left:50%;transform:translate(-50%);display:flex;gap:18px}.rec-eq>div{width:28px;display:flex;flex-direction:column;align-items:center;gap:10px}.rec-daw .rec-message{top:calc(100% + 221px)}.m2 .waves{top:calc(100% + 202px);gap:26px}.rec2000 [data-rec-record][aria-pressed=true]{color:#b20808}.rec-frame{isolation:isolate}.rec-frame .rec-divider{transition:none!important;pointer-events:none!important;transform:none;z-index:2;contain:paint}.rec-frame .rec-track,.rec-frame .rec-mute,.rec-frame .rec-track-volume{contain:paint}.rec-daw .rec-message,.rec-sampler .rec-message{top:calc(100% + 235px);line-height:20px;min-height:20px}.rec2000 [data-rec-record][aria-pressed=true] svg{animation:rec-pulse 2.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.rec2000 [data-rec-record][aria-pressed=true] svg{animation:none}}.rec-display-content{position:absolute;inset:0}
html[data-2000-dark]:has(body.arcade-open){filter:none;background:#000}html[data-2000-dark] body.arcade-open{background:#000}body:is(.arcade-open,.apps-theme-return)>:not([data-2000-game],.home-apps-star){visibility:hidden!important}html[data-2000-dark] [data-2000-game]{background:#000!important;color:#fff!important;filter:none!important}html[data-2000-dark] [data-2000-game] :is(video,canvas,img,[data-pad],[data-paint-color],[data-fill],[data-life-heart],[data-break-brick],[data-invader]){filter:none!important}html[data-2000-dark] [data-2000-game] button{color:#fff}html[data-2000-dark] [data-2000-game] :is(.m2,.rec2000,.photo2000){color:#fff;background:#000}html[data-2000-dark] [data-2000-game] svg :is([stroke="#000"],[stroke=black]){stroke:#fff}html[data-2000-dark] [data-pad]:is([fill=white],[fill="#fff"]){fill:#000}html[data-2000-dark] [data-life-heart],html[data-2000-dark] [data-invader],html[data-2000-dark] [data-break-brick]{stroke:#fff}html[data-2000-dark] .photo2000 canvas{background:#000}html[data-2000-dark] .strum-strip line{stroke:#fff}html[data-2000-dark] .rec-divider,html[data-2000-dark] .m2-page:before{background:#fff}html[data-2000-dark] [data-2000-game] [data-beat]{fill:#fff}html[data-2000-dark] [data-2000-game] [data-rec-record][aria-pressed=true]{color:#b20808}html[data-2000-dark] .m2 input::-webkit-slider-runnable-track{background:#fff}html[data-2000-dark] .m2 input::-moz-range-track{background:#fff}html[data-2000-dark] .m2 input::-webkit-slider-thumb{border-color:#fff;background:#000}html[data-2000-dark] .m2 input::-moz-range-thumb{border-color:#fff;background:#000}html[data-2000-dark] [data-2000-game] button img{filter:invert(1)!important}html[data-2000-dark] .photo2000 input::-webkit-slider-runnable-track{background:#fff}html[data-2000-dark] .photo2000 input::-moz-range-track{background:#fff}html[data-2000-dark] .photo2000 input::-webkit-slider-thumb{border-color:#fff;background:#000}html[data-2000-dark] .photo2000 input::-moz-range-thumb{border-color:#fff;background:#000}html[data-2000-dark] [data-2000-game] input[data-brush-size]::-webkit-slider-runnable-track{background:#fff!important}html[data-2000-dark] [data-2000-game] input[data-brush-size]::-moz-range-track{background:#fff!important}html[data-2000-dark] [data-2000-game] input[data-brush-size]::-webkit-slider-thumb{background:#000!important;border-color:#fff!important}html[data-2000-dark] [data-2000-game] input[data-brush-size]::-moz-range-thumb{background:#000!important;border-color:#fff!important}html[data-2000-dark] .photo-colors button[aria-label="Original colors"] circle:first-child{fill:#000}
[data-2000-game]{--app-gap: 24px;--app-icon: 20px;--app-dot: 24px;--app-effect-row-height: 46px;overflow-y:auto;scrollbar-width:none}[data-2000-game]::-webkit-scrollbar{display:none}.m2-controls,.rec-tools,.photo-controls{top:calc(100% + var(--app-gap) + 1px)}.m2-controls,.rec-tools{width:100%;gap:0;justify-content:space-evenly}.m2-tempo{top:calc(100% + 2 * var(--app-gap) + 21px);height:20px}.m2 input[type=range]{height:20px}.m2-effects{top:calc(100% + 3 * var(--app-gap) + 41px);left:14px;width:calc(100% - 28px);gap:0;justify-content:space-between}.m2-effect>span,.rec-fx>div>span,.rec-eq>div>span,.rec-granular>div>span{line-height:20px}.rec-fx>div,.rec-eq>div,.rec-granular>div{gap:6px}.rec-fx{top:calc(100% + 2 * var(--app-gap) + 21px);width:100%;gap:0;justify-content:space-between}.rec-sync,.rec-sampler .rec-sync{top:calc(100% + 3 * var(--app-gap) + 67px)}.rec-eq,.rec-granular{top:calc(100% + 4 * var(--app-gap) + 87px);gap:24px}.rec-daw .rec-message,.rec-sampler .rec-message{top:calc(100% + 5 * var(--app-gap) + 133px)}.chord-key{top:calc(100% + 4 * var(--app-gap) + 87px)}.m2 .waves{top:calc(100% + 5 * var(--app-gap) + 107px);gap:24px}.photo-adjust{top:calc(100% + 2 * var(--app-gap) + 21px);width:100%;grid-template-columns:28px minmax(0,1fr) 20px 28px;column-gap:12px}.photo-adjust input{width:100%}.photo-colors{top:calc(100% + 3 * var(--app-gap) + 125px)}[data-2000-game] .paint-tools{top:calc(50% + var(--paint-half-height, 100px) + var(--app-gap) + 1px)!important;row-gap:var(--app-gap)!important;column-gap:min(20px,calc((100vw - 188px) / 6))!important}.paint-colors{top:calc(50% + var(--paint-half-height, 100px) + 3 * var(--app-gap) + 41px)}.paint-frames{top:calc(50% + var(--paint-half-height, 100px) + 4 * var(--app-gap) + 65px)}.paint-colors,.photo-colors{max-width:calc(100vw - 64px)}.photo-controls{gap:clamp(16px,4vw,24px)}.rec2000{font:inherit;font-size:14px;line-height:20px}.rec2000 button svg,.photo-controls svg,.paint-tools>button svg,.paint-frames svg,.m2-controls svg,.waves svg,.chord-key button svg{width:var(--app-icon);height:var(--app-icon);flex-shrink:0}.rec-sync button[data-rec-sync] svg,.rec-granular>button svg{height:12px}.paint-colors svg,.photo-colors svg,.m2-grid .m2-step svg,.chord-grid .m2-step svg,.rec-frame .rec-track svg{width:var(--app-dot)!important;height:var(--app-dot)!important}@media(max-height:640px){[data-2000-game]{--app-gap: 16px}}@media(max-width:359px){.photo-adjust{column-gap:8px}.rec-sync{gap:10px}.chord-key{gap:10px!important}}.rec-message:empty{display:none}.rec-daw .rec-sync{gap:14px}@media(max-width:359px){.rec-daw .rec-sync{gap:10px}}[data-2000-game]{text-transform:uppercase}[data-2000-game] button svg{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:359px){.m2-effects,.rec-fx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--app-gap);justify-items:center}.m2[data-instrument=synth] .chord-key,.rec-sync,.rec-sampler .rec-sync,.m2 .waves,.rec-eq,.rec-granular,.rec-daw .rec-message,.rec-sampler .rec-message{margin-top:calc(var(--app-effect-row-height) + var(--app-gap))}.m2-effect,.rec-fx>div{width:100%}}[data-2000-game] input[type=range]::-webkit-slider-runnable-track{border-radius:999px}[data-2000-game] input[type=range]::-moz-range-track{border-radius:999px}
@media(max-height:640px){[data-2000-game]:is([data-app=paint],[data-app=photo],[data-app=music],[data-app=synth],[data-app=sampler],[data-app=recorder]){--app-center-y: max(200px, calc(50svh - 64px) );touch-action:pan-y;overscroll-behavior:contain}[data-2000-game] :is(.m2,.photo2000,.rec2000){top:var(--app-center-y, 50%)}[data-2000-game]>div:has(>button[aria-label="Previous app"]){top:var(--app-center-y, 50%)!important}[data-2000-game][data-app=paint] [data-arena]{position:absolute;left:50%;top:var(--app-center-y);transform:translate(-50%,-50%)}[data-2000-game][data-app=paint] .paint-tools{top:calc(var(--app-center-y) + var(--paint-half-height, 100px) + var(--app-gap) + 1px)!important}[data-2000-game][data-app=paint] .paint-colors{top:calc(var(--app-center-y) + var(--paint-half-height, 100px) + 3 * var(--app-gap) + 41px)}[data-2000-game][data-app=paint] .paint-frames{top:calc(var(--app-center-y) + var(--paint-half-height, 100px) + 4 * var(--app-gap) + 65px)}}