*,: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;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Gill Sans,system-ui,sans-serif;line-height:1.5}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}::-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}@font-face{font-family:Heal The Web;src:url(/assets/fonts/heal-the-web-a-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}html:has(article.crossword){scroll-snap-type:y mandatory}article.crossword .above{scroll-snap-align:start}article.crossword hgroup{max-width:var(--lg);margin:0 auto}article.crossword~footer.bottom{scroll-snap-align:end}article.crossword .game{max-width:var(--lg);scroll-snap-align:start;grid-template:"info assist assist""clue-banner across-header down-header""board across-clues down-clues"minmax(0,1fr)"keyboard keyboard keyboard"/minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row;gap:0;height:100svh;margin:0 auto;display:grid}article.crossword .game .info{grid-area:info;min-width:0}article.crossword .game .assist{grid-area:assist;min-width:0}article.crossword .game .across-header{grid-area:across-header}article.crossword .game .down-header{grid-area:down-header}article.crossword .game .clue-banner{grid-area:clue-banner}article.crossword .game .board{grid-area:board}article.crossword .game .across-clues{grid-area:across-clues}article.crossword .game .down-clues{grid-area:down-clues}article.crossword .game .across-clues,article.crossword .game .down-clues{min-height:0;overflow-y:auto}article.crossword .game .keyboard{grid-area:keyboard;display:none}article.crossword .game .intro{z-index:2;grid-area:info-start/1/keyboard-end/-1}article.crossword .game .completion{z-index:1;grid-area:across-clues-start/across-header-start/across-clues-end/down-clues-end}@media (width<768px){article.crossword .game{grid-template:"info assist""board board"minmax(0,1fr)"clue-banner clue-banner""keyboard keyboard"/minmax(0,1fr) minmax(0,1fr)}article.crossword .game .across-header,article.crossword .game .down-header,article.crossword .game .across-clues,article.crossword .game .down-clues{display:none}article.crossword .game .completion{grid-area:board-start/1/keyboard-end/-1}@media (pointer:coarse){article.crossword .game .keyboard{display:block}}}article.crossword hgroup{padding:1em}article.crossword hgroup h1{letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance;font-family:Heal The Web;font-size:clamp(2.5rem,12vw,5rem);line-height:1}article.crossword hgroup .byline a{text-decoration:underline}@media (width<768px){article.crossword .assist,article.crossword .info{border-top:1px solid var(--color-dark)}article.crossword .assist{flex-wrap:wrap;justify-content:flex-end;gap:.25em .5em}article.crossword .assist>*{min-width:0}article.crossword .info [data-entry-preview]{letter-spacing:.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}article.crossword .intro,article.crossword .completion{background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;gap:1em;padding-top:10%;display:flex}:is(article.crossword .intro,article.crossword .completion)>*{max-width:var(--sm)}:is(article.crossword .intro,article.crossword .completion) .icon{width:20em;height:20em}article.crossword .info{text-align:center}article.crossword .info [data-entry-preview]{letter-spacing:.5em;font-family:monospace;font-weight:700}article.crossword .assist{align-items:center;gap:1em;padding:.5em;display:flex;container:assist/inline-size}article.crossword .assist>*{min-width:4em}article.crossword .assist>.grouped{display:none}@container assist (inline-size<20em){article.crossword .assist>.split{display:none}article.crossword .assist>.grouped{display:inline-block}}article.crossword .clue-banner,article.crossword .across-header,article.crossword .down-header{border-top:1px solid var(--color-dark);border-bottom:1px solid var(--color-dark)}article.crossword .clue-header{justify-content:center;align-items:center;font-weight:700;display:flex}article.crossword .clue-banner{justify-content:space-between;align-items:stretch;min-height:3.5em;font-size:clamp(.1rem,.5rem + 1.5vw,1rem);line-height:1.3;display:flex}article.crossword .clue-banner .prev,article.crossword .clue-banner .next{touch-action:manipulation;min-width:2.5em}article.crossword .clue-banner .current-clue{color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex:1;padding:0 .75em}article.crossword .clue-banner .current-clue:active{background-color:var(--color-secondary-active)}article.crossword .clue-banner .clue-label{font-weight:700}article.crossword .clue-group ol{list-style:none}article.crossword .clue-group ol li button{text-align:left;touch-action:manipulation;gap:.5em;width:100%;font-weight:400;display:flex}article.crossword .clue-group ol .number{text-align:right;flex:0 0 2.5em;font-weight:700}article.crossword .clue-group ol button.active{background-color:var(--color-active)}article.crossword .clue-group ol button.crossing .number{border-left:10px solid var(--color-secondary-active)}article.crossword .clue-group ol button.referenced .number{border-left:10px solid var(--color-active)}.board{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}crossword-board{aspect-ratio:var(--cols) / var(--rows);width:min(100%, calc(100cqh * var(--cols) / var(--rows)));touch-action:manipulation;outline:none;display:block}svg.grid{width:100%;height:100%;display:block}svg.grid .cell{fill:var(--color-surface);stroke:var(--color-board-border);stroke-width:.02px}svg.grid .cell.block{fill:var(--color-board-block)}svg.grid .cell.shaded{fill:color-mix(in srgb, var(--color-dark) 20%, var(--color-surface))}svg.grid .cell.empty{fill:none;stroke:none}svg.grid .cell.word{fill:var(--color-secondary-active)}svg.grid .cell.active{fill:var(--color-active)}svg.grid text{pointer-events:none;fill:var(--color-board-text)}svg.grid .circle{fill:none;stroke:var(--color-board-border);stroke-width:.03px}svg.grid .number{font-size:.28px}svg.grid .prefilled,svg.grid .entry{text-anchor:middle;font-size:.7px}svg.grid .entry.rebus{font-size:.32px}svg.grid .entry.correct{fill:var(--color-correct)}svg.grid .entry.wrong{fill:var(--color-wrong);text-decoration:underline}svg.grid .split{stroke:var(--color-board-border);stroke-width:.08px;stroke-dasharray:.09;stroke-dashoffset:.1px}svg.grid .outline{fill:none;stroke-width:.06px}svg.grid.thumbnail{background-color:var(--color-surface)}svg.grid.thumbnail .blocks{fill:var(--color-board-block)}svg.grid.thumbnail .shaded{fill:color-mix(in srgb, var(--color-dark) 20%, var(--color-surface))}svg.grid.thumbnail .lines{fill:none;stroke:var(--color-board-border);stroke-width:.02px}header.top,footer.bottom{background-color:var(--color-dark)}:is(header.top,footer.bottom) a.logo{height:100%;display:block}:is(header.top,footer.bottom) a.logo img{height:100%}header.top{z-index:10;height:var(--header-height);justify-content:space-between;align-items:center;padding:1em 2em;display:flex;position:sticky;top:0}header.top nav{gap:.5em;display:flex}header.top nav .button.ghost{color:var(--color-surface)}header.top nav .button.ghost:hover{background-color:color-mix(in srgb, var(--color-surface) 15%, transparent)}header.top nav .button.primary{border-color:var(--color-surface)}.button{border:1px solid var(--color-dark);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5em;padding:.5em 1em;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .1s ease-out;display:inline-flex}.button:hover{background-color:var(--color-secondary-active)}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button.htmx-request{cursor:progress;opacity:.7}.button.primary{background-color:var(--color-dark);border-color:var(--color-dark);color:var(--color-surface)}.button.primary:hover{background-color:var(--color-1);border-color:var(--color-1)}.button.secondary{background-color:var(--color-secondary-active);border-color:#0000}.button.secondary:hover{background-color:var(--color-1);color:var(--color-surface)}.button.danger{border-color:var(--color-wrong);color:var(--color-wrong)}.button.danger:hover{background-color:var(--color-wrong);color:var(--color-surface)}.button.ghost{background:0 0;border-color:#0000;font-weight:400}.button.ghost:hover{background-color:color-mix(in srgb, var(--color-dark) 8%, transparent)}.button.small{padding:.25em .625em;font-size:.875em}.button-form{display:inline}.input-component{flex-direction:column;gap:.25em;display:flex}.input-component label{font-size:.875em;font-weight:700}.input-component input,.input-component textarea{border:1px solid var(--color-dark);background:var(--color-surface);width:100%;color:var(--color-text);padding:.5em .75em}:is(.input-component input,.input-component textarea):focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.input-component .shell{display:flex}.input-component .shell input{flex:1;min-width:0}.input-component .shell.password button{cursor:pointer;background:0 0;border:0;min-width:max(15%,4em);padding:.5em;font-size:.875em}.input-component .shell.password button:hover{background-color:color-mix(in srgb, var(--color-dark) 8%, transparent)}.input-component .shell.prefixed{justify-content:center;align-items:center;display:flex}.dropdown{touch-action:manipulation;display:inline-block;position:relative}.dropdown>.menu{position-area:bottom span-right;border:1px solid var(--color-dark);background-color:var(--color-surface);min-inline-size:10em;color:var(--color-text);margin-top:.6em;position:absolute;inset:auto}.dropdown>.menu [role=menuitem]{text-align:left;cursor:pointer;background:0 0;border:0;inline-size:100%;padding:.5em .75em;display:block}.dropdown>.menu [role=menuitem]:hover,.dropdown>.menu [role=menuitem]:focus-visible{background-color:var(--color-secondary-active);outline:none}.dropdown>.menu hr{border:0;border-top:1px solid var(--color-dark);opacity:.2;margin:.25em 0}@supports not (position-area:bottom){.dropdown>.menu{inset:auto;top:var(--menu-top,50%);left:var(--menu-left,50%);position:fixed}}.keyboard{background-color:var(--color-secondary-active);-webkit-user-select:none;user-select:none;touch-action:manipulation;padding:12px 12px 16px;font-family:system-ui,-apple-system,sans-serif}.keyboard .row{gap:4px;margin-bottom:12px;display:flex}.keyboard .row:last-child{margin-bottom:0}.keyboard .key{background-color:var(--color-surface);min-width:0;min-height:40px;color:var(--color-text);transform-origin:bottom;will-change:transform;-webkit-tap-highlight-color:transparent;border:0;flex:1 1 0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.125em;font-weight:500;display:flex;box-shadow:0 1px 2px #0003}.keyboard .key:active{z-index:1;transform:scaleY(1.6)}.keyboard .key:active>*{transform:scaleY(.625)translateY(-.5em)}.keyboard .key.special{flex-grow:1.5;font-size:.875em}.keyboard .key[aria-pressed=true]{background-color:var(--color-active)}.puzzle-cards{grid-template-columns:repeat(auto-fill,minmax(14em,1fr));gap:1em;list-style:none;display:grid}.puzzle-card{border:1px solid var(--color-dark);background-color:var(--color-surface);flex-direction:column;display:flex}.puzzle-card .thumbnail{border-bottom:1px solid var(--color-dark);display:block}.puzzle-card .thumbnail svg{width:100%;height:auto;display:block}.puzzle-card .card-body{flex-direction:column;gap:.25em;padding:.75em 1em 1em;display:flex}.puzzle-card h3{font-size:1.125em;font-weight:700;line-height:1.2}.puzzle-card h3 a:hover{text-decoration:underline}.puzzle-card .byline a:hover{text-decoration:underline}.puzzle-card .details{opacity:.8;font-size:.875em}.puzzle-card .progress{font-size:.875em;font-weight:700}.puzzle-card .progress[hidden]{display:none}.puzzle-card .badges{gap:.5em;margin-top:.25em;display:flex}.puzzle-card .card-actions{justify-content:flex-end;margin-top:auto;padding-top:.5em;display:flex}.puzzle-card.row{flex-direction:row;align-items:stretch}.puzzle-card.row .thumbnail{border-bottom:0;border-right:1px solid var(--color-dark);flex:0 0 12em}.puzzle-card.row .thumbnail svg{height:100%}.puzzle-card.row .card-body{flex:1;min-width:0}.puzzle-card.row.reverse{flex-direction:row-reverse}.puzzle-card.row.reverse .thumbnail{border-right:0;border-left:1px solid var(--color-dark)}.puzzle-card+.puzzle-card.row{margin-top:1em}@media (width<640px){.puzzle-card{max-width:min(80%,400px);margin:0 auto}.puzzle-card.row,.puzzle-card.row.reverse{flex-direction:column}:is(.puzzle-card.row,.puzzle-card.row.reverse) .thumbnail{border-left:0;border-right:0;border-bottom:1px solid var(--color-dark);flex-basis:auto}:is(.puzzle-card.row,.puzzle-card.row.reverse) .thumbnail svg{height:auto}}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-surface);background-color:var(--color-dark);padding:.1em .5em;font-size:.75em;font-weight:700;display:inline-block}.badge.cryptic{background-color:var(--color-4)}.badge.featured{background-color:var(--color-2);color:var(--color-dark)}:scope section.featured .card-body{color:var(--color-surface)}:scope section.featured .card-body.category-big{background-color:var(--color-big)}:scope section.featured .card-body.category-midi{background-color:var(--color-midi)}:scope section.featured .card-body.category-mini{background-color:var(--color-mini)}:scope section.featured .card-body .badge{background-color:var(--color-surface);color:var(--color-dark)}.input-component .highlighted-textarea>*{border-color:var(--color-dark)}.input-component .highlighted-textarea .backdrop{background:var(--color-surface)}textarea[data-markdown]{resize:none;field-sizing:content;width:100%;color:var(--color-text);caret-color:var(--color-text);background:0 0}textarea[data-markdown][data-highlighted]{color:#0000}.highlighted-textarea{display:grid;position:relative}.highlighted-textarea>*{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0000;grid-area:1/1;margin:0;padding:.5em .75em;line-height:1.4}.highlighted-textarea .backdrop{color:var(--color-text);pointer-events:none;overflow:hidden}.highlighted-textarea .backdrop strong{font-weight:inherit;color:var(--color-1)}.highlighted-textarea .backdrop em{font-style:italic}.highlighted-textarea .backdrop a{text-underline-offset:.15em;color:var(--color-1);text-decoration:underline}.highlighted-textarea .backdrop .marker{color:color-mix(in srgb, var(--color-dark) 40%, transparent);text-decoration:none}.highlighted-textarea textarea{position:relative}.highlighted-textarea textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}footer.bottom{text-align:center;grid-template-rows:auto;grid-template-columns:auto;align-items:center;margin-top:4em;display:grid}footer.bottom img{pointer-events:none;-webkit-user-select:none;user-select:none;user-drag:none;-webkit-user-drag:none}footer.bottom>*{grid-area:1/1/2/2}footer.bottom .info{justify-content:center;display:flex}footer.bottom .info>*{background-color:var(--color-surface);border:1px solid var(--color-dark);width:fit-content;padding:1em}main.auth{max-width:var(--xs);min-height:80svh;margin:0 auto;padding:2em 1em}main.auth h1{letter-spacing:-.03em;margin-bottom:1em;font-family:Heal The Web;font-size:3em;line-height:1}main.auth form{flex-direction:column;justify-content:end;display:flex}.flow>*+*{margin-top:1em}main.edit{max-width:var(--lg);grid-template-columns:3fr 2fr;align-items:start;gap:2em;margin:0 auto;padding:2em 1em 12em;display:grid}main.edit h2{border-bottom:1px solid var(--color-dark);margin:1.5em 0 .5em;padding-bottom:.25em;font-size:1.25em;font-weight:700}main.edit>.grid{min-width:0;max-width:100%;position:sticky;top:1em}main.edit>.grid .disclaimer{opacity:.7;margin-bottom:1em;font-size:.875em}main.edit>.grid svg.grid{width:100%;height:auto}main.edit>.grid .preview-tabs{gap:.25em;margin-bottom:1em;display:flex}main.edit>.grid .preview-tabs .tab{cursor:pointer}main.edit>.grid .preview-tabs .tab input{opacity:0;width:1px;height:1px;position:absolute}main.edit>.grid .preview-tabs .tab span{border:1px solid var(--color-dark);padding:.4em .9em;font-weight:700;display:inline-block}main.edit>.grid .preview-tabs .tab:hover span{background-color:var(--color-secondary-active)}main.edit>.grid .preview-tabs .tab input:checked+span{background-color:var(--color-dark);color:var(--color-surface)}main.edit>.grid .preview-tabs .tab input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}main.edit>.grid .preview .panel{display:none}main.edit>.grid pre.panel{border:1px solid var(--color-dark);white-space:pre;tab-size:2;max-width:100%;max-height:70vh;padding:1em;font-family:ui-monospace,monospace;font-size:.75em;line-height:1.5;overflow:auto}:is(main.edit>.grid:has(input[value=grid]:checked) .grid-panel,main.edit>.grid:has(input[value=json]:checked) .json-panel,main.edit>.grid:has(input[value=xd]:checked) .xd-panel){display:block}main.edit form.meta{flex-direction:column;gap:1em;margin-bottom:2em;display:flex}main.edit form.meta.htmx-request .save-status{opacity:.6}main.edit .title-input{letter-spacing:-.03em;width:100%;color:var(--color-text);background:0 0;border:0;border-bottom:2px solid #0000;padding:.1em 0;font-family:Heal The Web;font-size:4em;line-height:1}main.edit .title-input::placeholder{color:color-mix(in srgb, var(--color-dark) 30%, transparent)}main.edit .title-input:hover{border-bottom-color:color-mix(in srgb, var(--color-dark) 20%, transparent)}main.edit .title-input:focus-visible{border-bottom-color:var(--color-focus);outline:none}main.edit .input-component.title{gap:0}main.edit .dimensions{opacity:.7}main.edit .hint{opacity:.6;font-size:.8em}main.edit .actions{gap:.75em;margin-bottom:2em;display:flex}main.edit .toggle label{cursor:pointer;align-items:center;gap:.5em;font-size:.875em;font-weight:700;display:flex}main.edit .toggle label input{width:1.1em;height:1.1em;accent-color:var(--color-1)}main.edit .save-status{opacity:.6;min-height:1.25em;font-size:.8em}main.edit .share{margin-bottom:2em}main.edit .share p{opacity:.8;margin-bottom:.75em;font-size:.875em}main.edit .share .share-link{align-items:center;gap:.5em;margin-bottom:.5em;display:flex}main.edit .share .share-link input{text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb, var(--color-dark) 30%, transparent);flex:1;min-width:0;padding:.4em .6em;font-family:ui-monospace,monospace;font-size:.875em;overflow:hidden}main.edit .share .share-actions{gap:.5em;display:flex}main.edit .danger-zone{border:1px solid var(--color-wrong);margin-top:3em;padding:1em}main.edit .danger-zone summary{cursor:pointer;color:var(--color-wrong);font-weight:700}main.edit .danger-zone p{margin:.75em 0;font-size:.875em}main.edit .clue-group ol{padding:0;list-style:none}main.edit .clue-row{border-bottom:1px solid var(--color-dark);padding:1em 1em 2em}main.edit .clue-row form{align-items:center}main.edit .clue-row form.htmx-request{opacity:.6}main.edit .clue-row .number{padding-right:1em}main.edit .clue-row .answer{letter-spacing:.05em;align-items:center;font-weight:700;display:inline-flex}main.edit .clue-row .answer .letter{padding:0 .1em}main.edit .clue-row .answer .gap{cursor:pointer;background:0 0;border:0;width:.5em;height:1.5em;padding:0;position:relative}main.edit .clue-row .answer .gap:after{content:"";border-left:2px dashed color-mix(in srgb, var(--color-dark) 30%, transparent);position:absolute;inset:.15em 45%}main.edit .clue-row .answer .gap:hover:after{border-color:var(--color-1)}main.edit .clue-row .answer .gap.split{padding:0 1em}main.edit .clue-row .answer .gap.split:after{border-left:2px solid color-mix(in srgb, var(--color-dark) 30%, transparent)}main.edit .clue-row .clue-body{border-color:#0000}main.edit .clue-row .clue-body:hover{border-color:color-mix(in srgb, var(--color-dark) 30%, transparent)}main.edit .clue-row .refs{flex-wrap:wrap;grid-column:2;align-items:center;gap:.375em;margin:.5em;font-size:.875em;display:flex}main.edit .clue-row .refs .ref{background:var(--color-secondary-active);align-items:center;gap:.25em;padding:.125em .25em .125em .5em;display:inline-flex}main.edit .clue-row .refs .ref .remove{cursor:pointer;background:0 0;border:0;padding:0 .25em;line-height:1}main.edit .clue-row .refs .ref .remove:hover{background:var(--color-surface)}main.edit .clue-row .refs .add-ref{font:inherit;border:1px dashed color-mix(in srgb, var(--color-dark) 40%, transparent);color:var(--color-text);background:0 0;padding:.125em .5em}main.edit .clue-row .error{grid-column:2}@media (width<768px){main.edit{grid-template-columns:1fr}main.edit>.grid{order:-1;position:static}}main.dashboard{max-width:var(--lg);flex-direction:column;gap:3em;margin:0 auto;padding:2em 1em 4em;display:flex}main.dashboard .dashboard-header{background-color:var(--color-1);color:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:1em;padding:2em 1em;display:flex}main.dashboard .dashboard-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.dashboard .dashboard-header .subtitle{margin-top:.5em}main.dashboard .private .section-header{background-color:var(--color-3)}main.dashboard .public .section-header{background-color:var(--color-4)}main.dashboard .section-header{color:var(--color-surface);justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:1em;padding:1em;display:flex}main.dashboard .section-header h2{font-size:1.25em;font-weight:700}main.dashboard .puzzle-list{flex-direction:column;gap:.75em;list-style:none;display:flex}main.dashboard .puzzle-row{border:1px solid var(--color-dark);justify-content:space-between;align-items:center;gap:1.5em;padding:1em 1.25em;display:flex}main.dashboard .puzzle-row .grid-container{border:1px solid var(--color-dark);width:100%;max-width:12em}main.dashboard .puzzle-meta{flex-direction:column;gap:.25em;width:100%;min-width:0;display:flex}main.dashboard .puzzle-meta h3{font-size:1.125em;font-weight:700}main.dashboard .puzzle-meta h3 a:hover{text-decoration:underline}main.dashboard .puzzle-meta .details,main.dashboard .puzzle-meta .date{font-size:1em}main.dashboard .puzzle-actions{flex-shrink:0;gap:.5em;display:flex}main.dashboard .empty-state{text-align:center;border:1px dashed var(--color-dark);opacity:.7;padding:2em}main.dashboard .empty-state a{text-decoration:underline}main.dashboard .upload-panel{margin-top:1em}main.dashboard .upload-panel summary{cursor:pointer;width:fit-content;list-style:none}main.dashboard .upload-panel summary::-webkit-details-marker{display:none}main.dashboard .upload-panel summary:focus-visible{outline:none}main.dashboard .upload-panel summary:focus-visible .button{outline:2px solid var(--color-focus);outline-offset:2px}main.dashboard .upload-panel[open] summary .button{background-color:var(--color-secondary-active)}main.dashboard .upload-panel form.upload{flex-direction:column;gap:.75em;margin-top:1em;display:flex}main.dashboard .upload-panel .dropzone{border:1px dashed var(--color-dark);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.25em;padding:1.25em 1em;display:flex;position:relative}main.dashboard .upload-panel .dropzone:hover{border-color:var(--color-focus)}main.dashboard .upload-panel .dropzone:has(input:focus-visible){border-color:var(--color-focus)}main.dashboard .upload-panel .dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}main.dashboard .upload-panel .dropzone .prompt{font-weight:700}main.dashboard .upload-panel .dropzone .formats{opacity:.6;font-size:.875em}@media (width<640px){main.dashboard .dashboard-header{flex-direction:column}main.dashboard .puzzle-row{flex-direction:column;align-items:stretch}main.dashboard .puzzle-row .grid-container{margin:0 auto}}main.settings{max-width:var(--md);flex-direction:column;gap:2em;margin:0 auto;padding:2em 1em 4em;display:flex}main.settings .settings-header{color:var(--color-surface);background-color:var(--color-1);padding:2em 1em}main.settings .settings-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.settings .settings-header .subtitle{margin-top:.5em}main.settings .settings-header .subtitle a:hover{text-decoration:underline}main.settings .profile-form{flex-direction:column;gap:1em;display:flex}main.settings .save-status{opacity:.7;min-height:1.25em;font-size:.875em}main.settings .avatar-section{flex-direction:column;gap:1em;display:flex}main.settings .avatar-section h2{font-size:1.25em;font-weight:700}main.settings .avatar-row{align-items:flex-start;gap:1.5em;display:flex}main.settings .avatar-form{flex-direction:column;flex:1;gap:.75em;display:flex}main.settings .dropzone{border:1px dashed var(--color-dark);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.25em;padding:1.25em 1em;display:flex;position:relative}main.settings .dropzone:hover{border-color:var(--color-focus)}main.settings .dropzone:has(input:focus-visible){border-color:var(--color-focus)}main.settings .dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}main.settings .dropzone .prompt{font-weight:700}main.settings .dropzone .formats{opacity:.6;font-size:.875em}@media (width<640px){main.settings .avatar-row{flex-direction:column;align-items:center}}main.lander{min-height:100vh}section.hero{background-color:var(--color-dark);padding:0 1em 1em}section.hero .intro{display:contents}section.hero svg{width:100%;max-height:30vh;margin:0 auto;display:block}header.top:has(+section.hero) a.logo{transition:translate .15s ease-in-out;translate:0 -200%}header.top:has(+section.hero)[data-hero-gone] a.logo{translate:0}section.hero .intro{--blue-hold:1.4s;--move:.7s;--pause-after-move:.4s;--fade:.65s;--move-at:calc(var(--total) + var(--blue-hold));--cross-at:calc(var(--move-at) + var(--move) + var(--pause-after-move));--word-at:calc(var(--cross-at) + var(--fade));--dot-at:calc(var(--word-at) + var(--fade))}section.hero .intro .cross{fill:var(--color-1)}section.hero .intro .word{fill:var(--color-2)}section.hero .intro .dot{fill:var(--color-3)}section.hero .intro .blue{fill:var(--color-4);opacity:0;animation:1ms step-end forwards appear;animation-delay:var(--total)}section.hero .intro .cross,section.hero .intro .word,section.hero .intro .dot{opacity:0;animation:appear var(--fade) ease-out forwards}section.hero .intro .cross{animation-delay:var(--cross-at)}section.hero .intro .word{animation-delay:var(--word-at)}section.hero .intro .dot{animation-delay:var(--dot-at)}section.hero .intro .tail{translate:var(--center-shift) 0;animation:slide var(--move) cubic-bezier(.4, 0, .2, 1) forwards;animation-delay:var(--move-at)}section.hero .intro .buzzword{fill:var(--color-4);letter-spacing:-.04em;font-family:Heal The Web;font-size:166.43px}section.hero .intro .buzzword text{opacity:0;animation:flash var(--slot) step-end forwards;animation-delay:var(--start);pointer-events:none}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes appear{to{opacity:1}}@keyframes slide{to{translate:0}}section.hero[data-intro-done] .intro .tail,section.hero[data-intro-done] .intro .cross,section.hero[data-intro-done] .intro .word,section.hero[data-intro-done] .intro .dot,section.hero[data-intro-done] .intro .blue{opacity:1;animation:none;translate:none}section.hero[data-intro-done] .intro .buzzword text{animation:none}@media (prefers-reduced-motion:reduce){section.hero .intro .tail,section.hero .intro .cross,section.hero .intro .word,section.hero .intro .dot,section.hero .intro .blue{opacity:1;animation:none;translate:none}section.hero .intro .buzzword text{animation:none}}main.listing{max-width:var(--md);flex-direction:column;gap:2em;margin:0 auto;padding:2em 1em 4em;display:flex}main.listing .listing-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1em;display:flex}main.listing .listing-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.listing .category-tabs{gap:.25em;display:flex}main.listing .category-tabs .tab{border:1px solid var(--color-dark);padding:.4em .9em;font-weight:700}main.listing .category-tabs .tab:hover{background-color:var(--color-secondary-active)}main.listing .category-tabs .tab.active{background-color:var(--color-dark);color:var(--color-surface)}main.listing .filters{border:1px solid var(--color-dark);flex-wrap:wrap;align-items:center;gap:1em;padding:1em;display:flex}main.listing .filters label{align-items:center;gap:.5em;display:flex}main.listing .filters select{border:1px solid var(--color-dark);background-color:var(--color-surface);font:inherit;padding:.4em .6em}main.listing .category-section{flex-direction:column;gap:1em;display:flex}main.listing .category-section>h2,main.listing .category-section .section-header{color:var(--color-surface);background-color:var(--color-1);justify-content:space-between;align-items:baseline;gap:1em;padding:1em;display:flex}main.listing .category-section h2{font-size:1.25em;font-weight:700}main.listing .category-section.featured>h2{background-color:var(--color-2);color:var(--color-dark)}main.listing .category-section .section-header .button.ghost{color:inherit}main.listing .empty-state{text-align:center;border:1px dashed var(--color-dark);opacity:.7;padding:2em}main.profile .profile-header{color:var(--color-surface);background-color:var(--color-1);align-items:flex-start;gap:1.5em;padding:2em 1em;display:flex}main.profile .profile-header .identity{flex-direction:column;gap:.5em;min-width:0;display:flex}main.profile .profile-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.profile .profile-header .bio{max-width:60ch}main.profile .profile-header .bio a{text-decoration:underline}main.profile .profile-header a.link{color:inherit}.avatar{border:1px solid var(--color-dark);object-fit:cover;background-color:var(--color-surface);flex-shrink:0;width:8em;height:8em}.avatar.placeholder{width:2em;height:2em;color:var(--color-dark);justify-content:center;align-items:center;font-family:Heal The Web;font-size:4em;display:flex}@media (width<640px){main.profile .profile-header{text-align:center;flex-direction:column;align-items:center}}main.text{max-width:var(--md);margin:0 auto;padding:2em 1em 4em}.prose{line-height:1.6}.prose h1{letter-spacing:-.03em;margin-bottom:1em;font-family:Heal The Web;font-size:3em;line-height:1}.prose h2{margin:2em 0 .5em;font-size:1.25em;font-weight:700}.prose h3{margin:1.5em 0 .5em;font-weight:700}.prose p,.prose ul,.prose ol{margin:0 0 1em}.prose ul,.prose ol{padding-left:1.5em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose a{color:var(--color-1);text-decoration:underline}.prose code{background-color:color-mix(in srgb, var(--color-dark) 8%, var(--color-surface));padding:.1em .3em;font-family:ui-monospace,monospace;font-size:.9em}.prose blockquote{border-left:3px solid var(--color-1);opacity:.85;margin:0 0 1em;padding-left:1em}.prose hr{border:0;border-top:1px solid var(--color-dark);margin:2em 0}:root{--color-1:#0e94dd;--color-1-light:#cfe8ff;--color-2:#fab81d;--color-2-light:gold;--color-3:#a0cc40;--color-4:#ea5498;--color-dark:#222;--color-surface:#fefefe;--color-wrong:#c22;--color-big:var(--color-1);--color-midi:var(--color-4);--color-mini:var(--color-3);--color-correct:var(--color-1);--color-text:var(--color-dark);--color-active:var(--color-2-light);--color-secondary-active:var(--color-1-light);--color-focus:var(--color-1);--color-board-block:var(--color-1);--color-board-border:var(--color-dark);--color-board-text:var(--color-text);--xs:30em;--sm:640px;--md:768px;--lg:1024px;--xl:1280px;--header-height:4em}body{background-color:var(--color-surface);color:var(--color-text)}a.link{text-decoration:underline}a[aria-busy=true]{cursor:progress}.error{color:var(--color-wrong);font-size:.875em}.error:empty{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}