@layer bq.reset{*,: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(--font-body);font-feature-settings:normal;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;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}::-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}:where(dialog){margin:auto}}@layer bq.tokens{:root{--xs:30em;--sm:640px;--md:768px;--lg:1024px;--xl:1280px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--text-sm:clamp(.833rem, .811rem + .112vw, .9rem);--text-base:clamp(1rem, .958rem + .208vw, 1.125rem);--text-lg:clamp(1.2rem, 1.131rem + .344vw, 1.406rem);--text-xl:clamp(1.44rem, 1.334rem + .53vw, 1.758rem);--text-2xl:clamp(1.728rem, 1.572rem + .782vw, 2.197rem);--text-3xl:clamp(2.074rem, 1.849rem + 1.122vw, 2.747rem);--radius-1:.25rem;--radius-2:.5rem;--radius-3:1rem;--radius-full:9999px;--shadow-1:0 1px 2px #00000014;--shadow-2:0 2px 8px #0000001a, 0 1px 2px #0000000f;--shadow-3:0 16px 40px #00000029, 0 2px 8px #00000014;--duration-fast:.1s;--duration:.2s;--duration-slow:.4s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-toast:40;--focus-ring-width:2px;--focus-ring-offset:2px;--border-width:1px;--radius:0;--button-weight:bold;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:var(--lightningcss-light,#000)var(--lightningcss-dark,#f2f2f2);--paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121212);--brand:#0a84ff;--font-body:system-ui, sans-serif;--font-title:var(--font-body);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-surface:var(--paper);--color-text:var(--ink);--color-border:var(--ink);--color-primary:var(--brand);--color-on-primary:var(--color-surface);--color-error:var(--lightningcss-light,#c0392b)var(--lightningcss-dark,#ff6b5b);--color-on-error:var(--color-surface);--color-success:var(--lightningcss-light,#1e8449)var(--lightningcss-dark,#4cc38a);--color-muted:color-mix(in srgb, var(--ink) 33%, var(--paper));--color-surface-muted:color-mix(in srgb, var(--ink) 7%, var(--paper));--focus-ring-color:var(--color-primary)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer bq.base{:root{background-color:var(--color-surface);color:var(--color-text);accent-color:var(--color-primary);scrollbar-gutter:stable;interpolate-size:allow-keywords}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance}p{text-wrap:pretty}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.error{color:var(--color-error);font-size:.875em}.error:empty{display:none}[aria-busy=true],.htmx-request{cursor:progress}.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}.error-page{align-items:flex-start;gap:var(--space-4);max-inline-size:60ch;padding:var(--space-7) var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.error-page h1{font-family:var(--font-title);font-size:var(--text-2xl);font-weight:700}.error-page ul{padding-inline-start:var(--space-5);list-style-type:disc}.error-page li+li{margin-block-start:var(--space-1)}.error-page a{color:var(--color-primary);text-underline-offset:.15em;text-decoration:underline}}@layer bq.elements;@layer bq.components{.button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--button-weight);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:.5em;padding:.5em 1em;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{background-color:var(--color-surface-muted)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button.htmx-request{opacity:.7}.button.primary{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-surface)}.button.primary:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.button.secondary{background-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-surface));border-color:#0000}.button.secondary:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.button.danger{border-color:var(--color-error);color:var(--color-error)}.button.danger:hover{background-color:var(--color-error);color:var(--color-on-error)}.button.ghost{background:0 0;border-color:#0000;font-weight:400}.button.ghost:hover{background-color:var(--color-surface-muted)}.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:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);padding:.5em .75em}:is(.input-component input,.input-component textarea):focus-visible{outline-offset:1px}.input-component textarea{field-sizing:content;min-block-size:4lh}.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:var(--color-surface-muted)}.input-component .shell.prefixed{justify-content:center;align-items:center;gap:.5em}.input-component .password-input::-ms-reveal{display:none}.input-component .prefix,.input-component .suffix{color:var(--color-muted);white-space:nowrap}.input-component .hint{color:var(--color-muted);font-size:.875em}}@layer app;cw-card{border:1px solid var(--color-border);background-color:var(--color-surface);flex-direction:column;height:100%;display:flex}cw-card .thumbnail{aspect-ratio:1;border-bottom:1px solid var(--color-border);place-items:center;display:grid}cw-card .thumbnail svg{aspect-ratio:1;width:100%;max-height:100%;display:block}cw-card .body{flex-direction:column;gap:.25em;padding:.75em 1em 1em;display:flex}cw-card h3{font-size:1.125em;font-weight:700;line-height:1.2}cw-card h3 a:hover{text-decoration:underline}cw-card .byline a:hover{text-decoration:underline}cw-card .details,cw-card .date{opacity:.8;font-size:.875em}cw-card .progress{font-size:.875em;font-weight:700}cw-card .progress[hidden]{display:none}cw-card .badges{gap:.5em;margin-top:.25em;display:flex}cw-card .badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-contrast);background-color:var(--color-contrast);padding:.1em .5em;font-size:.75em;font-weight:700;display:inline-block}cw-card .badge.cryptic{background-color:var(--color-4)}cw-card .badge.featured{background-color:var(--color-2);color:var(--color-on-brand)}cw-card .actions{flex-wrap:wrap;justify-content:flex-end;gap:.5em;margin-top:auto;padding-top:.5em;display:flex}cw-card[layout=row],cw-card[layout=row-reverse]{flex-direction:row;align-items:stretch}:is(cw-card[layout=row],cw-card[layout=row-reverse]) .thumbnail{border-bottom:0;border-right:1px solid var(--color-border);flex:0 0 12em}:is(cw-card[layout=row],cw-card[layout=row-reverse]) .body{flex:1;min-width:0}cw-card[layout=row-reverse]{flex-direction:row-reverse}cw-card[layout=row-reverse] .thumbnail{border-right:0;border-left:1px solid var(--color-border)}cw-card[tinted] .body{color:var(--color-on-brand)}cw-card[tinted] .body.category-big{background-color:var(--color-big)}cw-card[tinted] .body.category-midi{background-color:var(--color-midi)}cw-card[tinted] .body.category-mini{background-color:var(--color-mini)}cw-card[tinted] .body .badge{background-color:var(--color-surface);color:var(--color-text)}@media not (min-width:640px){cw-card{max-width:min(80%,400px);margin:0 auto}cw-card[layout=row],cw-card[layout=row-reverse]{flex-direction:column}:is(cw-card[layout=row],cw-card[layout=row-reverse]) .thumbnail{aspect-ratio:1;border-left:0;border-right:0;border-bottom:1px solid var(--color-border);flex-basis:auto}}cw-crossword .board{grid-area:board;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}cw-crossword .board .stage{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}cw-crossword .board .frame{aspect-ratio:var(--cols) / var(--rows);width:min(100%, calc(100cqh * var(--cols) / var(--rows)));outline:none;display:block}cw-crossword .board .tagline{text-align:center}cw-crossword .board .tagline a{color:var(--color-1);text-decoration:underline}.dropdown{touch-action:manipulation;display:inline-block;position:relative}.dropdown>.menu{position-area:bottom span-right;border:1px solid var(--color-border);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-border);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)}cw-crossword{max-width:var(--lg);touch-action:manipulation;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}cw-crossword .info{grid-area:info;min-width:0}cw-crossword .assist{grid-area:assist;min-width:0}cw-crossword .across-header{grid-area:across-header}cw-crossword .down-header{grid-area:down-header}cw-crossword .clue-banner{grid-area:clue-banner}cw-crossword .across-clues{grid-area:across-clues}cw-crossword .down-clues{grid-area:down-clues}cw-crossword .across-clues,cw-crossword .down-clues{min-height:0;overflow-y:auto}cw-crossword .keyboard{grid-area:keyboard;display:none}cw-crossword .intro{z-index:2;grid-area:info-start/1/keyboard-end/-1}cw-crossword .completion{z-index:1;grid-area:across-clues-start/across-header-start/across-clues-end/down-clues-end}cw-crossword .options{z-index:2;grid-area:board-start/1/board-end/-1;overflow-y:auto}cw-crossword .options cw-options{width:min(100%, var(--xs))}cw-crossword .intro,cw-crossword .completion,cw-crossword .options{background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;gap:1em;padding-top:10%;display:flex}:is(cw-crossword .intro,cw-crossword .completion,cw-crossword .options)>*{max-width:var(--sm)}:is(cw-crossword .intro,cw-crossword .completion,cw-crossword .options) .icon{width:20em;height:20em}cw-crossword .info{text-align:center}cw-crossword .info [data-entry-preview]{letter-spacing:.5em;font-family:monospace;font-weight:700}cw-crossword .assist{align-items:center;gap:1em;padding:.5em;display:flex;container:assist/inline-size}cw-crossword .assist>*{min-width:4em}cw-crossword .assist>.options-button{min-width:0;margin-left:auto;font-weight:700}cw-crossword .assist>.grouped{display:none}@container assist (inline-size<20em){cw-crossword .assist>.split{display:none}cw-crossword .assist>.grouped{display:inline-block}}cw-crossword .clue-banner,cw-crossword .across-header,cw-crossword .down-header{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}cw-crossword .clue-header{justify-content:center;align-items:center;font-weight:700;display:flex}cw-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}cw-crossword .clue-banner .prev,cw-crossword .clue-banner .next{touch-action:manipulation;min-width:2.5em}cw-crossword .clue-banner .current-clue{color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex:1;padding:0 .75em}cw-crossword .clue-banner .current-clue:active{background-color:var(--color-secondary-active)}cw-crossword .clue-banner .clue-label{font-weight:700}cw-crossword .clue-group ol{list-style:none}cw-crossword .clue-group ol li button{text-align:left;touch-action:manipulation;gap:.5em;width:100%;font-weight:400;display:flex}cw-crossword .clue-group ol .number{text-align:right;flex:0 0 2.5em;font-weight:700}cw-crossword .clue-group ol button.active{background-color:var(--color-active)}cw-crossword .clue-group ol button.crossing .number{border-left:10px solid var(--color-secondary-active)}cw-crossword .clue-group ol button.referenced .number{border-left:10px solid var(--color-active)}@media not (min-width:768px){cw-crossword{grid-template:"info assist""board board"minmax(0,1fr)"clue-banner clue-banner""keyboard keyboard"/minmax(0,1fr) minmax(0,1fr)}cw-crossword .across-header,cw-crossword .down-header,cw-crossword .across-clues,cw-crossword .down-clues{display:none}cw-crossword .completion,cw-crossword .options{grid-area:board-start/1/keyboard-end/-1}@media (pointer:coarse){cw-crossword .keyboard{display:block}}}footer.bottom{background-color:var(--color-contrast);text-align:center;grid-template-rows:auto;grid-template-columns:auto;align-items:center;margin-top:4em;display:grid}footer.bottom .logo{pointer-events:none;-webkit-user-select:none;user-select:none}footer.bottom .logo svg.logo{width:100%;height:auto}footer.bottom .logo svg.stacked{display:none}@media not (min-width:768px){footer.bottom .logo svg.small{display:none}footer.bottom .logo svg.stacked{display:block}}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-border);width:fit-content;padding:1em}svg.grid{width:100%;height:100%;display:block}svg.grid .cell{fill:var(--color-board-surface);stroke:var(--color-board-border);stroke-width:.02px}svg.grid .cell.block{fill:var(--color-board-block)}svg.grid .cell.shaded{fill:var(--color-board-shaded)}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);font-family:var(--font-board-family)}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-board-surface)}svg.grid.thumbnail .blocks{fill:var(--color-board-block)}svg.grid.thumbnail .shaded{fill:var(--color-board-shaded)}svg.grid.thumbnail .lines{fill:none;stroke:var(--color-board-border);stroke-width:.02px}header.top{z-index:10;height:var(--header-height);background-color:var(--color-contrast);justify-content:space-between;align-items:center;padding:1em 2em;display:flex;position:sticky;top:0}header.top a.logo{height:100%;display:block}header.top nav{gap:.5em;display:flex}header.top nav .button.ghost{color:var(--color-on-contrast)}header.top nav .button.ghost:hover{background-color:color-mix(in srgb, var(--color-on-contrast) 15%, transparent)}header.top nav .button.primary{border-color:var(--color-on-contrast)}.options-link{font-weight:700}svg.logo{height:100%;display:block}svg.logo .cross{fill:var(--color-1)}svg.logo .word{fill:var(--color-2)}svg.logo .dot{fill:var(--color-3)}svg.logo .blue{fill:var(--color-4)}cw-markdown{display:block}cw-markdown .editor{display:grid;position:relative}cw-markdown .editor>*{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}cw-markdown .editor>.backdrop,cw-markdown .hint{color:var(--color-text);pointer-events:none;overflow:hidden}:is(cw-markdown .editor>.backdrop,cw-markdown .hint) strong{font-weight:inherit;color:var(--color-1)}:is(cw-markdown .editor>.backdrop,cw-markdown .hint) em{font-style:italic}:is(cw-markdown .editor>.backdrop,cw-markdown .hint) a{text-underline-offset:.15em;color:var(--color-1);text-decoration:underline}:is(cw-markdown .editor>.backdrop,cw-markdown .hint) .marker{color:color-mix(in srgb, var(--color-text) 40%, transparent);text-decoration:none}cw-markdown .editor>textarea{resize:none;field-sizing:content;width:100%;min-block-size:auto;color:var(--color-text);caret-color:var(--color-text);background:0 0;position:relative}cw-markdown .editor>textarea.highlighted{color:#0000}cw-markdown .editor>textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}cw-markdown .hint{opacity:.6;font-size:.8em}cw-markdown[bordered] .editor>*{border-color:var(--color-border)}cw-markdown[bordered] .editor>.backdrop{background:var(--color-surface)}cw-options{display:block}cw-options form.options{flex-direction:column;gap:1em;display:flex}cw-options .field{flex-direction:column;gap:.25em;display:flex}cw-options .field label{font-size:.875em;font-weight:700}cw-options .field select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;padding:.5em .75em}cw-options .field select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}main.account{max-width:var(--md);flex-direction:column;gap:2em;margin:0 auto;padding:2em 1em 4em;display:flex}main.account .account-header{color:var(--color-on-brand);background-color:var(--color-1);padding:2em 1em}main.account .account-header h1{font-family:var(--font-display-family);letter-spacing:-.03em;font-size:3em;line-height:1}main.account .account-header .subtitle{margin-top:.5em}main.account .account-header .subtitle a:hover{text-decoration:underline}main.account .profile-form{flex-direction:column;gap:1em;display:flex}main.account .save-status{opacity:.7;min-height:1.25em;font-size:.875em}main.account .avatar-section{flex-direction:column;gap:1em;display:flex}main.account .avatar-section h2{font-size:1.25em;font-weight:700}main.account .avatar-row{align-items:flex-start;gap:1.5em;display:flex}main.account .avatar-form{flex-direction:column;flex:1;gap:.75em;display:flex}main.account .dropzone{border:1px dashed var(--color-border);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:.25em;padding:1.25em 1em;display:flex;position:relative}main.account .dropzone:hover{border-color:var(--color-focus)}main.account .dropzone:has(input:focus-visible){border-color:var(--color-focus)}main.account .dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}main.account .dropzone .prompt{font-weight:700}main.account .dropzone .formats{opacity:.6;font-size:.875em}@media not (min-width:640px){main.settings .avatar-row{flex-direction:column;align-items:center}}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-on-brand);justify-content:space-between;align-items:flex-start;gap:1em;padding:2em 1em;display:flex}main.dashboard .dashboard-header h1{font-family:var(--font-display-family);letter-spacing:-.03em;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-on-brand);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:1em;list-style:none;display:flex}main.dashboard .empty-state{text-align:center;border:1px dashed var(--color-border);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-border);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 not (min-width:640px){main.dashboard .dashboard-header{flex-direction:column}}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-border);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-border);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-contrast);color:var(--color-on-contrast)}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-border);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{font-family:var(--font-display-family);letter-spacing:-.03em;width:100%;color:var(--color-text);background:0 0;border:0;border-bottom:2px solid #0000;padding:.1em 0;font-size:4em;line-height:1}main.edit .title-input::placeholder{color:color-mix(in srgb, var(--color-text) 30%, transparent)}main.edit .title-input:hover{border-bottom-color:color-mix(in srgb, var(--color-border) 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-border) 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-border);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-border) 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-border) 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-border) 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-border) 40%, transparent);color:var(--color-text);background:0 0;padding:.125em .5em}main.edit .clue-row .error{grid-column:2}@media not (min-width:768px){main.edit{grid-template-columns:1fr}main.edit>.grid{order:-1;position:static}}main.auth{max-width:var(--xs);min-height:80svh;margin:0 auto;padding:2em 1em}main.auth h1{font-family:var(--font-display-family);letter-spacing:-.03em;margin-bottom:1em;font-size:3em;line-height:1}main.auth form{flex-direction:column;justify-content:end;display:flex}.flow>*+*{margin-top:1em}html:has(article.crossword){scroll-snap-type:y mandatory}article.crossword .above,article.crossword cw-crossword{scroll-snap-align:start}article.crossword~footer.bottom{scroll-snap-align:end}article.crossword hgroup{max-width:var(--lg);margin:0 auto;padding:1em}article.crossword hgroup h1{font-family:var(--font-display-family);letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.5rem,12vw,5rem);line-height:1}article.crossword hgroup .byline a{text-decoration:underline}@media not (min-width:768px){article.crossword .assist,article.crossword .info{border-top:1px solid var(--color-border)}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}}main.lander{min-height:100vh}main.lander .featured-cards{flex-direction:column;gap:1em;list-style:none;display:flex}section.hero{background-color:var(--color-contrast);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).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);font-family:var(--font-display-family);letter-spacing:-.04em;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.intro-done .intro .tail,section.hero.intro-done .intro .cross,section.hero.intro-done .intro .word,section.hero.intro-done .intro .dot,section.hero.intro-done .intro .blue{opacity:1;animation:none;translate:none}section.hero.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}}.puzzle-cards{grid-template-columns:repeat(auto-fill,minmax(14em,1fr));gap:1em;list-style:none;display:grid}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{font-family:var(--font-display-family);letter-spacing:-.03em;font-size:3em;line-height:1}main.listing .category-tabs{gap:.25em;display:flex}main.listing .category-tabs .tab{border:1px solid var(--color-border);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-contrast);color:var(--color-on-contrast)}main.listing .filters{border:1px solid var(--color-border);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-border);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-on-brand);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-on-brand)}main.listing .category-section .section-header .button.ghost{color:inherit}main.listing .empty-state{text-align:center;border:1px dashed var(--color-border);opacity:.7;padding:2em}main.profile .profile-header{color:var(--color-on-brand);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{font-family:var(--font-display-family);letter-spacing:-.03em;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-border);object-fit:cover;background-color:var(--color-surface);flex-shrink:0;width:8em;height:8em}.avatar.placeholder{font-family:var(--font-display-family);width:2em;height:2em;color:var(--color-text);justify-content:center;align-items:center;font-size:4em;display:flex}@media not (min-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{font-family:var(--font-display-family);letter-spacing:-.03em;margin-bottom:1em;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-text) 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-border);margin:2em 0}@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}@font-face{font-family:Cabin;src:url(/assets/fonts/cabin-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cabin;src:url(/assets/fonts/cabin-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Cabin;src:url(/assets/fonts/cabin-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cabin;src:url(/assets/fonts/cabin-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family:"Cabin", "Gill Sans", system-ui, sans-serif;--font-display-family:"Heal The Web", var(--font-family);--font-board-family:var(--font-family);--ink:#222;--paper:#fefefe;--color-1:#0e94dd;--color-1-light:#cfe8ff;--color-2:#fab81d;--color-2-light:gold;--color-3:#a0cc40;--color-4:#ea5498;--color-surface:var(--paper);--color-text:var(--ink);--color-border:var(--ink);--color-contrast:var(--ink);--color-on-contrast:var(--color-surface);--color-on-brand:var(--color-surface);--color-wrong:#c22;--color-big:var(--color-1);--color-midi:var(--color-4);--color-mini:var(--color-3);--color-correct:var(--color-1);--color-active:var(--color-2-light);--color-secondary-active:var(--color-1-light);--color-focus:var(--color-1);--color-board-surface:var(--color-surface);--color-board-block:var(--color-1);--color-board-border:var(--color-border);--color-board-text:var(--color-text);--color-board-shaded:color-mix(in srgb, var(--color-border) 20%, var(--color-board-surface));--color-primary:var(--color-1);--color-error:var(--color-wrong);--color-muted:color-mix(in srgb, var(--color-text) 45%, var(--color-surface));--color-surface-muted:color-mix(in srgb, var(--color-text) 7%, var(--color-surface));--font-body:var(--font-family)}[data-theme=green]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-1:#a0cc40;--color-1-light:#e3f1c4;--color-2:#0e94dd;--color-2-light:#8fcdf7;--color-3:#fab81d;--color-big:#0e94dd;--color-midi:#ea5498;--color-mini:#a0cc40}[data-theme=yellow]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-1:#fab81d;--color-1-light:#fdebb8;--color-2:#0e94dd;--color-2-light:#8fcdf7;--color-3:#a0cc40;--color-4:#ea5498;--color-big:#0e94dd;--color-midi:#ea5498;--color-mini:#a0cc40}[data-theme=pink]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-1:#ea5498;--color-1-light:#fbd3e4;--color-2:#0e94dd;--color-2-light:#8fcdf7;--color-3:#a0cc40;--color-4:#fab81d;--color-big:#0e94dd;--color-midi:#ea5498;--color-mini:#a0cc40}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-1:#1b59a7;--color-1-light:#163a52;--color-2-light:#5c4a10;--color-surface:#15181c;--color-text:#e8e8e8;--color-border:#4a5058;--color-contrast:#1d2126;--color-on-contrast:var(--color-text);--color-on-brand:#fefefe;--color-wrong:#ff5c5c;--color-correct:#4fb3f0;--color-focus:#4fb3f0;--color-board-surface:#1d2126;--color-board-text:var(--color-text)}[data-theme=showroom]{--font-family:"Times", "Times New Roman", serif;--font-board-family:"Helvetica", "Arial", sans-serif;--paper:#fff;--ink:#000;--pear:#92ca3a;--color-1:var(--pear);--color-1-light:#ddd;--color-2:var(--pear);--color-2-light:color-mix(in srgb, var(--ink) 35%, var(--paper));--color-3:var(--pear);--color-4:var(--pear);--color-board-block:var(--pear);--color-correct:var(--pear);--color-surface:var(--paper);--color-text:var(--ink);--color-border:var(--ink);--color-contrast:var(--paper);--color-on-contrast:var(--ink);--color-on-brand:var(--paper);--color-focus:var(--ink)}[data-theme=boggle],[data-theme=times],[data-theme=boggle-dark]{--color-1:var(--ink);--color-1-light:color-mix(in srgb, var(--ink) 15%, var(--paper));--color-2:var(--ink);--color-2-light:color-mix(in srgb, var(--ink) 35%, var(--paper));--color-3:var(--ink);--color-4:var(--ink);--color-surface:var(--paper);--color-text:var(--ink);--color-border:var(--ink);--color-contrast:var(--paper);--color-on-contrast:var(--ink);--color-on-brand:var(--paper);--color-focus:var(--ink)}[data-theme=boggle]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#366c94;--paper:#faf3ea;--color-correct:#7aa57c;--color-wrong:#c8442c}[data-theme=boggle-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#d6d6d6;--paper:#315178;--color-secondary-active:#4a6e82;--color-correct:#7aa57c;--color-wrong:#c8442c}[data-theme=times]{--font-board-family:"Helvetica", "Arial", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#000;--paper:#fff;--color-secondary-active:#a7d8ff;--color-active:#ffda00;--color-correct:#2860d8;--color-wrong:#c8442c}:root{--header-height:4em}body{background-color:var(--color-surface);color:var(--color-text)}a.link{text-decoration:underline}
