/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:oklch(.505 .213 27.518);--color-amber-500:oklch(.769 .188 70.08);--color-sky-200:oklch(.901 .058 230.902);--color-sky-400:oklch(.746 .16 232.661);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-600:oklch(.446 .043 257.281);--color-gray-200:oklch(.928 .006 264.531);--color-gray-400:oklch(.707 .022 261.325);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#79b2c3;--color-primary:#0084d1;--animate-wiggle:wiggle 2s infinite ease-in-out}}@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}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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::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}:-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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-4{top:calc(var(--spacing)*4)}.-right-\[3px\]{right:-3px}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.right-12{right:calc(var(--spacing)*12)}.right-18{right:calc(var(--spacing)*18)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-bottom-\[44px\]{bottom:-44px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-10{bottom:calc(var(--spacing)*10)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.mb-70{margin-bottom:calc(var(--spacing)*70)}.ml-74{margin-left:calc(var(--spacing)*74)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hex{-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-32{width:calc(var(--spacing)*32);height:calc(var(--spacing)*32)}.h-10{height:calc(var(--spacing)*10)}.w-44{width:calc(var(--spacing)*44)}.w-full{width:100%}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.animate-wiggle{animation:var(--animate-wiggle)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-amber-500{color:var(--color-amber-500)}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.hover\:opacity-80:hover{opacity:.8}}.active\:opacity-80:active{opacity:.8}}@font-face{font-family:Hexaplex;src:url(../fonts/hexaplex.ttf)}*{touch-action:manipulation;-webkit-user-select:none;user-select:none}main *{cursor:url(../cursors/auto.png),auto!important}main a,main button,main a *,main button *{cursor:url(../cursors/pointer.png),pointer!important}a{text-decoration-line:underline;display:inline-block}@media (hover:hover){a:hover{color:var(--color-primary)}}a:active{color:var(--color-primary)}html,body{font-family:Hexaplex,monospace}main{height:100%}.webgl{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);--tw-outline-style:none;outline-style:none;position:fixed}.webgl.grab{cursor:url(../cursors/grab.png),grab!important}.webgl.grabbing{cursor:url(../cursors/grabbing.png),grabbing!important}.webgl.move{cursor:url(../cursors/move.png),move!important}.webgl.pointer{cursor:url(../cursors/pointer.png),pointer!important}.loading{top:calc(var(--spacing)*0);z-index:10;justify-content:center;align-items:center;gap:calc(var(--spacing)*8);width:100%;height:100%;transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;display:flex;position:fixed}@media (width<40rem){.loading{padding-bottom:calc(var(--spacing)*20)}}.loading .spinner{width:calc(var(--spacing)*28);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:var(--color-primary);-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}.loading .title{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));color:var(--color-white);text-transform:uppercase;text-shadow:5px 5px 2px var(--color-primary)}.loading #progress{bottom:calc(var(--spacing)*-5);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);color:var(--color-white);position:absolute}.menu{top:calc(var(--spacing)*0);z-index:10;width:100%;height:100%;transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed}@media (width<40rem){.menu{padding-bottom:calc(var(--spacing)*20)}}.menu .bg-hex{top:calc(var(--spacing)*-16);z-index:-10;width:calc(var(--spacing)*50);height:calc(var(--spacing)*50);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:color-mix(in oklab,var(--color-white)50%,transparent);justify-content:center;align-items:center;display:flex;position:absolute;left:50%;-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}.menu .bg-hex:after{width:calc(var(--spacing)*46);height:calc(var(--spacing)*46);background-color:color-mix(in oklab,var(--color-primary)80%,transparent);--tw-content:"";content:var(--tw-content);-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}.menu .title{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height));color:var(--color-white);text-transform:uppercase;text-shadow:5px 5px 2px var(--color-primary)}.menu button{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.menu button:has(label){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.menu footer{bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-white);opacity:0;text-shadow:.5px .5px .5px #000;position:absolute}@media (hover:hover){.menu footer a:hover{color:var(--color-sky-200)}}.menu footer a:active{color:var(--color-sky-200)}.modal-container{width:100%;height:100%;transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex;position:relative}@media (width<40rem){.modal-container{padding-bottom:calc(var(--spacing)*20)}}.modal-container .modal-content{z-index:10;width:calc(var(--spacing)*96);height:calc(var(--spacing)*96);min-width:calc(var(--spacing)*96);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:var(--color-white);padding-inline:calc(var(--spacing)*12);color:var(--color-slate-600);justify-content:center;align-items:center;display:flex;-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}.modal{align-items:center;gap:calc(var(--spacing)*4);text-align:center;flex-direction:column;display:flex}.modal h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.modal p{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}#credits.modal a{text-decoration-line:underline}@media (hover:hover){#credits.modal a:hover{color:var(--color-primary)}}#credits.modal a:active{color:var(--color-primary)}button.hex{min-height:calc(var(--spacing)*12);min-width:calc(var(--spacing)*12);background-color:var(--color-white);padding:calc(var(--spacing)*3);color:var(--color-primary);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){button.hex:hover{background-color:var(--color-sky-200)}}button.hex:active{background-color:var(--color-sky-200)}button.hex.toggle-off{color:var(--color-red-700)}button.hex.disabled{background-color:var(--color-gray-200);color:var(--color-gray-400)}button.hex:has(label){width:calc(var(--spacing)*24);height:calc(var(--spacing)*24);justify-content:center;align-items:center;gap:calc(var(--spacing)*1);flex-direction:column;display:flex}button.hex label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}button.hex.primary{background-color:var(--color-primary);color:var(--color-white)}@media (hover:hover){button.hex.primary:hover{background-color:var(--color-sky-400)}}button.hex.primary:active{background-color:var(--color-sky-400)}button.hex.secondary{background-color:var(--color-slate-200)}@media (hover:hover){button.hex.secondary:hover{background-color:var(--color-slate-100)}}button.hex.secondary:active{background-color:var(--color-slate-100)}div:has(#level){pointer-events:none;top:calc(var(--spacing)*0);--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:transparent;--tw-gradient-to-position:100%;width:100%;padding-block:calc(var(--spacing)*5);padding-bottom:calc(var(--spacing)*8);text-align:center;position:absolute}input[type=radio]{opacity:0;position:absolute}label:has(input[type=radio]){gap:calc(var(--spacing)*2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));display:flex;cursor:url(../cursors/pointer.png),pointer!important}input[type=radio]~.radio-mark{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);background-color:var(--color-primary);display:inline-block;position:relative;-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important;cursor:url(../cursors/pointer.png),pointer!important}input[type=radio]~.radio-mark:before{inset:calc(var(--spacing)*.5);width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);background-color:var(--color-white);--tw-content:"";content:var(--tw-content);display:inline-block;position:absolute;-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}input[type=radio]:checked~.radio-mark:after{inset:calc(var(--spacing)*1);width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);background-color:var(--color-primary);--tw-content:"";content:var(--tw-content);display:inline-block;position:absolute;-webkit-mask-image:url(../hex-mask.svg);mask-image:url(../hex-mask.svg);-webkit-mask-size:cover;mask-size:cover;aspect-ratio:1!important}#level{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));color:var(--color-primary);text-shadow:1px 1px 2px #fff}#tutorial{pointer-events:none;bottom:calc(var(--spacing)*28);width:100%;animation:var(--animate-pulse);padding-inline:calc(var(--spacing)*10);text-align:center;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-white);text-shadow:1px 1px 2px #000;position:absolute}body.fullscreen .fa-expand,body:not(.fullscreen) .fa-compress{display:none}body.fullscreen .fa-compress,body:not(.fullscreen) .fa-expand{display:inline-block}body.standalone .menu footer,body.standalone #back,body.standalone #controls,body.standalone div:has(#next){bottom:calc(var(--spacing)*8)}body.standalone #tutorial{bottom:calc(var(--spacing)*32)}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-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-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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-leading{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@keyframes pulse{50%{opacity:.5}}@keyframes wiggle{0%{transform:rotate(0)}5%{transform:rotate(10deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}25%{transform:rotate(0)}to{transform:rotate(0)}}