*:focus,*:focus-within{outline-offset:5px;outline-width:3px;outline-color:color-mix(in srgb, var(--action-color) 50%, transparent) !important}html{--grid1: 1.2rem;--grid1⁄4: calc(var(--grid1) * 1/4);--grid1⁄3: calc(var(--grid1) * 1/3);--grid1⁄2: calc(var(--grid1) * 1/2);--grid3⁄4: calc(var(--grid1) * 3/4);--grid5⁄4: calc(var(--grid1) * 5/4);--grid3⁄2: calc(var(--grid1) * 3/2);--grid2: calc(var(--grid1) * 2);--grid3: calc(var(--grid1) * 3);--grid4: calc(var(--grid1) * 4);--grid5: calc(var(--grid1) * 5);--grid6: calc(var(--grid1) * 6);--grid7: calc(var(--grid1) * 7);--grid8: calc(var(--grid1) * 8);--grid9: calc(var(--grid1) * 9);--grid10: calc(var(--grid1) * 10);--grid11: calc(var(--grid1) * 11);--grid12: calc(var(--grid1) * 12);--grid13: calc(var(--grid1) * 13);--grid14: calc(var(--grid1) * 14);--grid15: calc(var(--grid1) * 15);--grid16: calc(var(--grid1) * 16);--grid17: calc(var(--grid1) * 17);--grid18: calc(var(--grid1) * 18);--grid19: calc(var(--grid1) * 19);--grid20: calc(var(--grid1) * 20);--nav-bar-height: var(--grid2)}@media all and (max-width: 42em){html{--grid1: 1.0rem}}html{--theme-hue0: 256;--theme-hue1: 127;--text-color: oklch( 6% 0.200 var(--theme-hue0));--background-color: white;--background-hot-color: white;--action-color: oklch( 52% 0.270 var(--theme-hue0));--action-border-color: oklch( 62% 0.130 var(--theme-hue0));--action-hot-text-color: white;--meta-text-color: oklch( 72% 0.080 var(--theme-hue1));--meta-background: oklch( 96% 0.012 var(--theme-hue1));--notice-color: #080;--error-color: #800;--active-color: color-mix(in srgb, var(--action-color), var(--text-color));--active-background-color: color-mix(in srgb, var(--action-color) 25%, var(--background-color))}@media(prefers-color-scheme: dark){html{--text-color: oklch( 80% 0.001 var(--theme-hue0));--background-color: oklch( 20% 0.002 var(--theme-hue0));--background-hot-color: black;--action-color: oklch( 80% 0.250 var(--theme-hue0));--action-border-color: oklch( 42% 0.110 var(--theme-hue0));--action-hot-text-color: oklch( 10% 0.002 var(--theme-hue0));--meta-text-color: oklch( 56% 0.080 var(--theme-hue1));--meta-background: oklch( 30% 0.012 var(--theme-hue1));--error-color: #F44}}html{font-family:"Avenir Next",Verdana,Sans-serif;line-height:var(--grid3⁄2);--body-font-size: 1rem;--h1-font-size: 1.6rem;--h2-font-size: 1.3rem;--h3-font-size: 1.0rem;--small-font-size: 85%;--paragraph-spacing: 0.8em}@media all and (max-width: 32em){html{--h1-font-size: 1.4rem;--h2-font-size: 1.2rem}}body,html{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);scroll-padding-top:var(--grid5)}body{min-width:300px}a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--action-border-color);text-underline-offset:.167em}a:link,a:visited{color:var(--action-color)}a:active{color:var(--action-color)}a:hover{color:var(--action-color);text-decoration-color:var(--action-color)}img{image-rendering:auto !important}p{padding:0;margin:var(--paragraph-spacing) 0}h1,h2,h3,h4,h5,h6{padding:0;margin:var(--grid1) 0 var(--grid1⁄2) 0;color:var(--meta-text-color)}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}ul{list-style-type:none}ul,ol,li{margin:0;padding:0}iframe{border:none}table{border-spacing:0;border-collapse:separate}td,th{padding:0}pre{font-family:Menlo,Consolis,monospace;line-height:125%}main{margin:var(--grid1)}main.center-hero{max-width:24em;margin:0 auto;height:67vh;display:flex;flex-direction:column;align-itrems:center;justify-content:center}main.comfortable-width{max-width:42em}main.comfortable-width.wide{max-width:72em}main.comfortable-width{box-sizing:border-box;margin:0 auto;padding:0 var(--grid1)}.nav-top{position:sticky;top:0;height:var(--nav-bar-height);box-sizing:border-box;background:var(--meta-background);padding:var(--grid1⁄2) var(--grid1);display:flex;align-items:center;gap:var(--grid1);justify-content:space-between}.nav-top .optional-label{display:inline}.nav-top .session{width:0;flex:1 1 auto;display:flex;gap:var(--grid1⁄2);justify-content:right;align-items:center}.nav-top .session .username{overflow:hidden;text-overflow:ellipsis}.nav-top .session .avatar{width:var(--grid2)}.nav-top a{white-space:nowrap}.nav-top a.button{margin:0 var(--grid1⁄2)}@media all and (max-width: 36em){.nav-top .optional-label{display:none}}.back:before{content:"❮";margin-right:var(--grid1⁄2);text-decoration:none;display:inline-block}.detail-nav{display:block;margin:var(--grid1⁄2)}.detail-nav:after{content:"❯";margin-left:var(--grid1⁄2);text-decoration:none;display:inline-block}.aside{display:inline-block;margin-left:1ex;color:var(--meta-text-color);font-weight:normal;font-size:1rem}.aside form{display:inline-block}.aside form button{margin-left:0;margin-right:var(--grid1⁄4)}.sticky{position:sticky;top:var(--nav-bar-height);background:var(--background-color);padding:var(--grid1⁄4);margin:calc(-1*var(--grid1⁄4))}.flash{margin:var(--grid1) var(--grid2);padding:var(--grid1⁄2) var(--grid2);border-radius:var(--grid1);border:1px solid;box-sizing:border-box;font-weight:500;font-size:125%}.flash.notice{border-color:var(--notice-color);background:color-mix(in srgb, var(--notice-color) 10%, var(--background-color))}.flash.error{border-color:var(--error-color);background:color-mix(in srgb, var(--error-color) 10%, var(--background-color))}.mini-flash.error{border-left:var(--grid1⁄2) solid var(--error-color);padding-left:var(--grid1⁄2);color:color-mix(in srgb, var(--error-color) 50%, var(--text-color))}button,a.button,input[type=submit]{background:var(--background-hot-color);color:var(--action-color);--border-width: 1px;border:var(--border-width) solid var(--action-border-color);margin:calc(var(--grid1⁄4) - var(--border-width)) calc(-1*var(--grid1⁄2) - var(--border-width));border-radius:var(--grid1⁄2);padding:0 var(--grid1⁄2);text-align:center;text-decoration:none !important;font:inherit}button:hover,a.button:hover,input[type=submit]:hover{border-color:var(--action-color)}button.big,a.button.big,input[type=submit].big{margin:var(--grid1⁄2) 0;background:var(--action-color);color:var(--action-hot-text-color);padding:var(--grid1⁄2) var(--grid1);font-weight:500}button:active,a.button:active,input[type=submit]:active{background-color:var(--active-color);border-color:var(--active-color);color:var(--action-hot-text-color)}.loading-indicator{animation:fade-in 2s ease-out infinite}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.choices{display:flex;gap:var(--grid1);--row-height: var(--grid3⁄2);margin:var(--grid1⁄2) 0}.choices .title{color:var(--meta-text-color);height:var(--row-height);line-height:var(--row-height)}.choices .group{display:flex;align-items:center;border-radius:var(--grid1⁄4);border:1px solid var(--action-color);margin:-1px}.choices .choice{height:var(--row-height);line-height:var(--row-height);text-decoration:none;padding:0 var(--grid1⁄2);border-right:1px solid var(--action-color)}.choices .choice:last-child{border-right:none}.choices .choice.active,.choices .choice:has(input:checked){background:var(--action-color);color:var(--action-hot-text-color)}.choices .choice:focus-within{outline-color:-webkit-focus-ring-color;outline-style:auto}.choices .choice input[type=radio]{position:fixed;opacity:0;pointer-events:none}.choices .choice .aside{color:var(--meta-text-color);text-decoration-color:var(--meta-text-color);font-size:var(--small-font-size);margin-left:1ex}.choices button,.choices a.button,.choices input[type=submit]{height:var(--row-height);margin:0;padding-top:0;padding-bottom:0}table.index th{text-align:left}table.index td,table.index th{padding:0 var(--grid1⁄2)}table.index td a+a,table.index th a+a{margin-left:1ex}table.index td.score,table.index th.score{text-align:center;background:oklch(from var(--meta-text-color) l calc(c * 2) calc(pow(var(--score), 4) * 120 + 30)/calc(var(--score) * 75%))}table.index td.numeric,table.index th.numeric{text-align:right}table.index tr.header td,table.index tr.header th{border-bottom:.5px solid var(--meta-text-color)}table.index tr.footer td,table.index tr.footer th{border-top:.5px solid var(--meta-text-color)}table.row-click tr:hover:not(.header):not(.footer){background:var(--active-background-color);cursor:pointer}.metadata-group{margin-bottom:var(--grid1)}.status{color:var(--meta-text-color)}.status .status-message{display:inline-block;font-weight:700;color:var(--text-color)}.progress-bar{box-sizing:border-box;margin:var(--grid1) 0;height:var(--grid3⁄2);border-radius:var(--grid1);border:.5px solid var(--meta-text-color);text-align:center;overflow:hidden}.progress-bar:before{width:calc(100%*var(--progress-bar-value));height:var(--grid2);margin-bottom:calc(-1*var(--grid2));content:" ";display:block;box-sizing:border-box;background:var(--meta-background);border-right:.5px solid var(--meta-text-color)}.admin-form{margin:var(--grid1) 0;width:fit-content;max-width:32em}.admin-form.wide{max-width:fit-content}.admin-form input[type=text],.admin-form input[type=date],.admin-form input[type=checkbox],.admin-form input[type=number],.admin-form select,.admin-form textarea{font-family:inherit;font-size:100%;color:var(--text-color);background:var(--background-hot-color);border:1px solid var(--meta-text-color);height:var(--grid3⁄2);box-sizing:border-box;padding:0 1ex;-moz-appearance:none;-webkit-appearance:none;appearance:none}.admin-form select{border-radius:var(--grid1⁄4)}.admin-form input[type=checkbox]{vertical-align:middle;width:var(--grid1);height:var(--grid1);padding:0;position:relative;top:-0.1em}.admin-form input[type=checkbox]:checked{background:var(--action-color);border-color:var(--action-color)}.admin-form input[type=checkbox]:active{border-width:var(--grid1⁄4);border-color:var(--meta-text-color)}.admin-form form .field{margin:var(--grid1⁄2) 0}.admin-form .field label{color:var(--meta-text-color)}.admin-form .hint{font-size:var(--small-font-size);color:var(--meta-text-color);margin:var(--grid1⁄2) 0;line-height:var(--grid1)}.admin-form .hint ul{list-style-type:disc}.admin-form .hint ul li{margin-left:var(--grid1)}.admin-form textarea{width:100%}.admin-form textarea[rows]{height:auto}.admin-form .form-error{color:var(--error-color)}.admin-form .field_with_errors{display:inline}.admin-form .field label{display:inline-block;text-align:right;width:var(--grid5);box-sizing:border-box;padding-right:var(--grid1⁄4)}.admin-form .field:has(.field_with_errors) label{border-left:var(--grid1⁄4) solid var(--error-color)}.admin-form .field .error{color:var(--error-color);font-size:var(--small-font-size);margin-left:var(--grid5)}.admin-form .action-buttons{text-align:right}.admin-form.compact label{width:auto}.admin-form.compact .field{display:inline}.admin-form.compact input[type=submit]{margin-left:var(--grid1⁄2)}.puzzle-status-overview{margin:var(--grid1) 0}.puzzle-status-overview .puzzle-status{padding:var(--grid1) 0;border:0 solid var(--meta-background);border-width:.5px 0;margin:-1px 0}.puzzle-status-overview .puzzle-status .puzzle-type{margin-bottom:var(--grid1⁄2);display:flex;align-items:first baseline}.puzzle-status-overview .puzzle-status .puzzle-type .name,.puzzle-status-overview .puzzle-status .puzzle-type .desc{font-weight:500}.puzzle-status-overview .puzzle-status .puzzle-type .name{color:var(--meta-text-color);padding:var(--grid1⁄4) 0;border-radius:var(--grid1⁄2);margin-right:var(--grid1);width:var(--grid5);font-size:125%;text-align:right}.puzzle-status-overview .puzzle-status .info{margin-left:var(--grid6)}.puzzle-status-overview .puzzle-status .info .state{font-weight:bold;display:inline;margin-right:var(--grid1)}.instructions ul{list-style-type:disc;margin-left:var(--grid1)}.instructions ul li::marker{color:var(--meta-text-color)}.instructions ul li{line-height:var(--grid5⁄4);margin:var(--grid1⁄2) 0}.instructions ul{max-width:32rem}@media all and (min-width: 48rem){.instructions ul{max-width:64rem;columns:2;column-gap:var(--grid2)}.instructions ul li{break-inside:avoid-column}}.instructions .callout-content{display:inline-block;background:var(--meta-background);border:1px solid var(--meta-text-color);border-radius:var(--grid1⁄4);margin:var(--grid1⁄4) 0;padding:var(--grid1⁄2);font-weight:500}.puzzle-content{width:100%;height:42rem;border:1px solid #000;box-sizing:border-box}.enrollment td{height:var(--grid2);padding-right:var(--grid1⁄2)}.enrollment td .choices{margin:0}.enrollment td.email{max-width:var(--grid16);overflow-wrap:break-word}.enrollment .status-already_enrolled,.enrollment .status-error{color:var(--meta-text-color)}.enrollment .choices{color:var(--action-color)}.edit-cohort .puzzle-type{height:var(--grid2)}.edit-cohort .puzzle-type .name{font-weight:500;display:inline-block;width:var(--grid2);margin:0 var(--grid1⁄4)}.edit-cohort .puzzle-type .desc{color:var(--meta-text-color);display:inline}.edit-cohort .field-puzzle_score_denominator label{width:unset}.edit-cohort .field-puzzle_score_denominator input{width:var(--grid6)}