*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{block-size:100%;scroll-behavior:smooth}body{font-size:100%;line-height:1.5;min-block-size:100%}ul{list-style:none}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}button{cursor:pointer}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}button,input,textarea{background:0 0;border:none}embed,iframe,img,object,video{display:block;max-inline-size:100%}svg{max-inline-size:100%}table{table-layout:fixed;inline-size:100%}[hidden]{display:none!important}[tabindex="-1"]{outline:0!important}@media (prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}.sr-only{block-size:auto;border:0;clip:rect(0 0 0 0);inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden;white-space:nowrap}:root{--grey-dd:#ddd;--grey-cc:#ccc;--grey-aa:#aaa;--grey-aab:#aab3be;--grey-bb:#bbb;--grey-e4:#e4e4e4;--grey-69:#696969;--grey-f1:#f1f1f1;--grey-f5:#f5f5f5;--grey-333:#333;--grey-6c:#6c6c6c;--grey-db:#dbdbdb;--grey-c6:#c6c6c6;--grey-ed:#ededed;--black:var(--grey-33);--blue:#005c8a;--grey-33:#333;--grey-1d:#1d1d1b;--grey-01:#01000d;--white:#fff;--orange:#e08041;--orange-light:#f9e6d9;--red:#d34343;--red-light:#fddeda;--blue:#00b1eb;--green:#98cb52;--green-light:#d3eadd;--app-fg:var(--black);--app-bg:var(--white);--app-margin:var(--space-4x);--content-wrapper-max-inline-size:1440px;--game-max-block-size:100vh;--font-sans:"Lato",sans-serif;--shadow:0px 20px 32px rgba(17,17,17,0.08);--overlay:rgba(0,0,0,0.34901960784313724);--keyline:var(--grey-dd);--space:0.5rem;--space-2x:calc(var(--space)*2);--space-3x:calc(var(--space)*3);--space-4x:calc(var(--space)*4);--space-5x:calc(var(--space)*5);--space-6x:calc(var(--space)*6);--space-7x:calc(var(--space)*7);--space-8x:calc(var(--space)*8);--space-10x:calc(var(--space)*10);--space-11x:calc(var(--space)*11);--space-12x:calc(var(--space)*12);--space-14x:calc(var(--space)*14);--space-15x:calc(var(--space)*15);--space-16x:calc(var(--space)*16);--space-17x:calc(var(--space)*17);--space-18x:calc(var(--space)*18);--space-19x:calc(var(--space)*19);--space-20x:calc(var(--space)*20);--space-22x:calc(var(--space)*22);--space-24x:calc(var(--space)*24);--space-28x:calc(var(--space)*28);--space-30x:calc(var(--space)*30);--space-32x:calc(var(--space)*32);--space-35x:calc(var(--space)*35);--space-40x:calc(var(--space)*40);--space-46x:calc(var(--space)*46);--space-48x:calc(var(--space)*48);--space-64x:calc(var(--space)*64);--space-negative:calc(var(--space)*-1);--space-2x-negative:calc(var(--space)*-2);--space-3x-negative:calc(var(--space)*-3);--space-4x-negative:calc(var(--space)*-4);--space-5x-negative:calc(var(--space)*-5);--space-6x-negative:calc(var(--space)*-6);--space-7x-negative:calc(var(--space)*-7);--space-8x-negative:calc(var(--space)*-8);--space-10x-negative:calc(var(--space)*-10);--space-11x-negative:calc(var(--space)*-11);--space-12x-negative:calc(var(--space)*-12);--space-14x-negative:calc(var(--space)*-14);--space-15x-negative:calc(var(--space)*-15);--space-16x-negative:calc(var(--space)*-16);--space-17x-negative:calc(var(--space)*-17);--space-18x-negative:calc(var(--space)*-18);--space-19x-negative:calc(var(--space)*-19);--space-20x-negative:calc(var(--space)*-20);--space-22x-negative:calc(var(--space)*-22);--space-24x-negative:calc(var(--space)*-24);--space-28x-negative:calc(var(--space)*-28);--space-30x-negative:calc(var(--space)*-30);--space-32x-negative:calc(var(--space)*-32);--space-35x-negative:calc(var(--space)*-35);--space-40x-negative:calc(var(--space)*-40);--space-46x-negative:calc(var(--space)*-46);--space-48x-negative:calc(var(--space)*-48);--space-64x-negative:calc(var(--space)*-64)}html{font-size:62.5%;overscroll-behavior:none}body{background-color:var(--app-bg);color:var(--app-fg);font-family:var(--font-sans);font-size:1.6rem;font-weight:400;inset:0;position:fixed;-webkit-overflow-scrolling:touch}#vue-container{display:flex;flex-direction:column;min-block-size:100%;overflow:hidden;position:relative}[v-cloak]{display:none}.content-wrapper{inline-size:100vw;inline-size:100vi;margin-inline:auto;max-inline-size:var(--content-wrapper-max-inline-size);padding:0 var(--app-margin)}@font-face{font-display:swap;font-family:Lato;font-weight:300;font-style:normal;src:url(../assets/fonts/lato-light-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-weight:400;font-style:normal;src:url(../assets/fonts/lato-regular-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-weight:500;font-style:normal;src:url(../assets/fonts/lato-medium-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-weight:600;font-style:normal;src:url(../assets/fonts/lato-semibold-webfont.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-weight:700;font-style:normal;src:url(../assets/fonts/lato-bold-webfont.woff2) format("woff2")}:root{--game-and-keys-flex-direction:column;--ideal-grid-size:567px}@media (min-width:1024px){:root{--game-and-keys-flex-direction:row}}[data-area=main]{block-size:calc(100% - var(--puzzle-header-block))}@media (max-width:1023.98px){[data-area=main].content-wrapper{padding-inline:0}}@media (min-width:1024px){[data-area=main]{block-size:calc(100% - var(--puzzle-header-block) - var(--app-margin))}}.game-and-keys{block-size:100%;display:flex;flex-direction:var(--game-and-keys-flex-direction);position:relative}@media (min-width:1024px){.game-and-keys{gap:var(--app-margin);justify-content:center}}.gameplay-container{block-size:calc(100% - var(--sudoku-keys-block));flex-grow:1;overflow:hidden}@media (min-width:720px){.gameplay-container{margin-block:var(--app-margin)}}@media (min-width:1024px){.gameplay-container{block-size:100%;flex-grow:0}}.gameplay{inline-size:100%;margin:0 auto}@media (min-width:1024px){.gameplay{margin:0}}.grid-resized .gameplay{overflow:auto}.keys-container{flex-shrink:0}@media (min-width:1024px){.keys-container{margin-block-start:var(--app-margin)}}.action-bar[data-area=tools]{gap:var(--space-6x);margin-block-start:auto;padding-block:0 .6rem}@media (min-width:375px){.action-bar[data-area=tools]{padding-block:var(--space-2x)}}@media (min-width:720px){.action-bar[data-area=tools]{gap:var(--space-8x);padding-block:var(--space-4x)}}#pinch-zoom-image{transform-origin:top left}.gameplay svg{border:2px solid var(--grey-33)}.grid{fill:transparent;stroke:var(--grey-33);stroke-width:10px;pointer-events:none}.cell{fill:var(--sudoku-cell-bg,var(--white));stroke:var(--grey-33);stroke-width:4px}.given .cell{--sudoku-cell-bg:#dcdcdc}.selected-col .cell,.selected-row .cell{--sudoku-cell-bg:var(--orange-light)}.selected .cell{--sudoku-cell-bg:var(--orange)}.given.selected-col .cell,.given.selected-row .cell{--sudoku-cell-bg:#dfc3af}.incorrect .cell{--sudoku-cell-bg:var(--red-light)}.cell-note,.cell-number{font-family:var(--font-sans);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell-number{fill:var(--sudoku-cell-fg,var(--grey-01));font-weight:500;font-size:var(--sudoku-cell-number-font-size,55px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.selected .cell-number{--sudoku-cell-fg:var(--white)}.incorrect .cell-number{--sudoku-cell-fg:var(--grey-33)}.cell-note{fill:var(--sudoku-cell-fg,var(--black));font-size:25px;opacity:0}.cell-note.on{opacity:1}.cell-underline{fill:var(--cell-underline-fill,transparent)}.incorrect .cell-underline{--cell-underline-fill:var(--mid-red)}.grid-divider{pointer-events:none;stroke:var(--grey-33);stroke-width:9px}.cell-strike{stroke:var(--red);stroke-width:5px}:root{--sudoku-keys-padding:var(--space-2x) .3rem;--sudoku-keys-block:14.4rem;--sudoku-key-font-size:1.8rem;--sudoku-key-block:5rem;--sudoku-key-inline:5rem;--sudoku-keys-bg:var(--grey-ed);--sudoku-keys-border:1px solid var(--keyline);--sudoku-keys-column-gap:.5rem;--sudoku-keys-row-gap:.5rem;--sudoku-keys-container-inline:100%;--sudoku-keys-inline:calc(var(--sudoku-key-inline)*5 + var(--sudoku-keys-column-gap)*4);--sudoku-keys-positioning:flex-start}@media (min-width:375px) and (min-height:700px){:root{--sudoku-keys-block:17.3rem;--sudoku-key-block:6rem;--sudoku-key-inline:6rem}}@media (min-width:720px) and (min-height:950px){:root{--sudoku-keys-padding:var(--space-4x);--sudoku-keys-block:18.8rem;--sudoku-key-font-size:2rem;--sudoku-keys-column-gap:1.6rem;--sudoku-key-block:6rem;--sudoku-key-inline:6rem}}@media (min-width:1024px){:root{--sudoku-keys-padding:0px;--sudoku-keys-bg:transparent;--sudoku-keys-border:none;--sudoku-keys-column-gap:1.2rem;--sudoku-keys-row-gap:1rem;--sudoku-keys-container-inline:auto;--sudoku-keys-inline:calc(var(--sudoku-key-inline)*3 + var(--sudoku-keys-column-gap)*2);--sudoku-keys-positioning:flex-start;--sudoku-key-font-size:2.2rem;--sudoku-key-block:6rem;--sudoku-key-inline:6rem}}.keys-container{align-items:center;background-color:var(--sudoku-keys-bg);block-size:var(--sudoku-keys-block);border-block-start:var(--sudoku-keys-border);display:flex;flex-direction:column;gap:var(--sudoku-keys-column-gap);inline-size:var(--sudoku-keys-container-inline);justify-content:var(--sudoku-keys-positioning);padding:var(--sudoku-keys-padding);touch-action:none}.keys{display:flex;flex-wrap:wrap;gap:var(--sudoku-keys-row-gap);inline-size:var(--sudoku-keys-inline);justify-content:center;margin-inline:auto}.keys>li{block-size:var(--sudoku-key-block);display:flex;flex-direction:column;inline-size:var(--sudoku-key-inline);max-inline-size:6.7rem}@media (min-width:1024px){.keys>li:has([data-key=delete]){--sudoku-key-inline:100%;max-inline-size:100%}}.completed .keys{pointer-events:none}.key{align-items:center;background-color:var(--sudoku-key-bg,var(--white));block-size:100%;border:1px solid var(--grey-dd);border-radius:4px;box-shadow:0 1px 0 0 rgba(0,0,0,.1);display:flex;flex-shrink:0;font-size:var(--sudoku-key-font-size);font-weight:700;inline-size:100%;justify-content:center;position:relative;text-transform:uppercase;transition:transform .1s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key.active{box-shadow:none;transform:translateY(1px)}.pencil .key{--sudoku-key-font-size:1.2rem}@media (min-width:720px){.pencil .key{--sudoku-key-font-size:1.4rem}}.key--primary:after,.key--primary:before{opacity:0;position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .1s ease-in-out,transform .1s ease-in-out}.key--primary:before{align-items:center;background-color:var(--app-bg);block-size:var(--sudoku-key-block);border:1px solid var(--grey-bb);border-radius:inherit;content:attr(data-key);display:flex;inset:auto 0;justify-content:center;transform:scale(.7);z-index:2}.key--primary:after{background-color:var(--app-bg);border-block-end:1px solid var(--grey-bb);border-inline-end:1px solid var(--grey-bb);block-size:1rem;content:"";inline-size:1rem;inset:calc(100% - .5rem) auto auto 50%;transform:scale(.7) translateX(-50%) rotate(45deg);z-index:3}.key--primary.active,.key--primary:active{--sudoku-key-bg:var(--orange-light);box-shadow:none;transform:translateY(1px)}.key--primary.active:before,.key--primary:active:before{opacity:1;transform:translateY(calc(-100% - 10px)) scale(1)}.key--primary.active:after,.key--primary:active:after{opacity:1;transform:translateY(calc(var(--sudoku-key-block)*-1 - 10px)) translateX(-50%) scale(1) rotate(45deg)}.key--primary.pressed{--sudoku-key-bg:var(--orange-light)}.key--primary.used-up{--sudoku-key-bg:var(--grey-cc);pointer-events:none}@media (min-width:1024px){.key--primary:after,.key--primary:before{display:none}}.key--secondary{--sudoku-key-bg:var(--grey-c2);aspect-ratio:1/1}@media (min-width:720px){.key--secondary{aspect-ratio:auto}}.key--secondary.active,.key--secondary:active{--sudoku-key-bg:var(--grey-dd)}.font-size-0{--sudoku-cell-number-font-size:55px}.font-size-1{--sudoku-cell-number-font-size:60px}.font-size-2{--sudoku-cell-number-font-size:65px}.font-size-3{--sudoku-cell-number-font-size:70px}.font-size-4{--sudoku-cell-number-font-size:75px}.font-size-5{--sudoku-cell-number-font-size:85px}:root{--game-gap:0px}@media (min-width:720px){:root{--game-gap:var(--space-5x)}}:where(.game){display:flex;flex-direction:column;flex-grow:1;inset:0;max-block-size:100vh;max-block-size:100vb;position:absolute}.timer{font-size:1.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}:root{--settings-menu-inset:0;--settings-menu-padding-x:var(--space-6x);--settings-menu-padding-y:var(--space-4x);--settings-menu-padding:var(--settings-menu-padding-y) var(--settings-menu-padding-x);--settings-menu-transform:translateX(calc(100% + 2rem))}@media (min-width:720px){:root{--settings-menu-padding-x:var(--space-6x);--settings-menu-padding-y:var(--space-4x);--settings-menu-inset:2rem 2rem 2rem auto;--settings-menu-width:40rem}}.settings-menu{background-color:var(--app-bg);inline-size:var(--settings-menu-width,auto);inset:var(--settings-menu-inset);overflow-y:auto;position:fixed;transform:var(--settings-menu-transform);transition:transform .3s ease-in-out;z-index:3}.settings-menu[data-state=open]{--settings-menu-transform:none}@media (min-width:720px){.settings-menu{border-radius:1rem}}.settings-menu__header{align-items:center;border-block-end:1px solid var(--grey-dd);display:flex;justify-content:space-between;padding:6rem var(--settings-menu-padding-x) var(--settings-menu-padding-y) var(--settings-menu-padding-x);position:relative}.settings-menu__title{font-size:1.6rem;font-weight:500}.settings-menu__close{inline-size:4rem;block-size:4rem;position:absolute;inset-inline-end:2rem;inset-block-start:2rem}.settings-menu__section-title{border-block-end:1px solid var(--grey-e4);color:var(--grey-69);font-size:1.4rem;font-weight:400;line-height:1;padding:var(--settings-menu-padding-y) var(--settings-menu-padding-x);text-transform:uppercase}.settings-menu__action{align-items:center;display:flex;font-size:1.5rem;inline-size:100%;justify-content:space-between;padding-block:var(--settings-menu-padding-y);padding-inline:var(--settings-menu-padding-x);border-block-end:1px solid var(--grey-dd);cursor:pointer}@media (hover:hover) and (pointer:fine){.settings-menu__action:hover{background-color:var(--grey-f5)}}:is(button,a).settings-menu__action{gap:var(--space-2x);justify-content:flex-start}.puzzle-title{align-items:baseline;display:flex;gap:.4rem;color:var(--orange)}.puzzle-title__difficulty,.puzzle-title__name,.puzzle-title__number{font-size:1.6rem;font-weight:600}:root{--puzzle-header-gap:var(--space-2x);--puzzle-header-font-size:1.6rem;--puzzle-header-border:0;--puzzle-header-block:5.2rem}@media (min-width:720px){:root{--puzzle-header-gap:var(--space-4x);--puzzle-header-font-size:1.8rem;--puzzle-header-border:1px solid var(--keyline);--puzzle-header-block:6.6rem}}.puzzle-header{align-items:center;background-color:var(--app-bg);block-size:var(--puzzle-header-block);border-block-end:var(--puzzle-header-border);display:flex;font-size:var(--puzzle-header-font-size);inline-size:100%;justify-content:space-between;line-height:1.6rem;margin:0 auto;min-block-size:5.2rem}.puzzle-header__section{align-items:center;block-size:100%;display:flex;gap:var(--puzzle-header-gap)}.puzzle-header__section>li{block-size:100%;flex-shrink:0;position:relative}@media (min-width:720px){.puzzle-header__section>li:has(.puzzle-header__action--toggle-view){display:none}}.puzzle-header__section--right{flex-shrink:0;justify-content:flex-end}.puzzle-header__action{align-items:center;background-color:var(--puzzle-header-action-bg,var(--app-bg));block-size:100%;display:flex;gap:var(--space);justify-content:center;padding:0 var(--space-2x);transition:color .1s ease-in-out,background-color .1s ease-in-out}.puzzle-header__action>[data-icon=ArrowDown]{transition:transform .1s ease-in-out}@media (hover:hover) and (pointer:fine){.puzzle-header__action:hover{--puzzle-header-action-bg:var(--grey-f5)}}@media (hover:hover) and (pointer:fine) and (min-width:720px){.puzzle-header__action:hover{--puzzle-header-action-bg:var(--grey-e4)}}.puzzle-header__action[aria-expanded=true]{--puzzle-header-action-bg:var(--grey-f5);color:var(--grey-69)}.puzzle-header__action[aria-expanded=true]>[data-icon=ArrowDown]{transform:rotate(180deg)}.puzzle-header__action[aria-label="Toggle pencil mode"]{--puzzle-header-action-bg:var(--orange-light)}@media (hover:hover) and (pointer:fine){.puzzle-header__action[aria-label="Toggle pencil mode"]:hover{--puzzle-header-action-bg:var(--orange-light)}}.puzzle-header__action:is([aria-label="Toggle pencil mode"],[data-tooltip=More]){aspect-ratio:1/1}.toggle-switch{align-items:center;display:flex}.toggle-switch__input{block-size:1px;clip:rect(1px,1px,1px,1px);inline-size:1px;opacity:0;overflow:hidden;white-space:nowrap}.toggle-switch__input:checked+.toggle-switch__container{background-color:var(--green)}.toggle-switch__input:checked+.toggle-switch__container:after{transform:translateX(2rem)}.toggle-switch__input:focus{outline:0}.toggle-switch__input:focus+.toggle-switch__container{outline:var(--normal-stroke);outline-offset:.1rem}.toggle-switch__container{background-color:var(--red);block-size:2.4rem;border-radius:9999px;cursor:pointer;display:block;inline-size:4.4rem;position:relative}.toggle-switch__container:after{aspect-ratio:1/1;background-color:var(--app-bg);block-size:1.6rem;border-radius:9999px;content:"";display:block;inline-size:1.6rem;inset:.4rem auto auto .4rem;position:absolute;transition:transform .25s ease-in-out,background-color .25s ease-in-out}:root{--action-popout-padding:var(--action-popout-padding-y) var(--action-popout-padding-x);--action-popout-padding-x:var(--space-6x);--action-popout-padding-y:var(--space-4x)}.action-popout{--y:var(--space-8x);background-color:var(--app-bg);border-radius:8px;box-shadow:var(--shadow);font-size:1.6rem;pointer-events:none;z-index:10}@media (max-width:719.98px){.action-popout{position:fixed;inline-size:min(100% - var(--app-margin) * 2,40rem);transform:translateY(calc(100% + var(--y))) translateX(-50%);transition:transform .2s ease-in-out;inset:auto auto var(--y) 50%}.action-popout[data-state=open]{pointer-events:auto;transform:translateY(0) translateX(-50%)}}@media (min-width:720px){.action-popout{position:absolute;inset-block-start:calc(100% + 1.5rem);inset-inline-end:-1.5rem;inline-size:17rem;opacity:0;transition:all .2s ease-in-out;transform:translateY(2rem);border:1px solid #ddd}.action-popout:after,.action-popout:before{display:block;content:"";width:0;height:0;border-style:solid;position:absolute;inset-inline-end:2rem;inset-block-end:100%}.action-popout:after{border-width:0 10px 10px;border-color:transparent transparent #fff}.action-popout:before{border-width:0 12px 12px;border-color:transparent transparent #ddd;inset-inline-end:1.9rem}.action-popout[data-state=open]{pointer-events:auto;opacity:1;transform:translateY(0)}}.action-popout__header{align-items:center;display:flex;justify-content:space-between;padding:var(--action-popout-padding-x);position:relative}@media (min-width:720px){.action-popout__header{display:none}}.action-popout__title{color:var(--orange);font-size:1.4rem;font-weight:400;inline-size:calc(100% - var(--action-modal-padding-x) - 1.6rem);line-height:1.3}.action-popout__close{--size:4rem;align-items:center;block-size:var(--size);display:flex;justify-content:center;inline-size:var(--size);inset-block-start:50%;inset-inline-end:calc(var(--action-popout-padding-x) - 1.2rem);position:absolute;transform:translateY(-50%)}.action-popout__actions-group{display:flex;gap:var(--space-3x)}.action-popout__actions{display:flex;flex-direction:column}.action-popout__actions>li:last-child>.action-popout__action{border-radius:0 0 8px 8px}@media (min-width:720px){.action-popout__actions>li:first-child>.action-popout__action{border:none;border-radius:8px 8px 0 0}}.action-popout__action{background-color:var(--action-popout-action-bg,var(--app-bg));border-block-start:1px solid var(--grey-dd);font-size:1.5rem;inline-size:100%;padding:var(--action-popout-padding);text-align:start;transition:background-color .1s ease-in-out}@media (hover:hover) and (pointer:fine){.action-popout__action:hover{--action-popout-action-bg:var(--grey-f5)}}.action-popout__divider{background-color:var(--grey-e4);block-size:1px;border:none;display:block;margin-inline:var(--action-popout-padding-x)}:root{--action-modal-padding:var(--action-modal-padding-y) var(--action-modal-padding-x);--action-modal-padding-x:var(--space-6x);--action-modal-padding-y:var(--space-4x)}.action-modal{background-color:var(--app-bg);border-radius:8px;box-shadow:var(--shadow);display:block;inline-size:min(30rem,100vw - var(--app-margin) * 2);inset:50% auto auto 50%;max-block-size:calc(100vh - var(--app-margin)*2);opacity:0;overflow-y:auto;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.9);transition:transform .15s ease-in-out,opacity .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.action-modal[data-state=open]{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);-webkit-user-select:text;-moz-user-select:text;user-select:text}.action-modal__header{align-items:center;border-block-end:1px solid var(--grey-e4);display:flex;justify-content:space-between;padding:var(--action-modal-padding-x);position:relative}.action-modal__title{color:var(--orange);font-size:1.4rem;font-weight:400;inline-size:calc(100% - var(--action-modal-padding-x) - 1.6rem);line-height:1.3}.action-modal__close{--size:4rem;align-items:center;block-size:var(--size);display:flex;justify-content:center;inline-size:var(--size);inset-block-start:50%;inset-inline-end:calc(var(--action-popout-padding-x) - 1.2rem);position:absolute;transform:translateY(-50%)}.action-modal__actions{display:flex;gap:var(--space-4x)}.action-modal__actions>li{flex-grow:1}.action-modal__actions[aria-orientation=vertical]{flex-direction:column}.action-modal__actions--no-gap{gap:0}.action-modal__action{background-color:var(--action-modal-action-bg,var(--app-bg));inline-size:100%;padding:var(--action-modal-padding);text-align:start;transition:background-color .1s ease-in-out}[aria-orientation=vertical] .action-modal__action{border-block-end:1px solid var(--grey-e4)}@media (hover:hover) and (pointer:fine){.action-modal__action:hover{--action-modal-action-bg:var(--grey-f5)}}@media (hover:hover) and (pointer:fine){.action-modal__action:has(.action-modal__group):hover{--action-modal-action-bg:var(--app-bg)}}.action-modal__content{display:flex;flex-direction:column;gap:var(--space-4x);padding:var(--action-modal-padding)}.action-modal__content>p{font-size:1.4rem;line-height:1.5}.action-modal__group-title{display:block;font-size:1.4rem;font-weight:400;margin-block-end:var(--space-2x)}.action-modal__group{display:flex;flex-direction:column;gap:var(--space-4x)}.action-modal__group[data-variant=row]{flex-direction:row;justify-content:space-between}.action-modal__group[data-variant=rowReverse]{flex-direction:row-reverse}.action-modal__group[data-variant=rowCollapsed]{flex-direction:row}.blind{align-items:center;background-color:var(--blind-bg);border-radius:8px;box-shadow:var(--shadow);color:var(--white);display:flex;font-size:1.4rem;inline-size:min(37.5rem,100vw - var(--app-margin) * 2);inline-size:min(37.5rem,100vi - var(--app-margin) * 2);inset:var(--space-3x) auto auto 50%;justify-content:space-between;padding:var(--space-4x);position:fixed;transform:translateX(-50%) var(--blind-translate-y,translateY(calc(-100% - var(--space-3x) - 36px)));transition:transform .25s ease-in-out;z-index:3}.blind[data-state=open]{--blind-translate-y:translateY(0)}.blind[data-variant=incorrect]{--blind-bg:var(--red)}.blind[data-variant=correct]{--blind-bg:var(--orange)}.blind__close{align-items:center;display:flex;justify-content:center}:root{--completion-block:100vh;--completion-inline:100vw}@supports (top:1vi){:root{--completion-inline:100vi}}@supports (top:1vi){:root{--completion-block:100vb}}@media (min-width:720px){:root{--completion-block:50rem;--completion-inline:50rem}}.completion{align-items:center;background-color:var(--app-bg);block-size:var(--completion-block);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--space-4x);inset:50% auto auto 50%;inline-size:var(--completion-inline);justify-content:center;opacity:0;padding:var(--space-6x);place-content:center;pointer-events:none;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate(-50%,-50%) scale(.9);z-index:3}.completion[data-state=open]{opacity:1;pointer-events:all;-webkit-user-select:text;-moz-user-select:text;user-select:text;transform:translate(-50%,-50%) scale(1)}.completion__puzzle-content{align-items:center;block-size:100%;display:flex;flex-direction:column;flex-grow:1;inline-size:100%;justify-content:center}@media (min-width:720px){.completion__puzzle-content{padding:0 var(--completion-padding) 0 0}}.completion__title{color:var(--orange);font-size:2.4rem;font-weight:700}.completion__message{font-size:1.8rem;font-weight:500;text-align:center;text-wrap:balance}@media (min-width:720px){.completion__message{padding:0 5rem}}.completion__timer{color:var(--orange)}.completion__review{--block-button-inline:8rem;display:block;margin-block-start:var(--space-2x);margin-inline:auto}.completion__share{align-items:center;display:flex;flex-direction:column;inline-size:100%;justify-content:center}.completion__share__title{font-size:1.4rem;font-weight:500;text-align:center}.completion__share__actions{align-items:center;display:flex;gap:var(--space-3x)}.rotate-device{align-items:center;background-color:var(--app-bg);display:none;flex-direction:column;inset:0;justify-content:center;position:fixed;text-align:center}.rotate-device[data-show-before*="height:600"]{display:flex}@media (min-height:600px){.rotate-device[data-show-before*="height:600"]{display:none}}.rotate-device[data-show-before*="width:720"]{display:flex}@media (min-width:720px){.rotate-device[data-show-before*="width:720"]{display:none}}.overlay{background-color:var(--overlay);display:none;inset:0;position:fixed;z-index:2}@media (min-width:720px){.check-showing .overlay,.reveal-showing .overlay{inset-block-start:6.6rem}}.overlay[data-state=showing]{display:block}:root{--onboarding-content-padding:var(--space-4x) var(--space-6x) 0 var(--space-6x)}.onboarding{align-items:center;background-color:var(--app-bg);block-size:min(50rem,100vh - var(--space-7x) * 2);block-size:min(50rem,100vb - var(--space-7x) * 2);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;inset:50% auto auto 50%;inline-size:min(50rem,100vw - var(--app-margin) * 2);inline-size:min(50rem,100vi - var(--app-margin) * 2);justify-content:center;opacity:0;place-content:center;pointer-events:none;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s ease-in-out,opacity .15s ease-in-out;transform:translate(-50%,-50%) scale(.9);z-index:3}.onboarding[data-state=open]{opacity:1;pointer-events:all;-webkit-user-select:text;-moz-user-select:text;user-select:text;transform:translate(-50%,-50%) scale(1)}.onboarding__content{flex-grow:1;max-inline-size:100%;overflow:hidden;padding:var(--onboarding-content-padding);text-wrap:balance}.onboarding__actions{border-block-start:1px solid var(--grey-dd);inline-size:100%;padding:var(--space-6x)}.onboarding__close{align-items:center;display:flex;gap:var(--space-3x);inset:var(--space-4x) var(--space-6x) auto auto;line-height:1;position:absolute;z-index:2}.nice-scroll{--scrollbar-size:8px;scrollbar-width:thin;scrollbar-color:var(--grey-dd) #fff}.nice-scroll::-webkit-scrollbar{block-size:var(--scrollbar-size);inline-size:var(--scrollbar-size)}.nice-scroll::-webkit-scrollbar-track{background-color:transparent}.nice-scroll::-webkit-scrollbar-thumb{background-color:var(--grey-dd);border-radius:9999px;border:2px solid #fff}.flow>*+*{margin-block-start:var(--flow-space,var(--space-2x))}.hidden{display:none}@media (min-width:720px){.md\:hidden{display:none}}@media (min-width:1024px){.lg\:hidden{display:none}}@media (min-width:720px){.md\:block{display:block}}@media (min-width:1024px){.lg\:block{display:block}}.lg\:sticky{position:sticky}.lg\:top-0{inset-block-start:0}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.block-button,.justify-center{justify-content:center}.block-button{align-items:center;background-color:var(--block-button-bg);block-size:4.8rem;border:1px solid var(--block-button-border,currentColor);border-radius:4px;color:var(--block-button-fg);display:inline-flex;font-size:var(--block-button-font-size,1.4rem);font-weight:500;inline-size:var(--block-button-inline,100%);text-align:center;box-shadow:0 .2rem .2rem 0 rgba(0,0,0,.25)}.block-button:active{box-shadow:none;position:relative;inset-block-start:1px}.block-button[data-variant=primary]{--block-button-bg:var(--orange);--block-button-fg:var(--white);--block-button-border:var(--orange)}@media (hover:hover) and (pointer:fine){.block-button[data-variant=primary]:hover{--block-button-bg:#be6d37}}.block-button[data-variant=secondary]{--block-button-bg:var(--white);--block-button-border:var(--grey-33);--block-button-fg:var(--grey-33)}@media (hover:hover) and (pointer:fine){.block-button[data-variant=secondary]:hover{--block-button-bg:#f2f2f2}}.block-button[data-variant=textonly]{--block-button-bg:transparent;--block-button-border:transparent;--block-button-fg:var(--orange);padding:1rem;margin:0;box-shadow:none}@media (hover:hover) and (pointer:fine){.block-button[data-variant=textonly]:hover{--block-button-fg:#333}}.block-button--fit{inline-size:-moz-fit-content;inline-size:fit-content;padding-inline:var(--space-4x)}.block-button--centre{display:block;margin-inline:auto}:root{--signpost-block:9rem;--signpost-title-font-size:1.8rem;--signpost-message-font-size:1.6rem}@media (min-width:375px){:root{--signpost-title-font-size:2rem;--signpost-message-font-size:1.8rem}}@media (min-width:720px){:root{--signpost-block:12.78rem}}.signpost{align-items:flex-start;background-color:var(--signpost-background,#f6eee5);block-size:var(--signpost-block);display:flex;flex-direction:column;inline-size:100%;justify-content:flex-start;margin-inline:auto;padding:var(--space-2x)}.signpost+.signpost{margin-block-start:var(--space-2x)}.signpost[data-variant=crossword-club]{--signpost-background:#b64f20;color:var(--white)}.signpost__title{font-size:var(--signpost-title-font-size);line-height:1.1}.signpost__message{font-size:var(--signpost-message-font-size);font-weight:500;line-height:1.1}.signpost__link{color:var(--red);display:block;font-size:1.2rem;font-weight:400;margin:var(--space-2x) 0 0 0}[data-variant=crossword-club] .signpost__link{color:var(--white)}.icon{align-items:center;block-size:var(--icon-block);display:inline-flex;inline-size:var(--icon-inline);justify-content:center}.icon[data-size="8"]{--icon-block:0.8rem;--icon-inline:0.8rem}.icon[data-size="12"]{--icon-block:1.2rem;--icon-inline:1.2rem}.icon[data-size="16"]{--icon-block:1.6rem;--icon-inline:1.6rem}.icon[data-size="20"]{--icon-block:2rem;--icon-inline:2rem}.icon[data-size="24"]{--icon-block:2.4rem;--icon-inline:2.4rem}.icon[data-size="30"]{--icon-block:3rem;--icon-inline:3rem}.icon[data-size="42"]{--icon-block:4.2rem;--icon-inline:4.2rem}.icon[data-size="48"]{--icon-block:4.8rem;--icon-inline:4.8rem}.icon-button{align-items:center;aspect-ratio:1/1;background-color:var(--icon-button-bg,transparent);block-size:3.2rem;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:1.8rem;font-weight:500;inline-size:3.2rem;justify-content:center}@media (hover:hover) and (pointer:fine){.icon-button:hover{--icon-button-bg:rgba(0,0,0,0.07)}}.icon-button:active{--icon-button-bg:rgba(0,0,0,0.07)}.icon-button.icon-button--solid{inline-size:3rem;block-size:3rem;display:flex;justify-self:center;align-items:center;background:#333;color:#fff;border-radius:.4rem}@media (min-width:720px){:root{--slide-padding:0 var(--space-10x);--slider-arrow-display:block}}.slider{block-size:100%;inline-size:100%;overflow:hidden;position:relative}.slider__controls{align-items:center;block-size:3.6rem;display:flex;gap:var(--space-2x);justify-content:center;margin:0 0 var(--space-11x) 0}.slider-control{aspect-ratio:1/1;background-color:var(--slider-control-background,var(--grey-dd));border-radius:var(--slider-control-radius,50%);block-size:1rem;cursor:pointer;inline-size:var(--slider-control-inline,1rem);transition:inline-size .2s ease-in-out,border-radius .2s ease-in-out}.slider-control[data-state=showing]{--slider-control-radius:9999px;--slider-control-inline:2rem}.slider-control[data-state=seen],.slider-control[data-state=showing]{--slider-control-background:var(--mid-blue)}.slider__arrow{block-size:2rem;display:var(--slider-arrow-display,none);inline-size:2rem;position:absolute;transform:translateY(-50%);z-index:1}.slider__arrow[data-direction=left]{inset:50% auto auto 0}.slider__arrow[data-direction=right]{inset:50% 0 auto auto}.slides{display:flex;transition:transform .2s ease-in-out}.slide{flex:1 0 auto;inline-size:100%;padding:var(--slide-padding,0)}.slide__content>p{text-align:center}.slide__content>p+p{margin:var(--space-2x) 0 0 0}.slide__image{margin:var(--space-4x) auto 0 auto}.range{--track-block:0.4rem;--thumb-size:0.2rem;-moz-appearance:none;appearance:none;inline-size:100%;position:relative;-webkit-appearance:none}.range:after{background:var(--blue);block-size:var(--track-block);border-radius:9999px;content:"";inline-size:var(--progress,0);inset:0 auto 0 0;pointer-events:none;position:absolute}.range::-webkit-slider-runnable-track{background-color:var(--grey-f1);block-size:var(--track-block);border-radius:9999px;cursor:pointer;inline-size:100%}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);block-size:1.6rem;border:2px solid var(--app-bg);border-radius:50%;cursor:pointer;inline-size:1.6rem;margin-block-start:calc(var(--track-block)/ 2 - .8rem)}.range:focus::-webkit-slider-runnable-track{background:var(--grey-f1)}.range::-moz-range-track{background:var(--grey-f1);block-size:var(--track-block);border-radius:9999px;cursor:pointer;inline-size:100%}.range::-moz-range-thumb{background:var(--blue);block-size:1.6rem;border:2px solid var(--app-bg);border-radius:50%;cursor:pointer;inline-size:1.6rem}:root{--action-bar-gap:var(--space-2x)}@media (min-width:720px){:root{--action-bar-gap:var(--space-6x)}}.action-bar{align-items:center;background-color:var(--app-bg);display:flex;gap:var(--action-bar-gap);justify-content:center}.action{flex-shrink:0;position:relative}.action-button{align-items:center;block-size:100%;display:flex;flex-direction:column;font-size:1.4rem;justify-content:center}.action-button[aria-disabled=true]{opacity:.5;pointer-events:none}.action-button__icon{--size:4rem;align-items:center;block-size:var(--size);border-radius:50%;display:flex;inline-size:var(--size);justify-content:center}@media (hover:hover) and (pointer:fine){.action-button:hover .action-button__icon{background-color:var(--orange-light)}}@media (min-width:720px){.action-button__icon{--size:3.2rem}}.action-button[aria-expanded=true] .action-button__icon,.action-button[aria-pressed=true] .action-button__icon{background-color:var(--orange-light)}.action-button__label{font-size:1.2rem}.copied-to-clipboard{background-color:var(--black);border-radius:4px;color:var(--white);display:block;inset:50% auto auto 50%;opacity:0;overflow-y:auto;padding-block:var(--space-2x);padding-inline:var(--space-4x);pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.9);transition:transform .15s ease-in-out,opacity .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5}.copied-to-clipboard[data-state=open]{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);-webkit-user-select:text;-moz-user-select:text;user-select:text}.form-control{font-size:1.4rem;line-height:1.1;display:grid;grid-template-columns:1rem auto;gap:var(--space-3x)}.custom-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;width:1.6rem;height:1.6rem;border:1px solid;border-radius:50%;display:grid;place-content:center}.custom-radio:before{content:"";width:1rem;height:1rem;border-radius:50%;transform:scale(0);transition:transform .12s ease-in-out;box-shadow:inset 1em 1em var(--green);background-color:CanvasText}.custom-radio:checked:before{transform:scale(.9)}.custom-radio:focus{outline:solid currentColor;outline-offset:max(2px,.1rem)}.dm-input{accent-color:var(--orange)}input[type=range]{flex-grow:1}.form-group{display:flex;flex-direction:column;gap:var(--space)}.form-group[data-variant=row]{align-items:center;flex-direction:row}.print-preview{inline-size:9rem;block-size:9rem}
/*# sourceMappingURL=maps/main.css.map */