*,: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-dark:#be6d37;--orange:#e08041;--orange-light:#f9e6d9;--red:#d34343;--red-light:#fddeda;--blue:#00b1eb;--green:#98cb52;--green-light:#d3eadd;--dmgk-primary:#56c3ec;--dmgk-primary-light:color-mix(in srgb,var(--dmgk-primary) 30%,#fff 70%);--dmgk-primary-dark:color-mix(in srgb,var(--dmgk-primary) 90%,#000 10%);--primary:var(--dmgk-primary);--danger:var(--red);--error:var(--red);--success:var(--green);--info:var(--blue);--primary-light:var(--dmgk-primary-light);--primary-dark:var(--dmgk-primary-dark);--error-light:var(--red-light);--highlight-neutral:var(--grey-f5);--highlight-primary:var(--primary-light);--keyline:var(--grey-dd);--keyline-light:var(--grey-ed);--app-fg:var(--black);--app-bg:var(--white);--app-margin:var(--space-4x)}@supports not (background:color-mix(in srgb,#000 50%,#fff 50%)){:root{--dmgk-primary-light:#d2edfa;--dmgk-primary-dark:#66afd5}}:root{--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);--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{--ideal-grid-size:300px}@media (min-width:1024px){:root{--ideal-grid-size:400px}}[data-area=main]{block-size:100%}.game-and-words{block-size:100%;display:flex;flex-direction:column;gap:var(--app-margin);max-block-size:calc(100dvb - var(--puzzle-header-block) - var(--app-margin))}@media (min-width:720px){.game-and-words{flex-direction:row;justify-content:center;gap:var(--space-10x);-webkit-margin-before:var(--app-margin);margin-block-start:var(--app-margin);max-block-size:calc(100dvb - var(--puzzle-header-block) - var(--app-margin)*2)}}.gameplay-container{display:flex;flex-direction:column;overflow:hidden}@media (min-width:720px){.gameplay-container{align-items:center;block-size:100%;flex-grow:0;flex-shrink:0;min-inline-size:var(--ideal-grid-size)}}.gameplay{display:flex;flex-direction:column;flex-grow:1;gap:var(--app-margin);inline-size:100%;margin:0 auto}@media (min-width:720px){.gameplay{margin:0}}.grid-wrapper{inline-size:100%;margin-inline:auto}.grid-wrapper>svg{display:block;margin:auto}.found-words-wrapper{align-self:flex-start;flex-grow:1;inline-size:100%;margin-inline:auto}@media (min-width:720px){.found-words-wrapper{margin-inline:0;max-inline-size:40rem;min-inline-size:30.8rem}}.game-actions{-webkit-margin-before:var(--app-margin);margin-block-start:var(--app-margin)}.grid-wrapper{align-items:center;display:flex;justify-content:center}.cell-letter,.centre-letter{cursor:pointer;font-family:var(--font-sans);font-weight:900}.cell-button{cursor:pointer;fill:var(--polygon-cell-button-bg,var(--white))}.cell-letter{fill:var(--polygon-cell-letter-fg,var(--black));font-size:36px;pointer-events:none;text-anchor:middle}.centre-letter{--polygon-cell-letter-fg:var(--white);text-anchor:middle;font-size:56px}.centre-button{--polygon-cell-button-bg:var(--primary)}.used-up{cursor:not-allowed;opacity:.3}:root{--polygon-found-words-list-gap:var(--space-2x);--polygon-found-words-bc:var(--keyline-light);--polygon-found-words-px:var(--space-5x);--polygon-found-words-py:var(--space-5x)}.found-words-wrapper{-webkit-margin-before:auto;margin-block-start:auto;position:relative}@media (min-width:720px){.found-words-wrapper{-webkit-margin-before:0;margin-block-start:0}}.found-words{background-color:var(--polygon-found-words-bg,var(--app-bg));border:1px solid var(--polygon-found-words-bc);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}@media (min-width:720px){.found-words{block-size:100%;max-block-size:calc(100vh - var(--puzzle-header-block) - var(--app-margin)*2)}}.found-words[data-state=open]{inset:var(--puzzle-header-block) var(--app-margin) var(--app-margin) var(--app-margin);position:fixed}@media (min-width:720px){.found-words[data-state=open]{inset:unset;position:static}}.found-words__toggle{align-items:center;background-color:var(--app-bg);border-radius:inherit;display:flex;inline-size:100%;padding-block:var(--polygon-found-words-py);padding-inline:var(--polygon-found-words-px);text-align:start;text-transform:uppercase}[data-state=open] .found-words__toggle{-webkit-padding-after:0;padding-block-end:0}.found-words__toggle>.found-words__title{flex-shrink:0;-webkit-margin-end:var(--polygon-found-words-px);margin-inline-end:var(--polygon-found-words-px)}.found-words__toggle>svg{flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;transition:transform .2s ease-in-out}.found-words__list{background-color:var(--white);block-size:100%;border-radius:inherit;display:none;flex-direction:column;gap:var(--polygon-found-words-py);inset:var(--puzzle-header-block) var(--app-margin) var(--app-margin) var(--app-margin);overflow-y:auto;padding-inline:var(--polygon-found-words-px)}[data-state=open] .found-words__list{display:flex}@media (min-width:720px){.found-words__list{display:flex}}.found-words__list>ul{container-type:inline-size;-moz-column-gap:var(--polygon-found-words-list-gap);column-gap:var(--polygon-found-words-list-gap);display:flex;flex-wrap:wrap}.found-words__list>ul>li{align-items:flex-end;-webkit-border-after:1px solid var(--keyline-light);border-block-end:1px solid var(--keyline-light);display:flex;flex-basis:calc(50% - var(--polygon-found-words-list-gap));font-size:1.4rem;font-weight:500;line-height:1.3;padding-block:.5rem}@media (min-width:720px){.found-words__list>ul>li{flex-basis:calc(50% - var(--polygon-found-words-list-gap))}}.found-words__list>ul>li.true-find{color:var(--black)}.found-words__list>ul>li.not-true-find{color:grey}.found-words__title{font-size:1.4rem;font-weight:700;text-transform:uppercase}.found-words__title:is(h2){-webkit-padding-before:var(--polygon-found-words-py);padding-block-start:var(--polygon-found-words-py);-webkit-padding-start:var(--polygon-found-words-px);padding-inline-start:var(--polygon-found-words-px)}.found-words__end-game-wrapper{background-color:var(--polygon-found-words-bg,var(--app-bg));display:flex;inset-block-end:0;-webkit-margin-before:auto;margin-block-start:auto;-webkit-padding-after:var(--polygon-found-words-py);padding-block-end:var(--polygon-found-words-py);position:sticky}.found-words__end-game{--block-button-inline:100%;flex-shrink:0;font-weight:700;-webkit-margin-before:auto;margin-block-start:auto;-webkit-margin-start:auto;margin-inline-start:auto}@media (min-width:720px){.found-words__end-game{--block-button-inline:fit-content;min-inline-size:13rem}}.found-words__latest{background-color:var(--polygon-found-words-bg,var(--app-bg));font-size:1.4rem;font-weight:700;inset-block-start:0;position:sticky;z-index:1}.found-words__preview{align-items:baseline;flex-grow:1;font-size:1.4rem;overflow:hidden;position:relative}.found-words__preview>div{display:flex;flex-grow:1;gap:calc(var(--polygon-found-words-px)/2);-webkit-padding-end:2rem;padding-inline-end:2rem;overflow:hidden;text-transform:capitalize;white-space:nowrap}.found-words__preview:after{background:linear-gradient(90deg,transparent,var(--polygon-found-words-bg,var(--app-bg)));content:"";inline-size:4rem;inset-block:0;inset-inline-end:0;position:absolute}.game-input{align-items:center;block-size:5rem;border:1px solid var(--keyline-light);border-radius:4px;display:flex;flex-shrink:0;font-size:2.4rem;justify-content:center;line-height:1;text-align:center}[data-cursor]{animation:blink-animation 1s step-start infinite;background-color:var(--app-fg);block-size:20px;display:inline-block;inline-size:2px}@keyframes blink-animation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.game-actions{-webkit-padding-after:3px;padding-block-end:3px}.game-actions__actions{align-items:center;display:flex;gap:var(--space-4x);justify-content:center}.game-actions__actions>li:has(.block-button){flex-grow:1}@media (min-width:375px){.game-actions__actions{gap:var(--space-3x)}}.game-actions__action{text-align:center}.game-actions__action.block-button{flex-grow:1;font-weight:700;min-inline-size:10rem}.game-actions__action.icon-button{--icon-button-bg:var(--white);block-size:100%;min-inline-size:4rem}@media (hover:hover) and (pointer:fine){.game-actions__action.icon-button:hover{--icon-button-bg:var(--white)}}.game-actions__action.icon-button:active{--icon-button-bg:var(--white)}.game-actions__instruction{font-weight:500;-webkit-margin-before:var(--space-5x);margin-block-start:var(--space-5x);text-align:center}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.progress{--s:.5rem;display:flex;flex-direction:column;gap:var(--s);inline-size:100%}.progress-bar{--g:1px;block-size:2rem;display:flex;gap:var(--g);justify-content:center}.progress-bar__notch{background-color:var(--grey-dd);block-size:100%;flex:1 0 auto;overflow:hidden;position:relative}.progress-bar__notch:first-of-type{border-start-start-radius:4px;border-end-start-radius:4px}.progress-bar__notch:last-of-type{border-start-end-radius:4px;border-end-end-radius:4px}.progress-bar__notch:after{background-color:var(--primary);border-radius:inherit;content:"";inset-block:0;inline-size:0;position:absolute;transition:inline-size .2s ease-in-out}.progress-bar__notch--achieved:after{inline-size:100%}.progress-bar__notch-gap{block-size:100%;inline-size:2px}.progress-indicator{align-items:baseline;display:flex;gap:var(--s);justify-content:center}.progress-indicator__found{background-color:var(--grey-33);border-radius:4px;color:var(--white);padding-block:.3rem;padding-inline:.3rem}.progress-indicator__found,.progress-indicator__rank{font-size:1.2rem;font-weight:700;line-height:1}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}: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;-webkit-border-after:1px solid var(--keyline);border-block-end:1px solid var(--keyline);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{-webkit-border-after:1px solid var(--keyline-light);border-block-end:1px solid var(--keyline-light);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);-webkit-border-after:1px solid var(--grey-dd);border-block-end:1px solid var(--grey-dd);cursor:pointer}@media (hover:hover) and (pointer:fine){.settings-menu__action:hover{background-color:var(--highlight-neutral)}}: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(--primary)}.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);-webkit-border-after:var(--puzzle-header-border);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(--primary-light)}@media (hover:hover) and (pointer:fine){.puzzle-header__action[aria-label="Toggle pencil mode"]:hover{--puzzle-header-action-bg:var(--primary-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(--success)}.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(--error);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);--r:8px;background-color:var(--app-bg);border-radius:var(--r);box-shadow:var(--shadow);font-size:1.6rem;pointer-events:none;z-index:10}@media (max-width:719.98px){.action-popout{inline-size:min(100% - var(--app-margin) * 2,40rem);inset:auto auto var(--y) 50%;transform:translateY(calc(100% + var(--y))) translateX(-50%);transition:transform .2s ease-in-out;position:fixed}.action-popout[data-state=open]{pointer-events:auto;transform:translateY(0) translateX(-50%)}}@media (min-width:720px){.action-popout{border:1px solid #ddd;inset-block-start:calc(100% + 1.5rem);inset-inline-end:-1.5rem;inline-size:17rem;opacity:0;position:absolute;transition:all .2s ease-in-out;transform:translateY(2rem)}.action-popout:after,.action-popout:before{block-size:0;border-style:solid;display:block;content:"";inline-size:0;inset-block-end:100%;inset-inline-end:2rem;position:absolute}.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(--primary);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-end-start-radius:var(--r);border-end-end-radius:var(--r)}@media (min-width:720px){.action-popout__actions>li:first-child>.action-popout__action{border:none;border-start-start-radius:var(--r);border-start-end-radius:var(--r)}}.action-popout__action{background-color:var(--action-popout-action-bg,var(--app-bg));-webkit-border-before:1px solid var(--keyline);border-block-start:1px solid var(--keyline);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(--highlight-neutral)}}.action-popout__divider{background-color:var(--keyline-light);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;-webkit-border-after:1px solid var(--keyline-light);border-block-end:1px solid var(--keyline-light);display:flex;justify-content:space-between;padding:var(--action-modal-padding-x);position:relative}.action-modal__title{color:var(--primary);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{-webkit-border-after:1px solid var(--keyline-light);border-block-end:1px solid var(--keyline-light)}@media (hover:hover) and (pointer:fine){.action-modal__action:hover{--action-modal-action-bg:var(--highlight-neutral)}}@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__content p+p{-webkit-margin-before:var(--space-2x);margin-block-start:var(--space-2x)}.action-modal__group-title{display:block;font-size:1.4rem;font-weight:400;-webkit-margin-after:var(--space-2x);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=row-reversed],.action-modal__group[data-variant=rowReverse]{flex-direction:row-reverse}.action-modal__group[data-variant=row-collapsed],.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) - 100px)));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(--error)}.blind[data-variant=correct]{--blind-bg:var(--primary)}.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:min(55rem,(100vh - (var(--app-margin) * 2)));--completion-inline:55rem}@supports (top:1vi){:root{--completion-block:min(55rem,(100vb - (var(--app-margin) * 2)))}}}.completion{align-items:center;background-color:var(--app-bg);block-size:var(--completion-block);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--space-3x);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)}@media (min-width:720px){.completion{border-radius:8px;gap:var(--space-4x)}}.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(--primary);font-size:2rem;font-weight:700}@media (min-width:720px){.completion__title{font-size:2.4rem}}.completion__message{font-size:1.6rem;font-weight:500;text-align:center;text-wrap:balance}@media (min-width:720px){.completion__message{font-size:1.8rem;padding:0 5rem}}.completion__timer{color:var(--primary)}.completion__review{--block-button-inline:8rem;display:block;-webkit-margin-before:var(--space-2x);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{-webkit-border-before:1px solid var(--keyline);border-block-start:1px solid var(--keyline);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>*+*{-webkit-margin-before:var(--flow-space,var(--space-2x));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-bc,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(--primary);--block-button-fg:var(--white);--block-button-bc:var(--primary)}@media (hover:hover) and (pointer:fine){.block-button[data-variant=primary]:hover{--block-button-bg:var(--primary-dark)}}.block-button[data-variant=secondary]{--block-button-bg:var(--white);--block-button-bc: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-bc:transparent;--block-button-fg:var(--primary);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}.signposts{align-items:center;display:flex;flex-direction:column;gap:var(--space-2x);inline-size:100%;justify-content:center;margin-inline:auto;max-inline-size:27.5rem}.signposts__title{font-size:1.4rem;font-weight:400;line-height:1.1;text-align:center}.signpost{align-items:flex-start;background-color:#ddd;block-size:6.6rem;border-radius:4px;display:flex;flex-direction:column;inline-size:100%;justify-content:center;margin-inline:auto;overflow:hidden;-webkit-padding-start:11.5rem;padding-inline-start:11.5rem;position:relative}.signpost__image{block-size:10.8rem;inset-block-start:-2rem;inset-inline-start:-2rem;inline-size:10.8rem;position:absolute;transform:rotate(45deg)}.signpost__play-now,.signpost__puzzle{font-size:1.2rem;font-weight:700}.signpost__play-now{color:var(--primary)}.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:rgb(0 0 0/.07)}}.icon-button:active{--icon-button-bg:rgb(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}[data-info-tooltip]{position:relative}[data-info-tooltip]:after,[data-info-tooltip]:before{background-color:var(--black);opacity:0;position:absolute;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;z-index:2}[data-info-tooltip]:before{block-size:4px;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";inline-size:8px;inset-block-start:calc(100% - 3px)}[data-info-tooltip]:after{align-items:center;block-size:3.2rem;color:var(--white);content:attr(data-info-tooltip);display:flex;font-size:1.2rem;inline-size:11.4rem;inset-block-start:calc(100% + 1px);justify-content:center}@media (hover:hover) and (pointer:fine){[data-info-tooltip]:hover:not([aria-expanded=true]):after,[data-info-tooltip]:hover:not([aria-expanded=true]):before{opacity:1;visibility:visible}}[data-info-tooltip-variant=right]:before{inset-inline-end:2rem}[data-info-tooltip-variant=right]:after{inset-inline-end:0}[data-info-tooltip-variant=centre]:after,[data-info-tooltip-variant=centre]:before{inset-inline-start:50%;transform:translateX(-50%)}.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(--info);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;-webkit-margin-before:calc(var(--track-block)/ 2 - .8rem);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(--info);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);block-size:var(--action-bar-block,100%);display:flex;gap:var(--action-bar-gap);justify-content:center}.action-bar[data-area=tools]{--action-bar-gap:var(--space-6x);--action-bar-block:auto;flex-grow:1;padding-block:.8rem}@media (min-width:720px){.action-bar[data-area=tools]{--action-bar-gap:var(--space-10x)}}@media (max-width:599.98px) and (min-height:800.02px){.action-bar[data-area=tools]{max-block-size:10rem}}.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(--primary-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(--primary-light)}.action-button__label{font-size:1.2rem}.dm-input{accent-color:var(--primary)}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}.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(--success);background-color:CanvasText}.custom-radio:checked:before{transform:scale(.9)}.custom-radio:focus{outline:solid currentColor;outline-offset:max(2px,.1rem)}
/*# sourceMappingURL=maps/main.css.map */