@import"https://fonts.googleapis.com/css2?family=Courier+New:wght@400&display=swap";/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--font-body:var(--font-body);--font-heading:var(--font-heading)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{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;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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:color-mix(in oklab,var(--ring)50%,transparent)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}html,body,#root{overscroll-behavior-x:none;width:100%;height:100%;margin:0;padding:0}}@layer components;@layer utilities{.fixed{position:fixed}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.underline{text-decoration-line:underline}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.paused{animation-play-state:paused}}body{box-sizing:border-box;overscroll-behavior-x:none;width:100%;height:100%;min-height:100vh;margin:0;padding:0;display:flex;overflow:auto}:root{--radius:.625rem;--background:oklch(1 0 0);--foreground:oklch(.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(.145 0 0);--primary:oklch(.205 0 0);--primary-foreground:oklch(.985 0 0);--secondary:oklch(.97 0 0);--secondary-foreground:oklch(.205 0 0);--muted:oklch(.97 0 0);--muted-foreground:oklch(.556 0 0);--accent:oklch(.97 0 0);--accent-foreground:oklch(.205 0 0);--destructive:oklch(.577 .245 27.325);--border:oklch(.922 0 0);--input:oklch(.922 0 0);--ring:oklch(.708 0 0);--chart-1:oklch(.646 .222 41.116);--chart-2:oklch(.6 .118 184.704);--chart-3:oklch(.398 .07 227.392);--chart-4:oklch(.828 .189 84.429);--chart-5:oklch(.769 .188 70.08);--sidebar:oklch(.985 0 0);--sidebar-foreground:oklch(.145 0 0);--sidebar-primary:oklch(.205 0 0);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.97 0 0);--sidebar-accent-foreground:oklch(.205 0 0);--sidebar-border:oklch(.922 0 0);--sidebar-ring:oklch(.708 0 0)}.dark{--background:oklch(.145 0 0);--foreground:oklch(.985 0 0);--card:oklch(.205 0 0);--card-foreground:oklch(.985 0 0);--popover:oklch(.205 0 0);--popover-foreground:oklch(.985 0 0);--primary:oklch(.922 0 0);--primary-foreground:oklch(.205 0 0);--secondary:oklch(.269 0 0);--secondary-foreground:oklch(.985 0 0);--muted:oklch(.269 0 0);--muted-foreground:oklch(.708 0 0);--accent:oklch(.269 0 0);--accent-foreground:oklch(.985 0 0);--destructive:oklch(.704 .191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(.556 0 0);--chart-1:oklch(.488 .243 264.376);--chart-2:oklch(.696 .17 162.48);--chart-3:oklch(.769 .188 70.08);--chart-4:oklch(.627 .265 303.9);--chart-5:oklch(.645 .246 16.439);--sidebar:oklch(.205 0 0);--sidebar-foreground:oklch(.985 0 0);--sidebar-primary:oklch(.488 .243 264.376);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.269 0 0);--sidebar-accent-foreground:oklch(.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(.556 0 0)}img.broken-image-fallback{object-fit:none;object-position:center;background:#f9fafb;border:1px solid #e5e7eb;animation:.3s ease-in-out fadeIn;display:inline-block;position:relative}.dark img.broken-image-fallback{background:#1f2937;border-color:#374151}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@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}.permutation-lab{--ink:#20211f;--muted:#7b7e76;--line:#dddfd6;--paper:#f5f6ef;--accent:#dafa5b;width:100%;min-height:100vh;background:var(--paper);color:var(--ink);padding:0 48px;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.permutation-lab *{box-sizing:border-box}.permutation-lab button,.permutation-lab select{font:inherit;color:inherit}.permutation-lab button{cursor:pointer}.permutation-lab button:disabled{opacity:.35;cursor:wait}.permutation-lab button:focus-visible,.permutation-lab select:focus-visible,.cube-viewport:focus-visible{outline:2px solid #657c15;outline-offset:5px}.lab-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.lab-brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;line-height:1.05;letter-spacing:-.5px}.lab-brand svg{width:41px;height:41px}.lab-edition,.lab-year,.eyebrow,.exhibit-topline,.exhibit-bottomline,.panel-heading>span,.identity-number,.identity-role,.play-label>span,.speed-control,.lab-footer{font-family:Courier New,monospace;font-size:10px;letter-spacing:1.05px}.lab-edition{display:flex;align-items:center;gap:12px;margin-left:-30px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink)}.edition-divider{height:12px;width:1px;background:#b8bbb0;margin:0 8px}.lab-year{font-size:12px;letter-spacing:2px}.lab-intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 28px}.eyebrow{margin:0 0 18px;color:#686c60}.lab-intro h1{font-size:76px;font-weight:500;letter-spacing:-5px;line-height:.96;margin:0}.lab-intro h1 span{color:#818677}.intro-description{font-size:14px;line-height:1.7;color:#74786e;margin:19px 8px 0 40px;width:296px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;min-height:503px}.cube-exhibit{position:relative;min-width:0;display:flex;flex-direction:column}.exhibit-topline,.exhibit-bottomline{display:flex;align-items:center;justify-content:space-between;color:#7a7e71;font-size:9px}.exhibit-topline{padding-top:9px}.exhibit-topline>span:first-child,.exhibit-bottomline>span:first-child{display:flex;align-items:center;gap:7px}.state-dot{width:5px;height:5px;border-radius:50%;background:#a0a495}.state-dot.is-playing{background:#748f2e}.cube-viewport{position:relative;flex:1;min-height:427px;perspective:1500px;cursor:grab;touch-action:none}.cube-viewport.is-dragging{cursor:grabbing}.cube-scale{position:absolute;left:50%;top:48%;transform:scale(1);transform-style:preserve-3d}.cube-camera,.cubelet{position:absolute;width:0;height:0;transform-style:preserve-3d}.cubelet-face{position:absolute;left:-20.55px;top:-20.55px;width:41.1px;height:41.1px;backface-visibility:hidden;border-radius:1.4px;border:1px solid #11120f;box-shadow:inset 0 0 0 .7px #ffffff0b}.black-tile{background:#1b1c19}.white-tile{background:#f5f6ee}.face-2.black-tile,.face-3.black-tile{background:#121410}.face-2.white-tile,.face-3.white-tile{background:#dbded3}.face-4.black-tile{background:#2c2e27}.face-4.white-tile{background:#fffef7}.face-5.white-tile{background:#b9bdb1}.ground-shadow{position:absolute;left:50%;top:87%;width:320px;height:38px;background:#242b20;filter:blur(22px);opacity:.2;transform:translate(-50%);border-radius:50%;pointer-events:none}.exhibit-bottomline{padding-bottom:15px}.exhibit-bottomline svg{width:13px;height:13px}.identity-panel{padding:10px 0 10px 26px;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:500}.panel-heading>span{color:#8c9082;font-size:9px}.panel-description{color:#85897c;font-size:11px;line-height:1.5;margin:9px 0 22px}.identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.identity-option{height:48px;border:1px solid transparent;background:#eaece3;display:flex;justify-content:center;align-items:center;border-radius:2px;transition:background .15s,border-color .15s}.identity-option svg{width:25px;height:25px;transition:transform .15s}.identity-option:hover{background:#e0e4d4}.identity-option:hover svg{transform:scale(1.08)}.identity-option.selected{background:var(--accent);border-color:#a9bf53}.selected-identity{margin-top:19px;min-height:78px}.identity-number{color:#989c8d;font-size:9px}.selected-identity h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:6px 0 5px}.identity-role{font-size:8px;color:#858b79;letter-spacing:.8px}.next-identity{background:none;border:none;border-top:1px solid var(--line);padding:12px 0 0;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px!important}.next-identity svg{width:15px;height:15px}.transport{margin-top:23px;padding:21px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.transport-primary,.transport-options{display:flex;align-items:center;gap:23px}.play-button{border:0;background:var(--accent);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;transition:background .2s}.play-button:hover{background:#cbec44}.play-label{display:flex;flex-direction:column;gap:6px;min-width:186px}.play-label strong{font-size:13px;font-weight:400}.play-label>span{font-size:8px;color:#8b907e;letter-spacing:.8px}.transport-divider{height:25px;width:1px;background:var(--line)}.text-button{display:flex;align-items:center;gap:8px;font-size:11px!important;border:0;background:none;padding:8px 0}.text-button svg{width:15px;height:15px}.text-button:hover{color:#738333}.speed-control{display:flex;align-items:center;gap:13px;font-size:8px;color:#7a806f}.speed-control select{border:0;background:transparent;padding:5px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:var(--ink)}.orbit-control{display:flex;align-items:center;gap:10px;background:none;border:0;font-size:11px!important;padding:0}.switch-track{width:28px;height:16px;border-radius:10px;background:#d3d7c8;padding:3px;transition:background .2s}.switch-track>span{display:block;width:10px;height:10px;border-radius:50%;background:#f9faf5;transition:transform .2s}.switch-track.on{background:#282c22}.switch-track.on>span{transform:translate(12px)}.lab-footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;color:#969c8c;font-size:8px;letter-spacing:.7px;gap:20px}.lab-footer p{font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:0;line-height:1.6}.footer-mark{color:#717864}.mobile-break{display:none}@media (min-width:1550px){.permutation-lab{padding:0 max(48px,calc((100vw - 1440px)/2))}.lab-workspace{min-height:560px}.cube-scale{transform:scale(1.13)}}@media (max-width:1100px){.permutation-lab{padding:0 30px}.lab-workspace{gap:24px;grid-template-columns:minmax(0,1fr) 242px}.identity-panel{padding-left:20px}.identity-grid{gap:5px}.identity-option{height:43px}.cube-scale{transform:scale(.87)}.lab-intro h1{font-size:68px}.transport-primary,.transport-options{gap:14px}.play-label{min-width:155px}.footer-mark{display:none}}@media (max-width:760px){.permutation-lab{padding:0 22px}.lab-header{height:82px}.lab-edition{margin:0;font-size:8px;gap:6px}.lab-edition .edition-divider,.lab-year{display:none}.lab-brand{font-size:12px;gap:9px}.lab-brand svg{width:32px;height:32px}.lab-intro{padding:30px 0 26px;align-items:flex-start}.lab-intro h1{font-size:58px;letter-spacing:-3.5px}.eyebrow{font-size:8px;letter-spacing:.5px;margin-bottom:16px}.intro-description{font-size:11px;line-height:1.7;width:185px;margin:31px 0 0 20px}.desktop-break{display:none}.lab-workspace{display:flex;flex-direction:column;gap:14px}.cube-viewport{min-height:380px}.cube-scale{transform:scale(.85)}.ground-shadow{width:220px}.identity-panel{padding:20px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.panel-heading,.panel-description{grid-column:1/-1}.panel-description{margin:7px 0 16px}.identity-grid{grid-column:1/-1;grid-template-columns:repeat(8,1fr);gap:6px}.identity-option{height:44px}.identity-option svg{width:24px;height:24px}.selected-identity{margin-top:18px;min-height:76px}.next-identity{align-self:center;margin-top:8px;padding:10px 0;border-top:none;justify-content:flex-end;gap:20px}.transport{flex-wrap:wrap;padding:18px 0;margin-top:12px}.transport-primary{width:100%;gap:17px}.play-label{flex:1;min-width:0}.play-label>span{font-size:7px}.transport-options{width:100%;justify-content:flex-end;padding-top:2px}.lab-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:19px 0}.lab-footer p{margin:0}.exhibit-topline,.exhibit-bottomline{font-size:8px}}@media (max-width:430px){.intro-description{display:none}.lab-intro h1{font-size:59px}.cube-viewport{min-height:350px}.cube-scale{transform:scale(.73)}.identity-grid{gap:5px}.identity-option{height:36px}.identity-option svg{width:21px;height:21px}.transport-primary{gap:13px}.transport-primary .transport-divider{display:none}.play-button{width:40px;height:40px;flex-shrink:0}.play-label strong{font-size:12px}.text-button{font-size:10px!important;gap:5px}.mobile-break{display:block}}@media (prefers-reduced-motion:reduce){.permutation-lab *{transition:none!important}}.solver-lab{box-sizing:border-box;min-width:0}.solver-lab .identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.solver-lab .identity-option{min-width:0;padding:0;height:62px}.solver-lab .identity-option svg{width:30px;height:30px}.solver-lab .identity-option:disabled{opacity:.62;cursor:default}.solver-lab .identity-option.selected:disabled{opacity:1}.solver-lab .selected-identity{min-height:83px}.solver-lab .next-identity:disabled{cursor:default;opacity:.5}.solver-readout{border-top:1px solid var(--line);padding:14px 0 19px;min-height:153px}.solver-readout-title{display:flex;justify-content:space-between;gap:8px;font:8px Courier New,monospace;letter-spacing:.5px;color:#737967}.solver-readout p{font-size:11px;line-height:1.65;color:#747b6b;margin:11px 0 13px}.move-tape{display:flex;flex-wrap:wrap;gap:4px;max-height:113px;overflow:auto}.move-tape span{padding:4px 5px;font:9px Courier New,monospace;border:1px solid #dce0d3;color:#8d9483}.move-tape .move-done{color:#586448;background:#e8eddd;border-color:transparent}.move-tape .move-current{background:var(--accent);color:#303623;border-color:#aabc64}.solver-lab .transport-primary{gap:19px}.solver-lab .play-label{min-width:170px}.solver-lab .transport-options{gap:18px}@media (max-width:1100px){.solver-lab .transport-primary{gap:13px}.solver-lab .play-label{min-width:140px}}@media (max-width:760px){.lab-header .lab-edition .experiment-code{display:none}.solver-lab .identity-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.solver-lab .identity-option{height:49px}.solver-lab .identity-option svg{width:27px;height:27px}.solver-lab .selected-identity{grid-column:1/-1;min-height:74px}.solver-readout{grid-column:1/-1;min-height:115px}.solver-lab .next-identity{grid-column:1/-1;justify-content:space-between;margin:0 0 16px;padding:12px 0 0;border-top:1px solid var(--line)}.solver-lab .play-label{min-width:0}.solver-lab .transport-primary{gap:13px}}@media (max-width:430px){.solver-lab .identity-option{height:43px}.solver-lab .identity-option svg{width:24px;height:24px}.solver-lab .transport-primary{gap:11px}.solver-lab .text-button{white-space:nowrap}.solver-lab .play-label>span{font-size:6px;letter-spacing:.25px}}@media (max-width:360px){.solver-lab .cube-scale{transform:scale(.62)}.solver-lab .transport-primary{gap:8px}.solver-lab .play-label strong{font-size:11px}.solver-lab .play-label>span{font-size:6px;letter-spacing:0}.solver-lab .text-button{font-size:9px!important;gap:3px}.solver-lab .text-button svg{width:12px;height:12px}}