@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.2ontrj8z1-o25.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.33iiebxkijmxa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.2nzetymcmw3t7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0_f09-l1omku8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0fcfx2a-jndc5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_a708af16-module__wE4b0q__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_a708af16-module__wE4b0q__variable{--font-mono-ui:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.1_nwqg2oqknh7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.43efwv28dotlz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.1tb5eil6y_dva.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0zl3jsojfe2ze.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.3dojvicm65v_0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_79cf9795-module__aDpzKa__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_79cf9795-module__aDpzKa__variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--hub-u:1px}*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:var(--radius);--radius-xl:.75rem;--radius-4xl:2rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-mono-ui);--default-mono-font-family:var(--font-mono-ui);--font-pixel:var(--font-pixel)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2c241c;height:100%;min-height:100dvh;margin:0;overflow:hidden}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.collapse{visibility:collapse}.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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.bottom-0{bottom:0}.z-\[5\]{z-index:5}.col-span-3{grid-column:span 3/span 3}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-full{height:100%}.max-h-6{max-height:calc(var(--spacing) * 6)}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-full{min-height:100%}.w-2\/3{width:66.6667%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-1{--tw-scale-x:1%;--tw-scale-y:1%;--tw-scale-z:1%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-2{--tw-scale-x:2%;--tw-scale-y:2%;--tw-scale-z:2%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.touch-none{touch-action:none}.resize{resize:both}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[repeat\(3\,48px\)_1fr\]{grid-template-columns:repeat(3,48px) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:calc(var(--radius) + 4px)}.rounded-md{border-radius:var(--radius)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--c64-amber\)\]\/50{border-color:var(--c64-amber)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--c64-amber\)\]\/50{border-color:color-mix(in oklab, var(--c64-amber) 50%, transparent)}}.border-\[var\(--c64-cyan\)\]\/40{border-color:var(--c64-cyan)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--c64-cyan\)\]\/40{border-color:color-mix(in oklab, var(--c64-cyan) 40%, transparent)}}.border-border,.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.border-primary\/35{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/35{border-color:color-mix(in oklab, var(--primary) 35%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--c64-border\)\],.bg-\[var\(--c64-border\)\]\/40{background-color:var(--c64-border)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--c64-border\)\]\/40{background-color:color-mix(in oklab, var(--c64-border) 40%, transparent)}}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/80{background-color:color-mix(in oklab, var(--card) 80%, transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary,.bg-secondary\/40{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/40{background-color:color-mix(in oklab, var(--secondary) 40%, transparent)}}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-\[family-name\:var\(--font-pixel\)\]{font-family:var(--font-pixel)}.font-mono{font-family:var(--font-mono-ui)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--c64-amber\)\]{color:var(--c64-amber)}.text-\[var\(--c64-cyan\)\]{color:var(--c64-cyan)}.text-\[var\(--c64-lilac\)\]{color:var(--c64-lilac)}.text-\[var\(--c64-ready\)\]{color:var(--c64-ready)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.filter{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-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.fade-out{--tw-exit-opacity:0}.running{animation-play-state:running}@media (hover:hover){.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--foreground)}}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.marker\:text-\[var\(--c64-ready\)\] ::marker{color:var(--c64-ready)}.marker\:text-\[var\(--c64-ready\)\]::marker{color:var(--c64-ready)}.marker\:text-\[var\(--c64-ready\)\] ::-webkit-details-marker{color:var(--c64-ready)}.marker\:text-\[var\(--c64-ready\)\]::-webkit-details-marker{color:var(--c64-ready)}.before\:mb-0\.5:before{content:var(--tw-content);margin-bottom:calc(var(--spacing) * .5)}.before\:block:before{content:var(--tw-content);display:block}.before\:text-\[11px\]:before{content:var(--tw-content);font-size:11px}.before\:tracking-\[0\.14em\]:before{content:var(--tw-content);--tw-tracking:.14em;letter-spacing:.14em}.before\:text-\[var\(--c64-amber\)\]:before{content:var(--tw-content);color:var(--c64-amber)}.before\:uppercase:before{content:var(--tw-content);text-transform:uppercase}.before\:content-\[attr\(data-label\)\]:before{--tw-content:attr(data-label);content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:-inset-y-3:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -3)}@media (hover:hover){.hover\:border-border\/80:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.hover\:border-border\/80:hover{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-secondary:hover{background-color:var(--secondary)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_0_1px_var\(--c64-cyan\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--c64-cyan));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--c64-cyan\)\]:focus-visible{outline-color:var(--c64-cyan)}.focus-visible\:outline-\[var\(--c64-ready\)\]:focus-visible{outline-color:var(--c64-ready)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-\[var\(--c64-amber\)\]\/25:active{background-color:var(--c64-amber)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--c64-amber\)\]\/25:active{background-color:color-mix(in oklab, var(--c64-amber) 25%, transparent)}}.active\:bg-\[var\(--c64-cyan\)\]\/25:active{background-color:var(--c64-cyan)}@supports (color:color-mix(in lab, red, red)){.active\:bg-\[var\(--c64-cyan\)\]\/25:active{background-color:color-mix(in oklab, var(--c64-cyan) 25%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:calc(var(--radius) + 4px)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:max-h-7{max-height:calc(var(--spacing) * 7)}.sm\:min-h-0{min-height:0}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[15px\]{font-size:15px}}@media (min-width:48rem){.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@container (min-width:42rem){.\@2xl\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.\@2xl\:mb-0{margin-bottom:0}.\@2xl\:block{display:block}.\@2xl\:table{display:table}.\@2xl\:table-cell{display:table-cell}.\@2xl\:table-header-group{display:table-header-group}.\@2xl\:table-row{display:table-row}.\@2xl\:table-row-group{display:table-row-group}.\@2xl\:rounded-none{border-radius:0}.\@2xl\:border-0{border-style:var(--tw-border-style);border-width:0}.\@2xl\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\@2xl\:border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.\@2xl\:border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.\@2xl\:bg-transparent{background-color:#0000}.\@2xl\:p-0{padding:0}.\@2xl\:px-3{padding-inline:calc(var(--spacing) * 3)}.\@2xl\:py-3{padding-block:calc(var(--spacing) * 3)}.\@2xl\:align-top{vertical-align:top}.\@2xl\:before\:hidden:before{content:var(--tw-content);display:none}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}@media (min-width:40rem){@media (pointer:fine){.sm\:pointer-fine\:min-h-0{min-height:0}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.crt-scanlines{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px)}.crt-scanlines--inset{z-index:5;opacity:.35;border-radius:inherit;position:absolute;inset:0}.cursor-blink:after{content:"█";color:var(--c64-amber);margin-left:.15em;animation:1.05s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes phosphor-drift{0%{opacity:.28}to{opacity:.48}}.phosphor-pulse{animation:2.4s ease-in-out infinite alternate phosphor-drift}.desk-scene{--beige:#d8d2c4;--beige-deep:#c4bbaa;--beige-light:#e8e3d8;--bezel:#2a2420;--desk:#cfc8ba;--pixel:2px;--room-glow:#8a7560;--room-mid:#5c4b3c;--room-deep:#2c241c;--stack-pad:1.35rem;isolation:isolate;background:radial-gradient(62% 46% at 50% 34%,#ffe0b033,#0000 72%),linear-gradient(#54433a 0%,#3d3027 38%,#2a2019 100%);height:100dvh;max-height:100dvh;position:relative;overflow:hidden}.desk-scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 50% 8%,#ffd6a033,#0000 72%),linear-gradient(#6a5440 0,#54412f 6%,#3a2d21 36%,#271e16 100%);position:absolute;inset:56% 0 0;box-shadow:inset 0 .18rem #ffe8c41f}.desk-scene:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 76%,#00000080),radial-gradient(85% 78% at 50% 46%,#0000 52%,#00000073 100%);position:absolute;inset:0}.desk-rig{z-index:1;padding:var(--stack-pad);padding-bottom:max(var(--stack-pad), env(safe-area-inset-bottom,0px));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}@media (min-width:768px){.desk-scene{--stack-pad:1.55rem}}.desk-stack{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}.monitor{aspect-ratio:16/10;flex-direction:column;flex:0 auto;width:auto;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}.monitor-housing{isolation:isolate;background:linear-gradient(180deg, #ffffff9e 0, #ffffff29 .35rem, transparent 1.1rem), linear-gradient(90deg, #00000024 0, transparent 6%, transparent 91%, #00000038 100%), linear-gradient(180deg, var(--di-beige-hi) 0%, var(--di-beige) 34%, var(--di-beige-lo) 100%);box-sizing:border-box;border-radius:.9rem .9rem .4rem .4rem/.7rem .7rem .3rem .3rem;flex-direction:column;gap:0;width:100%;height:100%;min-height:0;max-height:100%;padding:.6rem 1.4rem .35rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb8,inset 0 -3px #00000029,inset 0 0 0 1px #0000000f,0 2.4rem 3.6rem -.8rem #0000008c,0 .4rem .9rem #00000059}.monitor-housing:after{content:"";z-index:0;border-radius:inherit;background:var(--di-grain-dark) 0 0 / 150px 150px;opacity:.2;pointer-events:none;position:absolute;inset:0}.monitor-housing:before{content:"";z-index:0;pointer-events:none;opacity:.8;background:repeating-linear-gradient(90deg,#00000042 0 2px,#ffffff4d 2px 3px,#0000 3px 7px);height:.24rem;position:absolute;top:.2rem;left:24%;right:24%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@media (min-width:768px){.monitor-housing{border-radius:1.1rem 1.1rem .45rem .45rem/.85rem .85rem .35rem .35rem;padding:.75rem 1.9rem .45rem}}.monitor-screen-frame{aspect-ratio:4/3;z-index:1;box-sizing:border-box;background:linear-gradient(#3a3532 0%,#1c1917 18%,#0e0c0b 100%);border-radius:.6rem/.5rem;flex:auto;width:100%;height:auto;min-height:0;max-height:calc(100% - 3.1rem);margin-inline:auto;padding:1rem 1.2rem 1.1rem;position:relative;box-shadow:inset 0 0 0 2px #4a4540,inset 0 0 0 5px #1a1614,inset 0 14px 28px #000000bf,inset 0 -1px #ffffff0a,0 -1px #00000061,0 1px #ffffffbf,0 0 0 1px #00000024,0 .45rem .6rem -.2rem #00000040}.monitor-screen-frame:before{content:"";border-radius:inherit;pointer-events:none;background:var(--di-grain-light) 0 0 / 120px 120px, radial-gradient(ellipse 70% 40% at 22% 0, #ffffff29, transparent 70%), linear-gradient(180deg, #ffffff1a 0, transparent 9%);background-blend-mode:soft-light, normal, normal;position:absolute;inset:0}@media (min-width:768px){.monitor-screen-frame{max-height:calc(100% - 3.5rem);padding:1.2rem 1.5rem 1.3rem}}.crt-glass{background:var(--c64-screen);border-radius:.85rem/1rem;width:auto;height:auto;min-height:0;position:absolute;inset:1rem 1.2rem 1.1rem;overflow:hidden;box-shadow:inset 0 0 32px #0006,0 0 0 2px #050504,0 0 0 3px #ffffff0f,0 0 0 5px #00000080}@media (min-width:768px){.crt-glass{inset:1.2rem 1.5rem 1.3rem}}.crt-glass:after{content:"";pointer-events:none;z-index:6;border-radius:inherit;background:radial-gradient(80% 55% at 16% -6%,#ffffff1a,#0000 62%),radial-gradient(90% 70% at 50% 40%,#0000 40%,#00000047 100%),linear-gradient(125deg,#ffffff12 0%,#0000 38%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 1.6rem #0000004d}.crt-content{z-index:1;overscroll-behavior:contain;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.crt-content>header{flex:none}.crt-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c64-cyan) transparent;flex:auto;min-height:0;padding:.55rem .7rem .75rem;overflow:auto}@supports (color:color-mix(in lab, red, red)){.crt-main{scrollbar-color:color-mix(in oklab, var(--c64-cyan) 45%, transparent) transparent}}@media (min-width:640px){.crt-main{padding:.7rem 1rem .9rem}}.crt-main:has(.sunnah-hub){flex-direction:column;display:flex;overflow:auto}.crt-footer{border-top:var(--pixel) solid var(--border);flex:none}@supports (color:color-mix(in lab, red, red)){.crt-footer{border-top:var(--pixel) solid color-mix(in oklab, var(--border) 55%, transparent)}}.crt-footer{color:var(--muted-foreground);background:var(--c64-screen);padding:.65rem .85rem;font-size:11px}@supports (color:color-mix(in lab, red, red)){.crt-footer{background:color-mix(in oklab, var(--c64-screen) 92%, black)}}.crt-footer{z-index:2}@media (min-width:640px){.crt-footer{padding:.7rem 1.15rem}}:is(.crt-main:has(.sunnah-play),.crt-main:has(.sunnah-crt-takeover)){flex-direction:column;padding:0;display:flex;overflow:hidden}.crt-content:has(.sunnah-play) .crt-footer{display:none}.crt-content:has(.sunnah-play) header{padding-top:.45rem;padding-bottom:.45rem}html.crt-play-mode .crt-main{flex-direction:column;padding:0;display:flex;overflow:hidden}@media (max-width:767px){.desk-scene{--stack-pad:1rem}.monitor-housing{border-radius:.7rem .7rem .35rem .35rem;padding:.5rem 1rem .3rem}.monitor-screen-frame{max-height:calc(100% - 2.85rem);padding:.8rem .9rem .85rem}.crt-glass{inset:.8rem .9rem .85rem}}.sunnah-crt-takeover{background:0 0;flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;position:relative}.sunnah-crt-takeover--running{background:0 0}.disk-insert-viewport{z-index:200;background:#261e17;flex-direction:column;display:flex;position:fixed;inset:0}.disk-insert-viewport .disk-insert-scene{flex:1;height:100%;min-height:0}.disk-insert-scene{--di-w:min(92vw, 44rem, calc((100dvh - 5.2rem) / 1.14));--di-x0:-.5em;--di-y0:100em;cursor:pointer;background:radial-gradient(62% 46% at 50% 34%,#ffe0b033,#0000 72%),linear-gradient(#54433a 0%,#3d3027 38%,#2a2019 100%);outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.1rem;height:100%;min-height:0;padding:.75rem 0;display:flex;position:relative;overflow:hidden}.disk-insert-scene:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#0000 74%,#0000008c),radial-gradient(85% 78% at 50% 46%,#0000 52%,#00000080 100%);position:absolute;inset:0}.disk-insert-hint{font-family:var(--font-pixel), ui-monospace, monospace;letter-spacing:.1em;text-wrap:balance;color:var(--c64-lilac);flex:none;margin:0;font-size:clamp(11px,2.4vw,16px);line-height:1.35}@supports (color:color-mix(in lab, red, red)){.disk-insert-hint{color:color-mix(in oklab, var(--c64-lilac) 75%, white)}}.disk-insert-hint{text-align:center;text-shadow:0 0 12px #9ca8ff40;z-index:6;position:relative}.disk-insert-stage{width:var(--di-w);height:calc(var(--di-w) * 1.14);font-size:calc(var(--di-w) / 100);transform-origin:50% 26%;flex:none;position:relative}.disk-insert-desk{background:radial-gradient(58em 30em at 50% 30em,#ffd6a033,#0000 72%),linear-gradient(#6a5440 0,#54412f 12em,#3a2d21 58em,#271e16 100%);width:max(100vw,240em);height:200em;position:absolute;top:24em;left:50%;translate:-50%;box-shadow:inset 0 .3em #ffe8c41f}.disk-insert-rig,.disk-insert-vibe{position:absolute;inset:0}.drive-1541{width:100em;height:58em;position:absolute;top:0;left:0}.drive-1541-desk-shadow{background:radial-gradient(50% 50% at 50% 38%,#000000b3,#0000004d 50%,#0000 100%);height:17em;position:absolute;top:49em;left:-5em;right:-5em}.drive-1541-top{clip-path:polygon(2.6% 0,97.4% 0,100% 100%,0 100%);background:radial-gradient(ellipse 60% 130% at 24% 0, #ffffff80, transparent 62%), linear-gradient(90deg, #ffffff29, transparent 20%, transparent 78%, #0000001f), linear-gradient(180deg, #efe9d8 0%, #e4dcc7 58%, var(--di-beige) 100%);border-radius:3em 3em 0 0;width:100em;height:9.5em;position:absolute;top:0;left:0}.drive-1541-front{isolation:isolate;background:linear-gradient(180deg, #fff9 0, #ffffff24 1.2em, transparent 3.4em), linear-gradient(90deg, #00000021 0, transparent 7%, transparent 90%, #0003 100%), linear-gradient(180deg, var(--di-beige-hi) 0%, var(--di-beige) 34%, var(--di-beige-lo) 100%);border-radius:3.4em 3.4em 1.6em 1.6em/2.4em 2.4em 1.4em 1.4em;width:100em;height:50em;position:absolute;top:8em;left:0;overflow:hidden;box-shadow:0 2.4em 3.6em -.8em #0000008c,0 .4em .9em #00000059}.drive-1541-front:after{content:"";background:var(--di-grain-dark) 0 0 / 150px 150px;opacity:.34;pointer-events:none;z-index:4;position:absolute;inset:0}.drive-1541-badge{background:var(--di-grain-light) 0 0 / 120px 120px, linear-gradient(180deg, var(--di-badge-hi) 0, var(--di-badge) 30%, var(--di-badge-lo) 100%);background-blend-mode:soft-light, normal;border-radius:.7em;width:93em;height:11em;position:absolute;top:3em;left:3.5em;box-shadow:inset 0 .15em #ffffff38,inset 0 -.25em .4em #0003,0 .15em #ffffff61,0 -.1em .25em #00000047}.drive-1541-logo{filter:drop-shadow(0 .12em #00000061);width:31em;height:auto;position:absolute;top:2.1em;left:3em}.drive-1541-stripes{gap:.55em;width:23em;display:grid;position:absolute;top:.9em;left:40em}.drive-1541-stripes i{border-radius:.12em;height:.8em;display:block;box-shadow:0 .1em #00000038}.drive-1541-stripes i:first-child{background:#d94a3a}.drive-1541-stripes i:nth-child(2){background:#ee8b2f}.drive-1541-stripes i:nth-child(3){background:#efd13b}.drive-1541-stripes i:nth-child(4){background:#4fae55}.drive-1541-stripes i:nth-child(5){background:#3f86cc}.drive-1541-model{letter-spacing:-.04em;color:#d3cec2;text-shadow:0 .04em #00000073,0 -.03em #ffffff59;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:5em;font-style:italic;font-weight:800;line-height:1;position:absolute;top:.22em;right:.64em}.drive-1541-door{background:var(--di-grain-light) 0 0 / 90px 90px, var(--di-grain-dark) 40px 30px / 130px 130px, linear-gradient(90deg, #ffffff12, transparent 14%, transparent 84%, #00000047), linear-gradient(180deg, #443b32 0, #352e27 24%, #2a2520 100%);background-blend-mode:soft-light, normal, normal, normal;border-radius:.9em .9em 1.1em 1.1em;width:84em;height:28.5em;position:absolute;top:10.5em;left:7em;overflow:hidden;box-shadow:0 -.14em #00000080,0 .25em .6em #00000080,inset 0 .16em #ffffff1f,inset 0 -.35em .6em #0006}.drive-1541-slot{background:linear-gradient(#000 0,#060504 45%,#14100d 100%);border-radius:.3em;width:64em;height:3em;position:absolute;top:7em;left:10em;box-shadow:inset 0 .5em .55em #000000f2,inset 0 -.12em #ffffff14,0 .16em #ffffff21,0 -.12em #000000d9}.drive-1541-recess{filter:drop-shadow(0 .22em #ffffff1a)drop-shadow(0 -.1em #0009);width:19em;height:15em;position:absolute;top:9.6em;left:32.5em}.drive-1541-recess:before,.drive-1541-recess:after{content:"";position:absolute}.drive-1541-recess:before{clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);background:linear-gradient(#0d0b09 0,#4a4036 100%);inset:0}.drive-1541-recess:after{clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);background:linear-gradient(#000000b3 0,#0000 2.2em),linear-gradient(90deg,#00000073,#0000 12% 88%,#00000073),linear-gradient(#14100d 0,#221c17 55%,#2e2720 100%);inset:.45em .5em .6em}.drive-1541-led{border-radius:50%;position:absolute}.drive-1541-led--busy{background:radial-gradient(circle at 36% 30%,#f0b0a6 0 6%,#a8231a 28%,#5a0d09 70%,#2c0504 100%);width:2.4em;height:2.4em;top:18.3em;left:11.8em;box-shadow:0 0 0 .35em #1a1612,0 .12em 0 .35em #ffffff12}.drive-1541-led-glow{background:radial-gradient(circle,#ff483080,#ff48301f 45%,#0000 68%);width:10.8em;height:10.8em;position:absolute;top:-4.2em;left:-4.2em}.drive-1541-led-lit{background:radial-gradient(circle at 36% 30%,#ffd2c8 0 8%,#ff5440 30%,#c4251a 68%,#7a0f0a 100%);border-radius:50%;position:absolute;inset:0}.drive-1541-led--power{background:radial-gradient(circle at 36% 30%,#d6ffe0 0 8%,#52c96a 36%,#1e6e2e 76%,#0d3216 100%);width:1.9em;height:1.9em;top:29.1em;left:2.6em;box-shadow:0 0 0 .3em #3e362a8c,0 0 1.1em .1em #5ae67866}.drive-1541-seam{background:linear-gradient(#0000004d 0 .2em,#fff6 .2em .5em,#0000 .5em),linear-gradient(#0000000a,#00000024);position:absolute;inset:44em 0 0}.disk-insert-floor-shadow{transform-origin:50% 0;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#000000b3 0%,#0000006b 55%,#0000 100%);width:80em;height:60em;position:absolute;top:58em;left:9em;transform:scaleY(.1)}.disk-insert-cast-clip{pointer-events:none;z-index:2;width:82em;height:31em;position:absolute;top:19em;left:8em;overflow:hidden}.disk-insert-cast{transform-origin:50% 0;opacity:.78;background:linear-gradient(#000000b3 0,#000000f2 7%,#0000008c 45%,#0000 100%);width:100%;height:100em;position:absolute;top:0;left:0;transform:translateY(0)scaleY(.107);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10% 90%,#0000 100%)}.disk-insert-flight{perspective:300em;perspective-origin:49em -138.5em;clip-path:inset(0 -120em -120em);pointer-events:none;width:100em;height:100em;position:absolute;top:25.5em;left:0}.disk-insert-hand,.disk-insert-sway{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.disk-insert-hand{top:1.5em;left:49em}.disk-insert-floppy{transform-origin:50% 0;will-change:transform;width:60em;height:60em;position:absolute;top:0;left:-30em;transform:translateZ(-52.5em)rotateY(0)rotateX(90deg)}.disk-insert-fingers,.disk-insert-thumb,.disk-insert-arm{pointer-events:none;opacity:0;position:absolute;inset:0}.disk-insert-finger{background:var(--di-grain-light) 0 0 / 100px 100px, linear-gradient(180deg, #120602d6 5.5em, #12060261 11em, transparent 20em), linear-gradient(180deg, transparent 16.8em, #3c180e8c 17.4em, #ffd6b83d 18.7em, transparent 20.4em), radial-gradient(ellipse 30% 12% at 36% 27%, #ffe4cc6b, transparent), linear-gradient(90deg, #47230f 0, #80472c 11%, #d09770 33%, #e5b692 45%, #c58a65 62%, #8f5238 82%, #5a2e1e 95%, #7d4a32 100%);background-blend-mode:soft-light, normal, normal, normal, normal;border-radius:4.2em 4.2em 2.4em 2.4em;width:8.4em;height:38em;position:absolute;top:54em;box-shadow:inset 1em 0 1.1em -.7em #1e0a048c,inset -1.3em 0 1.3em -.7em #1e0a04b3}.disk-insert-finger--a{left:20.2em}.disk-insert-finger--b{width:8.8em;height:39.5em;top:52.5em;left:28.8em}.disk-insert-finger--c{filter:brightness(.95);width:8.2em;height:37.5em;top:54.5em;left:37.7em}.disk-insert-finger--d{filter:brightness(.9);width:7em;height:35em;top:57em;left:46.1em}.disk-insert-thumb:before{content:"";background:var(--di-grain-light) 0 0 / 100px 100px, linear-gradient(180deg, transparent 20.6em, #3c180e80 21.2em, #ffd6b838 22.6em, transparent 24.4em), radial-gradient(ellipse 58% 13% at 40% 8%, #ffeeda99, transparent), linear-gradient(180deg, transparent 68%, #32140a66), linear-gradient(90deg, #55291a 0, #97593b 13%, #d89f78 36%, #edc19d 48%, #cf9470 63%, #96563a 83%, #613320 100%);background-blend-mode:soft-light, normal, normal, normal, normal;border-radius:5.6em 5.6em 4em 4em;width:11.2em;height:48em;position:absolute;top:50.5em;left:8.4em;box-shadow:.25em .5em .5em #0009,1.4em 2.2em 1.9em #0000006b,inset .3em .35em .45em #ffe4ca3d,inset -.7em -.9em 1.1em #3c180e61}.disk-insert-thumb:after{content:"";background:radial-gradient(28% 20% at 46% 18%,#ffdcc038,#0000),radial-gradient(50% 50% at 52% 46%,#a96d4d 0,#98603f 52%,#8c563c00 100%);border-radius:50%;width:15em;height:19em;position:absolute;top:85em;left:8.6em}.disk-insert-thumb i{background:radial-gradient(50% 24% at 34% 18%,#ffffffd9,#0000),linear-gradient(#f8dcc8 0,#ebc2a6 52%,#d3a083 100%);border-radius:2.6em 2.6em 1.6em 1.6em;width:7.2em;height:7.2em;position:absolute;top:51.7em;left:10.4em;box-shadow:inset 0 0 0 .16em #783e286b,inset 0 -.55em .7em #96543866,0 .3em .55em #3c180e99}.disk-insert-arm{filter:drop-shadow(1.3em 2.6em 1.8em #00000073)}.disk-insert-arm b{display:block;position:absolute}.disk-insert-wrist{background:var(--di-grain-light) 0 0 / 100px 100px, linear-gradient(180deg, #280e0699 0, #280e0633 6em, transparent 12em), linear-gradient(90deg, #5a2f1e 0, #a56a4a 20%, #d19470 40%, #c58a66 58%, #9d6040 82%, #5d301f 100%);background-blend-mode:soft-light, normal, normal;width:22.4em;height:30em;top:112em;left:24.2em}.disk-insert-palm{clip-path:polygon(14% 6%,17% 2.5%,21% .6%,26% 0,31% .6%,34.5% 2.5%,36% 4.2%,38.5% 2.2%,42% .5%,46% 0,50% .5%,53.5% 2.2%,56% 4.2%,58% 2.4%,61.5% .5%,65.5% 0,70% .6%,73.5% 2.4%,75.5% 4%,77.5% 2.2%,80.5% .6%,83% 0,87% .8%,91% 3%,95% 6%,100% 12%,98% 28%,94% 44%,88% 60%,82% 78%,76% 100%,26% 100%,18% 90%,11% 76%,4% 60%,0 44%,1% 28%,4% 14%);background:var(--di-grain-light) 0 0 / 110px 110px, linear-gradient(180deg, #230c058c 0, #230c051f 1.4em, transparent 2.6em), radial-gradient(ellipse 2.2% 15% at 35.7% 3%, #230c058c, transparent), radial-gradient(ellipse 2.2% 15% at 56% 3%, #230c058c, transparent), radial-gradient(ellipse 2.2% 14% at 75% 3%, #230c0580, transparent), radial-gradient(ellipse 9% 6% at 24% 8%, #ffe2c873, transparent), radial-gradient(ellipse 9% 6% at 44% 7%, #ffe2c873, transparent), radial-gradient(ellipse 9% 6% at 63% 8%, #ffe2c866, transparent), radial-gradient(ellipse 8% 5% at 81% 10%, #ffe2c852, transparent), radial-gradient(ellipse 9% 5% at 29% 13%, #3c180e52, transparent), radial-gradient(ellipse 9% 5% at 49% 12%, #3c180e52, transparent), radial-gradient(ellipse 9% 5% at 68% 13%, #3c180e4d, transparent), radial-gradient(ellipse 22% 24% at 15% 48%, #ffdabe4d, transparent), radial-gradient(ellipse 2.2% 27% at 31.5% 27%, #ffdec02b, transparent), radial-gradient(ellipse 1.5% 29% at 35.6% 29%, #2d120942, transparent), radial-gradient(ellipse 2.2% 28% at 51% 27%, #ffdec026, transparent), radial-gradient(ellipse 1.5% 30% at 55.6% 29%, #2d12093d, transparent), radial-gradient(ellipse 2.2% 26% at 70.5% 26%, #ffdec021, transparent), radial-gradient(ellipse 1.5% 27% at 74.6% 28%, #2d120938, transparent), radial-gradient(ellipse 34% 30% at 42% 38%, #ffe0c433, transparent), linear-gradient(90deg, #2d12099e 0, transparent 18%, #ffdcbe24 36%, transparent 54%, transparent 68%, #2d120999 100%), linear-gradient(180deg, #c48562 0, #ae7051 38%, #8c563c 100%);background-blend-mode:soft-light, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;width:44em;height:45em;top:80em;left:13em}.disk-insert-sleeve{clip-path:polygon(29% 0,71% 0,100% 100%,0 100%);background:linear-gradient(180deg, #0000006b 0, transparent 5em), linear-gradient(180deg, #fff3 0, transparent 1.2em) 0 0 / 100% 13em no-repeat, repeating-linear-gradient(90deg, #ffffff14 0 .5em, #0000001a .5em 1em) 0 0 / 100% 13em no-repeat, linear-gradient(180deg, transparent 12.6em, #0006 13em, #ffffff1f 13.6em, transparent 14.4em), repeating-linear-gradient(104deg, transparent 0 7em, #00000026 8.6em, #ffffff12 10.2em, transparent 11.8em) 0 14em / 100% 90em no-repeat, linear-gradient(90deg, #00000080 0, #0000001a 18%, #ffffff29 34%, transparent 52%, #0000003d 78%, #0000008c 100%), var(--di-grain-light) 0 0 / 110px 110px, linear-gradient(90deg, #243f55 0, #3b6684 30%, #4a7a9a 52%, #3b6684 76%, #243f55 100%);background-blend-mode:normal, normal, normal, normal, normal, normal, soft-light, normal;width:66em;height:300em;top:134em;left:2.4em}.disk-insert-edge{background:linear-gradient(#58585f 0,#36363c 40%,#1b1b20 100%);border-radius:0 0 .5em .5em;height:1.7em;position:absolute;bottom:-1.3em;left:.4%;right:.4%}.disk-insert-jacket{clip-path:polygon(0 2.2%,.17% 1.36%,.64% .64%,1.36% .17%,2.2% 0,97.8% 0,98.64% .17%,99.36% .64%,99.83% 1.36%,100% 2.2%,100% 66.5%,97.4% 66.5%,97.4% 74%,100% 74%,100% 97.8%,99.83% 98.64%,99.36% 99.36%,98.64% 99.83%,97.8% 100%,2.2% 100%,1.36% 99.83%,.64% 99.36%,.17% 98.64%,0 97.8%);background:linear-gradient(166deg,#3b3b43 0%,#2b2b32 45%,#212127 100%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .24em #ffffff12,inset 0 .35em .7em #ffffff0d,inset 0 -.5em .9em #0000008c}.disk-insert-jacket:before{content:"";background:var(--di-grain-light) 0 0 / 90px 90px;opacity:.42;pointer-events:none;position:absolute;inset:0}.disk-insert-jacket:after{content:"";pointer-events:none;border:.1em solid #ffffff0e;border-bottom-color:#00000059;border-radius:1.2em;position:absolute;inset:2.4%}.disk-insert-ring{pointer-events:none;border-radius:50%;width:33%;height:33%;position:absolute;top:43%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 .12em #00000059,0 0 0 .12em #ffffff0f}.disk-insert-window{background:linear-gradient(#0000 30%,#ffdcbe0f 48%,#0000 64%),linear-gradient(90deg,#040302,#120a06 25%,#22140c 50%,#120a06 75%,#040302);border-radius:999px;width:11%;height:24%;position:absolute;top:8.5%;left:44.5%;box-shadow:inset 0 .3em .55em #000000d9,inset 0 0 0 .12em #ffffff0d,0 0 0 .16em #000000a6,0 .1em 0 .16em #ffffff12}.disk-insert-hub{background:radial-gradient(circle closest-side,#070606 0 36%,#d9d2c0 38% 47%,#a39b87 48% 51%,#3a241a 53% 76%,#1c110b 78% 90%,#0a0a0c 100%);border-radius:50%;width:22%;height:22%;position:absolute;top:43%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .24em #0009,0 .1em 0 .24em #ffffff12}.disk-insert-index{background:radial-gradient(circle,#2a170d 0 35%,#050506 75%);border-radius:50%;width:3.4%;height:3.4%;position:absolute;top:43%;left:64.5%;translate:0 -50%;box-shadow:0 0 0 .16em #000000a6}.disk-insert-label{--di-paper-a:#f8f1de;--di-paper-b:#ebe2cc;--di-accent:#d8a64a;background:linear-gradient(108deg, #fff6 0, transparent 38%, #0000000f 100%), linear-gradient(180deg, var(--di-paper-a) 0%, var(--di-paper-b) 100%);color:#1a1408;border-radius:.35em;align-items:center;gap:2.2em;width:76%;height:28%;padding:1.7em 1.7em 1em;display:flex;position:absolute;top:53%;left:12%;overflow:hidden;box-shadow:0 .12em .3em #0000008c,0 -.06em #ffffff40,inset 0 0 0 .08em #00000024}.disk-insert-label:before{content:"";background:var(--di-accent);height:.9em;position:absolute;top:0;left:0;right:0}.disk-insert-label.label-amber{--di-paper-a:#f8f0d8;--di-paper-b:#efe2c0;--di-accent:#e0a928}.disk-insert-label.label-teal{--di-paper-a:#e4f4f2;--di-paper-b:#d4ebe8;--di-accent:#2fa89b}.disk-insert-label.label-cream{--di-paper-a:#f8f3e6;--di-paper-b:#ebe2cc;--di-accent:#c58b45}.disk-insert-label.label-blue{--di-paper-a:#eef2f8;--di-paper-b:#e4eaf4;--di-accent:#4a78c4}.disk-insert-label.label-lilac{--di-paper-a:#f0e8f6;--di-paper-b:#e4d8ee;--di-accent:#8466c8}.disk-insert-label.label-red{--di-paper-a:#f8e8e4;--di-paper-b:#f0d8d0;--di-accent:#d3503f}.disk-insert-art{flex:0 0 14em;width:14em;height:14em;line-height:0;display:block}.disk-insert-art svg{width:100%;height:100%;display:block}.disk-insert-label-copy{min-width:0;font-family:var(--font-pixel), ui-monospace, monospace;text-transform:uppercase;flex-direction:column;flex:1;gap:.9em;display:flex}.disk-insert-label-copy b{letter-spacing:.08em;color:#1a1408b8;font-size:1.7em;font-weight:400}.disk-insert-label-copy em{font-size:2.5em;font-style:normal;line-height:1.25}.disk-insert-label-copy i{background:#1a140833;height:.2em;display:block}.disk-insert-sheen{pointer-events:none;position:absolute;inset:0;overflow:hidden}.disk-insert-sheen:before{content:"";background:linear-gradient(90deg,#0000 0,#ffffff0f 30%,#ffffff42 50%,#ffffff0f 70%,#0000 100%);width:70%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(40%)skew(-14deg)}.drive-1541-mouth{pointer-events:none;background:linear-gradient(#000000f7 0,#000000db 1.4em,#00000080 3em,#00000029 4.6em,#0000 6.5em);width:64em;height:6.5em;position:absolute;top:25.5em;left:17em}.drive-1541-lever{filter:drop-shadow(.15em .5em .3em #0009);width:17em;height:4.4em;position:absolute;top:25.6em;left:40.5em}.drive-1541-lever-tab{background:radial-gradient(circle,#5d554b 0 .5em,#1c1815 .58em 1em,#0000 1.1em),radial-gradient(70% 130% at 50% 24%,#ffffff1f,#0000 70%),linear-gradient(#4b433a 0,#231f1b 16%,#0f0d0b 30% 70%,#231f1b 84%,#4b433a 100%);border-radius:.8em;position:absolute;inset:0;rotate:90deg;box-shadow:inset 0 0 0 .12em #ffffff17,0 0 0 .1em #0009}@media (prefers-reduced-motion:no-preference){.disk-insert-scene{animation:.22s ease-out both disk-scene-in,.2s ease-in 3.9s forwards disk-scene-out}.disk-insert-stage{animation:4s linear both disk-dolly}.disk-insert-rig{animation:4s linear both disk-settle}.disk-insert-vibe{animation:90ms linear 3.4s 7 disk-vibe}.disk-insert-hand{animation:4s linear both disk-hand}.disk-insert-sway{animation:4s cubic-bezier(.45,0,.55,1) both disk-sway}.disk-insert-floppy{animation:4s linear both disk-glide}.disk-insert-sheen:before{animation:4s linear both disk-sheen}.disk-insert-fingers,.disk-insert-thumb,.disk-insert-arm{animation:4s linear both disk-release}.disk-insert-cast{animation:4s linear both disk-cast}.disk-insert-floor-shadow{animation:4s linear both disk-floor}.drive-1541-lever-tab{animation:4s linear both disk-lever}.drive-1541-led-glow,.drive-1541-led-lit{animation:4s linear both disk-led}}@keyframes disk-scene-in{0%{opacity:0}}@keyframes disk-scene-out{to{opacity:0}}@keyframes disk-dolly{0%,70%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translateY(0)scale(1)}to{transform:translateY(12em)scale(1.05)}}@keyframes disk-release{0%,70%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(0)}77%{opacity:1}78%,to{opacity:0;transform:translateY(170em)}}@keyframes disk-hand{0%{transform:translate3d(calc(var(--di-x0) - 4em), var(--di-y0), 0);animation-timing-function:cubic-bezier(.1,.62,.22,1)}33%,38.75%{animation-timing-function:cubic-bezier(.45,0,.35,1);transform:translate(.8em,-1.4em)}44%,to{transform:translate(0)}}@keyframes disk-sway{0%,to{transform:translate(0)rotate(0)}8.75%{transform:translate(.9em,-.5em)rotate(-1.3deg)}17.5%{transform:translate(-.8em,.4em)rotate(1.5deg)}26.25%{transform:translate(.7em,-.35em)rotate(-.9deg)}35%{transform:translate(-.4em,.3em)rotate(.6deg)}40%{transform:translate(.25em,-.2em)rotate(-.3deg)}46.25%{transform:translate(0)rotate(0)}53.75%{transform:translate(.12em,.1em)rotate(.15deg)}61.25%{transform:translate(-.1em,.08em)rotate(-.12deg)}70%{transform:translate(0)rotate(0)}}@keyframes disk-glide{0%{animation-timing-function:cubic-bezier(.32,.04,.12,1);transform:translateZ(48em)rotateY(-6deg)rotateX(86deg)}46.25%{animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translateZ(4.8em)rotateY(0)rotateX(90deg)}51.25%{animation-timing-function:cubic-bezier(.42,.05,.5,1);transform:translateZ(.4em)rotateY(0)rotateX(89deg)}56%{animation-timing-function:cubic-bezier(.42,.05,.5,1);transform:translateZ(-12em)rotateY(0)rotateX(89.6deg)}61.25%{animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translateZ(-30em)rotateY(0)rotateX(90deg)}63.25%{animation-timing-function:cubic-bezier(.35,0,.5,1);transform:translate3d(0,.2em,-30.6em)rotateY(0)rotateX(90.6deg)}67%{transform:translateZ(-48.9em)rotateY(0)rotateX(90deg)}68.5%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateZ(-48.9em)rotateY(0)rotateX(90deg)}70%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:translateZ(-53.1em)rotateY(0)rotateX(90deg)}72.5%,80%{animation-timing-function:cubic-bezier(.1,.7,.3,1);transform:translateZ(-52.5em)rotateY(0)rotateX(90deg)}80.6%{animation-timing-function:ease-out;transform:translateZ(-52.8em)rotateY(0)rotateX(90deg)}84%,to{transform:translateZ(-52.5em)rotateY(0)rotateX(90deg)}}@keyframes disk-sheen{0%{animation-timing-function:cubic-bezier(.32,.04,.12,1);transform:translate(-120%)skew(-14deg)}46.25%{animation-timing-function:ease-out;transform:translate(40%)skew(-14deg)}72.5%,to{transform:translate(52%)skew(-14deg)}}@keyframes disk-cast{0%{transform:translateX(var(--di-x0)) translateY(68.6em) scaleY(.853);opacity:0;animation-timing-function:cubic-bezier(.32,.04,.12,1)}46.25%{opacity:.6;animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translate(0)translateY(6.9em)scaleY(.858)}51.25%{opacity:.68;animation-timing-function:cubic-bezier(.42,.05,.5,1);transform:translate(0)translateY(.6em)scaleY(.86)}61.25%{opacity:.72;animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translate(0)translateY(0)scaleY(.429)}63.25%{opacity:.72;animation-timing-function:cubic-bezier(.35,0,.5,1);transform:translate(0)translateY(0)scaleY(.42)}67%,68.5%{opacity:.76;transform:translate(0)translateY(0)scaleY(.159)}70%{opacity:.78;transform:translate(0)translateY(0)scaleY(.099)}72.5%,to{opacity:.78;transform:translate(0)translateY(0)scaleY(.107)}}@keyframes disk-floor{0%{transform:translateX(var(--di-x0)) translateY(10em) scaleY(.8);opacity:0;animation-timing-function:cubic-bezier(.32,.04,.12,1)}46.25%{opacity:.62;animation-timing-function:cubic-bezier(.4,0,.3,1);transform:translate(0)translateY(0)scaleY(.48)}51.25%{opacity:.55;animation-timing-function:cubic-bezier(.42,.05,.5,1);transform:translate(0)translateY(0)scaleY(.42)}61.25%{opacity:.18;animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translate(0)translateY(0)scaleY(.1)}67%,to{opacity:0;transform:translate(0)translateY(0)scaleY(.05)}}@keyframes disk-lever{0%,73.75%{animation-timing-function:cubic-bezier(.4,0,.8,.55);rotate:none}80.5%{animation-timing-function:cubic-bezier(.1,.7,.3,1);rotate:95deg}83%{animation-timing-function:cubic-bezier(.2,.6,.4,1);rotate:88.5deg}85%,to{rotate:90deg}}@keyframes disk-led{0%,85%{opacity:0}86%,87.5%{opacity:1}88%{opacity:.35}89.5%,91.5%{opacity:1}92%{opacity:.4}93.2%,95%{opacity:1}95.5%{opacity:.45}97.2%,98.5%{opacity:1}99%{opacity:.5}to{opacity:1}}@media (min-width:900px){.disk-insert-scene{--di-x0:-9em}}@media (max-aspect-ratio:1){.disk-insert-scene{--di-y0:140em}}@media (max-height:480px) and (orientation:landscape){.disk-insert-scene{--di-w:min(66vw, 44rem, calc((100dvh - 2rem) / .92));justify-content:flex-start;gap:0;padding-top:1.9rem}.disk-insert-hint{font-size:11px;position:absolute;top:.45rem;left:0;right:0}}@media (pointer:coarse){.disk-insert-hint-key{display:none}}@media (max-width:480px){.drive-1541-logo{width:36em;top:1.9em}.drive-1541-stripes{gap:.45em;width:17em;top:1.2em;left:45em}.drive-1541-stripes i{height:.75em}.drive-1541-model{font-size:5.6em;top:.2em;right:.57em}}.c64-load-seq{color:#a5a5ff;background:#352879;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;padding:1.1rem 1rem .75rem;display:flex}.c64-load-seq-text{font-family:var(--font-mono-ui), ui-monospace, monospace;letter-spacing:.02em;white-space:pre-wrap;word-break:break-word;margin:0;font-size:clamp(11px,1.85vw,15px);line-height:1.45}.c64-load-cursor{margin-left:1px;animation:.9s step-end infinite c64-blink;display:inline-block}@keyframes c64-blink{0%,49%{opacity:1}50%,to{opacity:0}}.c64-load-hint{font-family:var(--font-mono-ui), ui-monospace, monospace;color:#a5a5ff8c;color:lab(70.4603% 15.7467 -45.172/.55);margin-top:auto;font-size:10px}.sunnah-eject{z-index:8;border:1px solid var(--c64-amber);padding:.2rem .45rem;position:absolute;top:.45rem;right:.45rem}@supports (color:color-mix(in lab, red, red)){.sunnah-eject{border:1px solid color-mix(in oklab, var(--c64-amber) 55%, transparent)}}.sunnah-eject{font-family:var(--font-mono-ui), ui-monospace, monospace;letter-spacing:.08em;color:var(--c64-amber);opacity:.55;background:#0000008c;font-size:9px;text-decoration:none;transition:opacity .15s}.sunnah-eject:hover,.sunnah-eject:focus-visible{opacity:1}.sunnah-play{min-height:0}.sunnah-play-host--fullscreen{height:100%;min-height:0;position:relative}.sunnah-play-stage{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.sunnah-play-stage{border:1px solid color-mix(in oklab, var(--border) 50%, transparent)}}.sunnah-play-stage--fullscreen{border:none}.sunnah-play-pad--overlay{z-index:8;opacity:.35;width:min(12rem,70%);margin:0;transition:opacity .15s;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}.sunnah-play-pad--overlay:hover,.sunnah-play-pad--overlay:focus-within{opacity:.9}@media (min-width:768px){.sunnah-play-pad--overlay{opacity:0;pointer-events:none}.sunnah-play-pad--overlay:focus-within{opacity:.85;pointer-events:auto}}.sunnah64-logo-frame{background:#00000059;border:1px solid #fff;border-radius:.35rem;padding:.2rem .4rem;line-height:0}.sunnah64-logo-img{max-width:min(42vw,11.5rem);height:auto;display:block}@media (min-width:640px){.sunnah64-logo-img{max-width:13.5rem}}.monitor-badge-bar{z-index:1;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem .6rem;min-height:3.35rem;padding:.45rem .3rem .55rem;display:grid;position:relative}.monitor-badge-bar:before{content:"";pointer-events:none;background:linear-gradient(#00000038 0,#0000001a 1px,#ffffff8c 2px,#0000 3px);height:3px;position:absolute;top:.05rem;left:.4rem;right:.4rem}.monitor-badge-left{align-items:center;gap:.4rem;display:inline-flex}.monitor-logo-plate{background:var(--di-grain-light) 0 0 / 120px 120px, linear-gradient(180deg, #34302b 0%, #12100e 100%);background-blend-mode:soft-light, normal;border-radius:.25rem;align-items:center;gap:.5rem;padding:.32rem .65rem;display:inline-flex;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000008c,inset 0 .18rem .3rem #00000073,0 1px #ffffff80,0 -1px #0000002e}.monitor-sunnah-logo{background:0 0;border:none;border-radius:0;padding:0}.monitor-sunnah-logo-img{max-width:min(40vw,11rem);max-height:1.25rem}.monitor-power-led{background:radial-gradient(circle at 36% 30%,#d6ffe0 0 10%,#52c96a 38%,#1e6e2e 78%,#0d3216 100%);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .12rem #3e362a8c,0 0 .5rem .05rem #5ae6788c}.monitor-logo-plate .monitor-logo-text{color:#d8d2c4}.monitor-logo-text{font-family:var(--font-pixel), ui-monospace, monospace;letter-spacing:.04em;color:#3a3530;text-transform:lowercase;image-rendering:pixelated;font-size:.42rem}.monitor-model{text-align:right;min-width:0;font-family:var(--font-pixel), ui-monospace, monospace;letter-spacing:.1em;color:#4a443b;text-shadow:0 1px #fff9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.5rem,1.8vw,.8125rem);overflow:hidden}@media (min-width:768px){.monitor-badge-bar{min-height:3.75rem;padding:.55rem .4rem .65rem}.monitor-sunnah-logo-img{max-width:13rem;max-height:1.45rem}}@media (max-width:767px){.monitor-badge-bar{min-height:2.85rem;padding:.35rem .25rem .4rem}.monitor-sunnah-logo-img{max-width:min(44vw,9rem);max-height:1.05rem}}@media (max-width:520px){.monitor-model{display:none}.monitor-badge-bar{grid-template-columns:1fr auto}}.monitor-power{appearance:none;border:var(--pixel) solid #7a7266;background:var(--di-grain-light) 0 0 / 90px 90px, linear-gradient(180deg, #f2ede2 0%, #ddd5c4 55%, #c9bfab 100%);background-blend-mode:soft-light, normal;color:#4a4540;font-family:var(--font-pixel), ui-monospace, monospace;letter-spacing:.04em;cursor:default;pointer-events:none;border-radius:.2rem;padding:.4rem .5rem;font-size:.38rem;box-shadow:inset 0 1px #fffc,inset 0 -2px #00000024,0 1px #fff9,0 2px 3px #0000004d}.monitor-power--eject{letter-spacing:.08em;color:#8a2f25;cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;min-height:2.1rem;padding:.4rem .9rem;font-size:.58rem;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.monitor-power--eject:hover,.monitor-power--eject:focus-visible{color:#b03a2c;outline:2px solid var(--c64-cyan);outline-offset:2px}.monitor-power--eject:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #00000040,0 1px #fff9}.c64-rainbow{width:.85rem;height:.85rem;image-rendering:pixelated;border-radius:0;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.c64-rainbow i{flex:1;display:block}.c64-rainbow i:first-child{background:#6b5cff}.c64-rainbow i:nth-child(2){background:#4ea3ff}.c64-rainbow i:nth-child(3){background:#5ecf6a}.c64-rainbow i:nth-child(4){background:#f0c93a}.c64-rainbow i:nth-child(5){background:#e25b4a}.led{border-radius:0;width:.4rem;height:.4rem;box-shadow:inset 0 0 0 1px #00000040}.led-green{background:#4fd06a}.led-red{background:#d04545}.floppy-tray{background:linear-gradient(#3a4588 0%,#2f3a72 55%,#283266 100%);border-radius:.35rem;padding:.65rem .55rem .75rem;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #00000040,0 6px 16px #00000038}.floppy-rack{grid-template-columns:repeat(4,minmax(0,1fr));place-items:start center;gap:1.35rem .75rem;display:grid}@media (min-width:640px){.floppy-tray{padding:.85rem .75rem 1rem}.floppy-rack{gap:1.75rem 1rem}}@media (min-width:1100px){.floppy-rack{grid-template-columns:repeat(4,minmax(0,1fr))}}.floppy-link{-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:11rem;text-decoration:none;display:flex}.floppy-stack{aspect-ratio:1/1.28;width:100%;max-width:10.5rem;position:relative}@media (min-width:640px){.floppy-stack{max-width:12rem}.floppy-link{max-width:12.5rem}}.floppy-sleeve{background:linear-gradient(#fbfaf7 0%,#f0eee8 55%,#e6e2d8 100%);border-radius:.12rem .12rem .2rem .2rem;position:absolute;left:3%;right:3%;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0000000f}.floppy-sleeve--back{top:28%;bottom:0;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #0000000f,0 6px 14px #0000001f}.floppy-sleeve--front{z-index:2;top:52%;bottom:0;box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #00000012,0 4px 10px #00000014}.floppy-sleeve-lip{background:linear-gradient(#ebe7de,#dcd6ca);border-radius:.08rem;height:.4rem;position:absolute;top:0;left:8%;right:8%;translate:0 -55%;box-shadow:inset 0 1px #ffffffb3}.floppy-sleeve-rule{background:#00000014;height:1px;position:absolute;top:10%;left:12%;right:12%}.floppy-sleeve-copy{left:5%;right:5%;top:var(--hub-copy-top,14%);text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;display:flex;position:absolute;bottom:4px}.floppy-sleeve-label{font-family:var(--font-pixel), var(--font-mono-ui), monospace;font-size:max(13px, min(var(--hub-fs-label,.95rem), calc(var(--hub-cw,9rem) * .115)));letter-spacing:.02em;color:#0a0805;word-break:normal;overflow-wrap:normal;text-wrap:balance;max-width:100%;margin:0;line-height:1.2}.floppy-sleeve-title{font-family:var(--font-mono-ui), ui-monospace, monospace;font-size:max(13px, var(--hub-fs-name,.875rem));color:#1a1408;word-break:normal;overflow-wrap:normal;text-wrap:balance;max-width:100%;margin:0;font-weight:600;line-height:1.2}.floppy{aspect-ratio:1/1.02;background-blend-mode:soft-light, normal;z-index:1;background:repeating-linear-gradient(135deg,#1a1a1e 0 1px,#151518 1px 3px),linear-gradient(160deg,#2a2a30 0%,#121214 48%,#1c1c22 100%);border:1px solid #2e2e34;border-radius:.14rem;transition:transform .18s,box-shadow .18s;position:absolute;top:0;left:8%;right:8%;box-shadow:inset 0 1px #ffffff12,inset 0 -2px #00000080,0 4px 12px #00000047}.floppy-link:focus-visible .floppy{outline:2px solid var(--c64-cyan);outline-offset:3px}.floppy-link:hover .floppy,.floppy-link:focus-visible .floppy{transform:translateY(-6px);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #6ce0e04d,0 12px 22px #0006}.floppy-link:active .floppy{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.floppy-link:hover .floppy,.floppy-link:focus-visible .floppy,.floppy-link:active .floppy{transform:none}}.floppy-label{color:#1a1408;z-index:3;background:linear-gradient(#f6f1e4 0%,#ebe3d0 100%);border-radius:.12rem;place-items:center;height:48%;padding:.28rem;display:grid;position:absolute;top:4%;left:6%;right:6%;overflow:hidden;box-shadow:inset 0 0 0 1px #00000029,0 1px #ffffff40}.floppy-sticker-art{place-items:center;width:100%;min-width:0;height:100%;min-height:0;line-height:0;display:grid}.floppy-sticker-art svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.floppy.label-red .floppy-label{background:linear-gradient(#f8e8e4 0%,#f0d8d0 100%)}.floppy.label-blue .floppy-label{background:linear-gradient(#eef2f8 0%,#e4eaf4 100%)}.floppy.label-cream .floppy-label{background:linear-gradient(#f8f3e6 0%,#ebe2cc 100%)}.floppy.label-teal .floppy-label{background:linear-gradient(#e4f4f2 0%,#d4ebe8 100%)}.floppy.label-amber .floppy-label{background:linear-gradient(#f8f0d8 0%,#efe2c0 100%)}.floppy.label-lilac .floppy-label{background:linear-gradient(#f0e8f6 0%,#e4d8ee 100%)}.floppy-hub{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#3a3e48,#0e0e12 72%);border-radius:999px;place-items:center;width:20%;display:grid;position:absolute;top:68%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 2px #2a2e36,0 0 0 1px #050506}.floppy-hub-ring{border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:18%}.floppy-hub-inner{aspect-ratio:1;background:#050508;border-radius:999px;width:36%;box-shadow:inset 0 0 0 1px #2a2e36}.floppy-index{aspect-ratio:1;background:#050508;border-radius:999px;width:4.2%;position:absolute;top:54%;left:66%;translate:0 -50%;box-shadow:inset 0 0 0 1px #2a2e36}.floppy-window{background:#0a0a0c;border-radius:45%/18%;place-items:center;width:18%;height:28%;display:grid;position:absolute;bottom:7%;left:50%;overflow:hidden;translate:-50%;box-shadow:inset 0 0 0 1px #2a2e36,inset 0 2px 4px #000000a6}.floppy-media{background:linear-gradient(#6a3a22 0%,#4a2818 45%,#3a1e12 100%);border-radius:40%/16%;width:72%;height:88%;box-shadow:inset 0 0 6px #00000059}.floppy-notch{background:var(--c64-screen);width:5%;height:9%;position:absolute;top:12%;right:-1px;box-shadow:inset 1px 0 #00000040}.floppy-foot{background:var(--c64-screen);border-radius:0 0 40% 40%;width:7%;height:3.5%;position:absolute;bottom:-1px}.floppy-foot--l{left:18%}.floppy-foot--r{right:18%}.floppy-caption{text-align:center;max-width:12rem;font-size:.8rem;line-height:1.3}.featured-disk-art{width:var(--hub-art,7.5rem);aspect-ratio:4/3;background:linear-gradient(#f6f1e4 0%,#ebe3d0 100%);border-radius:.2rem;flex:none;padding:.4rem .5rem;box-shadow:inset 0 0 0 1px #0000002e,0 4px 14px #00000038}.featured-disk-art-svg{width:100%;height:100%;line-height:0;display:block}.featured-disk-art-svg svg{width:100%;height:100%;display:block}@media (min-width:640px){.floppy-caption{font-size:.9rem}}.crt-main:has(.sunnah-hub){scrollbar-width:auto;scrollbar-color:var(--c64-cyan) transparent;padding:.55rem .7rem .6rem;container:hub-main/size}@supports (color:color-mix(in lab, red, red)){.crt-main:has(.sunnah-hub){scrollbar-color:color-mix(in oklab, var(--c64-cyan) 55%, transparent) transparent}}@media (min-width:640px){.crt-main:has(.sunnah-hub){padding:.6rem 1rem .55rem}}.crt-main:has(.sunnah-hub)>*{--hub-u:1px;--hub-gap:.7rem;--hub-fs-eyebrow:.875rem;--hub-fs-title:clamp(1.05rem, 8.2cqw, 1.5rem);--hub-fs-quote:.9375rem;--hub-fs-blurb:.9375rem;--hub-fs-head:1rem;--hub-fs-btn:1rem;--hub-btn-h:3rem;--hub-btn-w:8rem;--hub-fs-label:1.1rem;--hub-fs-name:.875rem;--hub-fs-chip:.875rem;--hub-fs-bar:.875rem;--hub-front:6.2rem;--hub-copy-top:1.1rem;--hub-hs-max:15rem;--hub-art:4.75rem;--hub-cols:2;--hub-rows:4;--hub-gx:.6rem;--hub-gy:1.1rem;--hub-tray-py:.8rem;--hub-tray-px:.6rem}.sunnah-hub{gap:var(--hub-gap);flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.hub-focus-target:focus{outline:none}.sunnah-hub .sunnah-featured{border:1px solid var(--primary);flex:none;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art eyebrow""title title""text text""play play";align-items:center;gap:.4rem .85rem;padding:.7rem;display:grid}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .sunnah-featured{border:1px solid color-mix(in oklab, var(--primary) 35%, transparent)}}.sunnah-hub .sunnah-featured{background:var(--secondary);border-radius:.35rem}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .sunnah-featured{background:color-mix(in oklab, var(--secondary) 40%, transparent)}}.sunnah-hub .featured-disk-art{grid-area:art}.hub-featured-text{grid-area:text;min-width:0}.hub-featured-text p{margin:0}.hub-eyebrow{font-size:var(--hub-fs-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--c64-amber);grid-area:eyebrow;margin:0;line-height:1.3}.hub-featured-title{min-width:0;font-family:var(--font-pixel), ui-monospace, monospace;font-size:var(--hub-fs-title);color:var(--c64-cyan);text-wrap:balance;grid-area:title;margin:0;font-weight:400;line-height:1.25}.hub-quote{font-size:var(--hub-fs-quote);color:var(--card-foreground);line-height:1.3}.hub-quote cite{white-space:nowrap;color:var(--c64-amber);font-style:normal}.hub-blurb{font-size:var(--hub-fs-blurb);color:var(--muted-foreground);margin-top:.15em;line-height:1.3}.sunnah-hub .hub-play{min-width:var(--hub-btn-w);min-height:var(--hub-btn-h);background:var(--primary);color:var(--primary-foreground);font-family:var(--font-pixel), ui-monospace, monospace;font-size:var(--hub-fs-btn);letter-spacing:.02em;border-radius:.35rem;grid-area:play;justify-content:center;align-items:center;gap:.7em;padding:0 1.4em;line-height:1;text-decoration:none;transition:background-color .12s,translate .12s;display:inline-flex;box-shadow:inset 0 2px #fff6,0 4px #0006}.sunnah-hub .hub-play:before{content:"";border:.5em solid #0000;border-left:.85em solid;border-right-width:0;flex:none}.sunnah-hub .hub-play:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .hub-play:hover{background:color-mix(in oklab, var(--primary) 80%, white)}}.sunnah-hub .hub-play:active{translate:0 3px;box-shadow:inset 0 2px #fff6,0 1px #0006}.sunnah-hub .hub-play:focus-visible{outline:3px solid var(--c64-amber);outline-offset:3px}.hub-library{gap:calc(var(--hub-gap) * .7);flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.hub-heading{font-family:var(--font-pixel), ui-monospace, monospace;font-size:var(--hub-fs-head);color:var(--c64-cyan);margin:0;font-weight:400;line-height:1.2}.sunnah-hub .floppy-tray{padding:var(--hub-tray-py) var(--hub-tray-px);border-radius:.35rem;flex:none;overflow-x:hidden;container-type:inline-size}.sunnah-hub .floppy-rack{--hub-cw:calc((100cqw - (var(--hub-cols) - 1) * var(--hub-gx)) / var(--hub-cols));--hub-ch:100vh;grid-template-columns:repeat(var(--hub-cols), minmax(0, 1fr));gap:var(--hub-gy) var(--hub-gx);grid-auto-rows:auto;place-items:stretch stretch;margin:0;padding:0;list-style:none;display:grid}.floppy-item{min-width:0}.sunnah-hub .floppy-link{--hub-hs-min:calc(var(--hub-front) + 3rem);--hub-hs:max(var(--hub-hs-min), min(var(--hub-ch), calc(var(--hub-front) + .55 * var(--hub-cw)), var(--hub-hs-max)));--hub-ws:min(var(--hub-cw), calc(1.5 * var(--hub-hs)));--hub-hj:min(calc((var(--hub-hs) - var(--hub-front)) / .6), calc(var(--hub-hs) - .35rem));--hub-wj:calc(var(--hub-hj) / 1.02);border-radius:.4rem;justify-content:center;gap:0;width:100%;max-width:none;height:100%}.sunnah-hub .floppy-stack{width:var(--hub-ws);max-width:none;height:var(--hub-hs);aspect-ratio:auto;flex:none}.sunnah-hub .floppy-sleeve{left:0;right:0}.sunnah-hub .floppy-sleeve--back{top:calc((var(--hub-hs) - var(--hub-front)) * .55)}.sunnah-hub .floppy-sleeve--front{height:var(--hub-front);top:auto}.sunnah-hub .floppy{width:var(--hub-wj);margin-inline:auto;left:0;right:0}.sunnah-hub .floppy-sleeve-rule{top:calc(var(--hub-copy-top) - .3rem)}.sunnah-hub .floppy-link:focus-visible .floppy{outline:none}.sunnah-hub .floppy-link:focus-visible{outline:3px solid var(--c64-cyan);outline-offset:5px}.sunnah-hub .floppy-stack{isolation:isolate}.sunnah-hub .floppy-link[data-pick=true] .floppy-stack:before{content:"";z-index:-1;border:2px solid var(--c64-amber);position:absolute;inset:-7px -9px -6px}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .floppy-link[data-pick=true] .floppy-stack:before{border:2px solid color-mix(in oklab, var(--c64-amber) 65%, transparent)}}.sunnah-hub .floppy-link[data-pick=true] .floppy-stack:before{background:var(--c64-amber);border-radius:.4rem}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .floppy-link[data-pick=true] .floppy-stack:before{background:color-mix(in oklab, var(--c64-amber) 10%, transparent)}}.hub-chip{right:4%;top:calc(var(--hub-hs) - var(--hub-front));z-index:3;color:#241800;font-size:max(13px, var(--hub-fs-chip));white-space:nowrap;pointer-events:none;background:#f4cf55;border:1.5px solid #2418008c;border-radius:999px;padding:.1em .6em;font-weight:700;line-height:1.25;position:absolute;translate:0 -60%;box-shadow:0 2px #00000059}.hub-chip[data-done=true]{background:#8fe07c}.hub-bar{border-top:1px dashed var(--border);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:0 1rem;margin-top:.4rem;display:flex}@supports (color:color-mix(in lab, red, red)){.hub-bar{border-top:1px dashed color-mix(in oklab, var(--border) 60%, transparent)}}.hub-bar{font-size:var(--hub-fs-bar);color:var(--muted-foreground);line-height:1.3}.hub-bar-link{min-height:2.75rem;color:var(--primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:.2rem;align-items:center;padding:0 .5rem;text-decoration:underline;display:inline-flex}.hub-bar-link:hover{color:var(--foreground)}.hub-bar-link:focus-visible{outline:2px solid var(--c64-cyan);outline-offset:2px}.hub-bar .sound-toggle.sound-toggle--compact{min-width:2.75rem;min-height:2.75rem;font-size:var(--hub-fs-bar);justify-content:center}.sunnah64-logo-frame .hub-logo-img{min-width:0;max-width:min(34vw,14rem)}@media (min-width:640px){.sunnah64-logo-frame .hub-logo-img{max-width:17.5rem}}@container hub-main (max-width:14.5rem){.crt-main:has(.sunnah-hub)>*{--hub-cols:1}}@container hub-main (min-width:30rem){.crt-main:has(.sunnah-hub)>*{--hub-u:clamp(.6px, min(calc(100cqw / 578), calc(100cqh / 777)), 1.8px);--hub-gap:calc(10 * var(--hub-u));--hub-fs-eyebrow:max(13px, calc(14 * var(--hub-u)));--hub-fs-title:max(18px, calc(26 * var(--hub-u)));--hub-fs-quote:max(14px, calc(16 * var(--hub-u)));--hub-fs-blurb:max(14px, calc(16 * var(--hub-u)));--hub-fs-head:max(16px, calc(20 * var(--hub-u)));--hub-fs-btn:max(15px, calc(19 * var(--hub-u)));--hub-btn-h:max(44px, calc(52 * var(--hub-u)));--hub-fs-label:calc(17 * var(--hub-u));--hub-fs-name:max(14px, calc(13.5 * var(--hub-u)));--hub-fs-chip:max(14px, calc(13.5 * var(--hub-u)));--hub-fs-bar:max(14px, calc(15 * var(--hub-u)));--hub-front:max(6.2rem, calc(100 * var(--hub-u)));--hub-copy-top:max(1.1rem, calc(17 * var(--hub-u)));--hub-hs-max:calc(200 * var(--hub-u));--hub-art:calc(110 * var(--hub-u));--hub-cols:4;--hub-rows:2;--hub-gx:calc(10 * var(--hub-u));--hub-gy:calc(16 * var(--hub-u));--hub-tray-py:calc(12 * var(--hub-u));--hub-tray-px:calc(12 * var(--hub-u))}.sunnah-hub{flex:1 1 0}.sunnah-hub .sunnah-featured{padding:calc(10 * var(--hub-u)) calc(14 * var(--hub-u));gap:calc(3 * var(--hub-u)) calc(16 * var(--hub-u));grid-template-areas:"art eyebrow""art title""art text""play play"}.sunnah-hub .hub-play{margin-top:calc(6 * var(--hub-u))}.hub-library{flex:1 1 0}.sunnah-hub .floppy-tray{min-height:calc(2 * (var(--hub-front) + 3rem) + var(--hub-gy) + 2 * var(--hub-tray-py));scrollbar-width:auto;scrollbar-color:var(--c64-cyan) transparent;flex:1 1 0;overflow-y:auto;container-type:size}@supports (color:color-mix(in lab, red, red)){.sunnah-hub .floppy-tray{scrollbar-color:color-mix(in oklab, var(--c64-cyan) 55%, transparent) transparent}}.sunnah-hub .floppy-rack{--hub-ch:calc((100cqh - (var(--hub-rows) - 1) * var(--hub-gy)) / var(--hub-rows));grid-auto-rows:max(var(--hub-ch), var(--hub-front) + 3rem)}.hub-bar{margin-top:calc(6 * var(--hub-u));justify-content:space-between}.hub-bar-link,.hub-bar .sound-toggle.sound-toggle--compact{min-height:1.75rem}}@media (pointer:coarse){.hub-bar-link,.hub-bar .sound-toggle.sound-toggle--compact{min-height:2.75rem}}@container hub-main (min-width:40rem) and (min-height:26rem) and (min-aspect-ratio:5/4){.crt-main:has(.sunnah-hub)>*{--hub-u:clamp(.5px, min(calc(100cqw / 1090), calc(100cqh / 620)), 1.8px);--hub-gap:calc(10 * var(--hub-u));--hub-fs-eyebrow:max(14px, calc(15 * var(--hub-u)));--hub-fs-title:max(26px, calc(31 * var(--hub-u)));--hub-fs-quote:max(15px, calc(17 * var(--hub-u)));--hub-fs-blurb:max(15px, calc(17 * var(--hub-u)));--hub-fs-head:max(18px, calc(22 * var(--hub-u)));--hub-fs-btn:max(16px, calc(21 * var(--hub-u)));--hub-btn-h:max(44px, calc(56 * var(--hub-u)));--hub-btn-w:calc(176 * var(--hub-u));--hub-fs-label:max(17px, calc(19 * var(--hub-u)));--hub-fs-name:max(14px, calc(14.5 * var(--hub-u)));--hub-fs-chip:max(14px, calc(14 * var(--hub-u)));--hub-fs-bar:max(14px, calc(15 * var(--hub-u)));--hub-front:max(3.9rem, calc(72 * var(--hub-u)));--hub-copy-top:max(1rem, calc(17 * var(--hub-u)));--hub-hs-max:calc(250 * var(--hub-u));--hub-art:calc(150 * var(--hub-u));--hub-gx:calc(16 * var(--hub-u));--hub-gy:calc(18 * var(--hub-u));--hub-tray-py:calc(12 * var(--hub-u));--hub-tray-px:calc(16 * var(--hub-u))}.sunnah-hub .sunnah-featured{padding:calc(10 * var(--hub-u)) calc(18 * var(--hub-u));align-items:center;gap:calc(2 * var(--hub-u)) calc(20 * var(--hub-u));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art eyebrow play""art title play""art text play"}.sunnah-hub .hub-play{padding:0 calc(26 * var(--hub-u));margin-top:0}.sunnah-hub .floppy-sleeve-label{font-size:max(13px, min(var(--hub-fs-label), calc(var(--hub-ws) * .088)))}.sunnah-hub .floppy-sleeve-title{font-size:max(12px, min(var(--hub-fs-name), calc(var(--hub-ws) * .078)))}}.crt-content:has(.sunnah-parents)>header{display:none}.sound-toggle{border:1px solid var(--border);align-items:center;gap:.45rem;min-height:44px;padding:0 .7rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.sound-toggle{border:1px solid color-mix(in oklab, var(--border) 55%, transparent)}}.sound-toggle{color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border-radius:.25rem;font-size:.8125rem;text-decoration:none;transition:color .12s,background-color .12s,border-color .12s}.sound-toggle:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.sound-toggle:hover{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.sound-toggle:hover{background:var(--secondary);color:var(--foreground)}.sound-toggle[data-on=true]{color:var(--c64-ready)}.sound-toggle.sound-toggle--compact{min-width:0;min-height:1.75rem;padding:0 .5rem}.sound-toggle:focus-visible{outline:2px solid var(--c64-cyan);outline-offset:2px}@media (max-width:479px){.sound-toggle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sound-toggle{justify-content:center;min-width:44px;padding:0}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#12153a;--foreground:#d6dcff;--card:#1a1f52;--card-foreground:#e8ecff;--popover:#1a1f52;--popover-foreground:#e8ecff;--primary:#6ce0e0;--primary-foreground:#0b0d24;--secondary:#2a3170;--secondary-foreground:#c8d0ff;--muted:#242a5c;--muted-foreground:#9ca8ff;--accent:#e8c547;--accent-foreground:#1a1400;--destructive:#e06c75;--border:#3a4490;--input:#2a3170;--ring:#6ce0e0;--radius:.35rem;--c64-border:#0b0d24;--c64-screen:#1b1f4a;--c64-cyan:#6ce0e0;--c64-amber:#e8c547;--c64-ready:#7cdb6a;--c64-lilac:#9ca8ff;--di-beige-hi:#ece5d2;--di-beige:#d7cdb5;--di-beige-lo:#bcb095;--di-badge-hi:#9a907e;--di-badge:#877d6c;--di-badge-lo:#72695a;--di-grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--di-grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@property --hub-u{syntax:"<length>";inherits:true;initial-value:1px}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}
