:root{color:#14294f;font-family:Arial Rounded MT Bold,Nunito,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,main{width:100%;height:100%;overflow:hidden}body{background:#bfe4f6;user-select:none;-webkit-user-select:none;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}canvas:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #173b8f;outline-offset:3px}.control-panel{position:fixed;z-index:2;top:clamp(144px,25vh,224px);left:50%;width:min(940px,calc(100vw - 24px));max-height:calc(100vh - clamp(194px,30vh,276px));padding:clamp(16px,2.4vh,26px) 18px 18px;overflow:auto;transform:translate(-50%);isolation:isolate;border:2px solid #173b8f;border-radius:30px 25px 32px 27px;background:#fffdf3f0;box-shadow:0 0 0 5px #fff8dfeb,0 9px #10265e33;text-align:center}.control-panel:before,.control-panel:after{position:absolute;z-index:-1;width:78px;height:78px;background-repeat:no-repeat;background-size:300% 200%;content:"";opacity:.3;pointer-events:none}.control-panel:before{top:-15px;left:-12px;transform:rotate(-10deg);background-image:url(/assets/garden-props-Dyfra8Xt.png);background-position:0 100%}.control-panel:after{right:-8px;bottom:-17px;transform:rotate(12deg);background-image:url(/assets/desk-props-D0fP5KtT.png);background-position:100% 0}.control-panel[hidden]{display:none}.control-panel h1{display:inline-block;padding:6px 17px 5px;transform:rotate(-.45deg);border:2px solid #173b8f;border-radius:16px 13px 17px 14px;background:#d7f4ed;box-shadow:0 0 0 3px #fff8df;color:#173b8f;font-size:clamp(1rem,1.8vw,1.35rem);text-transform:uppercase}.control-panel>p{margin-top:6px;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-size:.85rem;font-weight:700}#practice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;border:0}.practice-choice{position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:66px;padding:9px 13px;border:1.5px solid #173b8f;border-radius:16px 13px 15px 14px;background:#fffaf0;box-shadow:0 0 0 3px #fff8dfe5,0 4px #10265e1a;text-align:left;cursor:pointer}.practice-choice:has(input:checked){transform:translateY(-1px);border:2px solid #173b8f;background:#d7f4ed;box-shadow:0 0 0 3px #fff8df,0 5px #19b9b147}.practice-choice input{width:18px;height:18px;accent-color:#19b9b1}.choice-name{font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:900}.choice-example{color:#2463d4;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-size:.75rem;font-weight:800}.panel-message{min-height:1.2em;color:#b13942}.rule-line{color:#2463d4;font-size:clamp(.62rem,1vw,.8rem)!important;font-weight:900!important;text-transform:uppercase}.control-panel button{display:block;width:min(350px,100%);min-height:43px;margin:10px auto 0;border:3px solid #173b8f;border-radius:24px 20px 25px 21px;background:#f8bd2a;box-shadow:0 0 0 3px #fff8df,0 5px #10265e2e;color:#173b8f;font:900 .9rem/1 var(--font, inherit);text-transform:uppercase;cursor:pointer}.control-panel button:disabled{border-color:#8f8a80;background:#d5cfc0;box-shadow:0 0 0 3px #fff8df;cursor:not-allowed}.control-panel button.secondary{min-height:36px;margin-top:9px;background:#fffdf3;box-shadow:0 0 0 3px #fff8df,0 4px #10265e1f;font-size:.72rem}.result-panel{top:50%;width:min(580px,calc(100vw - 26px));max-height:calc(100vh - 34px);transform:translate(-50%,-50%);background:#fffdf3f7}.result-panel:before{top:-9px;left:10px;width:92px;height:92px;transform:rotate(-8deg);background-position:50% 100%;opacity:.48}.result-panel:after{right:6px;bottom:-12px;width:88px;height:88px;opacity:.44}.result-panel h1{display:block;width:max-content;max-width:calc(100% - 74px);margin:0 auto;background:#f8edc7}#result-summary{display:inline-block;min-width:118px;margin-top:8px;padding:1px 18px 5px;transform:rotate(.6deg);border:2px solid #173b8f;border-radius:48% 52% 46% 54%;background:#fff8df;box-shadow:0 0 0 4px #f8bd2a;color:#173b8f;font-size:clamp(2.8rem,8vw,4.1rem);font-weight:900}#result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-width:390px;margin:12px auto 18px}#result-stats div{display:flex;flex-direction:column-reverse;padding:7px 10px;border:1.5px solid #173b8f;border-radius:13px 11px 14px 12px;background:#d7f4eda3;box-shadow:0 0 0 2px #fff8df}#result-stats dt{color:#2463d4;font-size:.65rem;font-weight:900;text-transform:uppercase}#result-stats dd{color:#f06460;font-size:1.35rem;font-weight:900}.sr-only{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px),(orientation:portrait){.control-panel{top:clamp(116px,18vh,170px);max-height:calc(100vh - clamp(158px,24vh,212px))}#practice-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.practice-choice{min-height:58px;padding:7px 9px}.choice-example{display:none}.result-panel{top:50%;max-height:calc(100vh - 24px)}}@media(max-height:620px){.control-panel{top:96px;max-height:calc(100vh - 132px);padding:10px 14px}#practice-choices{margin-top:8px}.practice-choice{min-height:45px}.panel-message,.control-panel>p{margin-top:3px}.result-panel{top:50%;max-height:calc(100vh - 20px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/Baloo2-Latin-Variable-8NeBJN4T.woff2) format("woff2")}:root{--menu-font: "Chalkboard SE", "Noteworthy", "Trebuchet MS", system-ui, sans-serif;--instruction-font: "Baloo 2", "Avenir Next Rounded", "Arial Rounded MT Bold", Nunito, system-ui, sans-serif;--menu-body-font: "Avenir Next Rounded", "Trebuchet MS", Nunito, "Segoe UI", system-ui, sans-serif;--menu-label-font: "Avenir Next Rounded", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--menu-stamp-font: "American Typewriter", "Courier New", Courier, monospace;--menu-ink: #153773;--menu-accent: var(--theme-headline, #ff5c55);--menu-panel: #fff4cf;--menu-blue: #2463d4;--menu-teal: #18aeb4;--instruction-sticker-yellow: #f5bd38;--instruction-ui-headline: none;--pause-overlay: rgba(18, 45, 95, .7);--pause-radius: 22;color:var(--menu-ink);font-family:var(--menu-body-font)}#syllable-sets-panel[hidden],#glued-sound-options[hidden]{display:none}#syllable-sets-panel{position:fixed;z-index:19;top:72px;right:392px;width:min(860px,calc(100vw - 428px));max-height:calc(100vh - 88px);padding:18px 20px 20px;overflow:auto;scrollbar-gutter:stable;border:3px solid var(--menu-ink);border-radius:22px 28px 21px 26px;background:linear-gradient(118deg,rgb(255 255 255 / 54%),transparent 48%),#fffdf3;box-shadow:0 0 0 5px #fff4cfeb,0 10px #1537732e;color:var(--menu-ink);font-family:var(--menu-body-font)}.syllable-sets-header{position:sticky;z-index:3;top:-10px;display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-bottom:10px;padding:6px 0 8px;border-bottom:2px solid rgb(21 55 115 / 18%);background:#fffdf3f5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.syllable-sets-header h2{font:900 1.22rem/1 var(--menu-font);letter-spacing:.035em;text-transform:uppercase}.syllable-sets-header p{margin-top:5px;color:color-mix(in srgb,var(--menu-ink) 72%,transparent);font:800 .72rem/1.1 var(--menu-body-font)}.syllable-sets-tab{padding:7px 12px 6px;transform:rotate(1deg);border:2px solid var(--menu-ink);border-radius:12px 9px 13px 10px;background:color-mix(in srgb,var(--theme-action, #f8bd2a) 70%,#fffdf3);box-shadow:2px 3px #15377324;font:900 .64rem/1 var(--menu-label-font);letter-spacing:.055em;text-transform:uppercase}.syllable-global-toggle{min-height:48px;margin:0 0 10px;padding:7px 12px;border:2px solid rgb(21 55 115 / 26%);border-radius:15px 12px 16px 13px;background:color-mix(in srgb,var(--theme-option-c, #dcefe8) 32%,#fffdf3)}.syllable-set-rows{display:grid;gap:9px}.syllable-set-section{display:grid;grid-template-columns:138px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border:2px solid rgb(21 55 115 / 24%);border-radius:18px 14px 20px 16px;background:#fffaf0c7}.syllable-set-section h3{display:grid;min-height:42px;padding:8px 10px;place-items:center;transform:rotate(-.5deg);border:2px solid var(--menu-ink);border-radius:12px 10px 13px 11px;background:color-mix(in srgb,var(--theme-option-a, #19b9b1) 46%,#fffdf3);box-shadow:2px 3px #1537731f;font:900 .73rem/1 var(--menu-font);letter-spacing:.04em;text-align:center;text-transform:uppercase}.syllable-set-closed h3,.syllable-set-r-controlled h3{background:color-mix(in srgb,var(--theme-option-b, #a998dc) 35%,#fffdf3)}.syllable-set-vowel-team h3,.syllable-set-consonant-le h3{background:color-mix(in srgb,var(--theme-option-c, #dcefe8) 52%,#fffdf3)}.syllable-set-magic-e h3{background:color-mix(in srgb,var(--theme-action, #f8bd2a) 34%,#fffdf3)}.syllable-set-options{min-width:0}.syllable-option-block+.syllable-option-block{margin-top:9px;padding-top:8px;border-top:1.5px solid rgb(21 55 115 / 16%)}.compact-set-toggle{min-height:34px;margin:0;font-size:.78rem}.compact-set-toggle .settings-check{width:25px;height:25px}.compact-set-toggle input:checked+.settings-check:after{top:4px;left:6px}.syllable-option-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:6px}.syllable-option-heading strong{font:900 .72rem/1 var(--menu-label-font)}.syllable-set-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.syllable-set-actions button{min-height:28px;padding:5px 9px;border:1.5px solid var(--menu-ink);border-radius:10px 8px 11px 9px;background:#fff4cf;color:var(--menu-ink);font:900 .58rem/1 var(--menu-label-font);letter-spacing:.025em;cursor:pointer}.syllable-chip-list{display:flex;flex-wrap:wrap;gap:6px}.syllable-set-chip{min-width:47px;min-height:34px;padding:6px 10px;border:2px solid rgb(21 55 115 / 56%);border-radius:11px 9px 12px 10px;background:#fffaf0;box-shadow:0 2px #1537731a;color:var(--menu-ink);font:900 .68rem/1 var(--menu-label-font);cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.syllable-set-chip.is-selected{border-color:var(--menu-ink);background:color-mix(in srgb,var(--theme-option-a, #19b9b1) 42%,#fffdf3);box-shadow:inset 0 0 0 2px #fffdf3bd,0 3px #15377326}.syllable-set-chip:hover,.syllable-set-chip:focus-visible,.syllable-set-actions button:hover,.syllable-set-actions button:focus-visible{transform:translateY(-1px);border-color:var(--menu-ink)}.syllable-set-note{align-self:center;color:color-mix(in srgb,var(--menu-ink) 74%,transparent);font:800 .74rem/1.25 var(--menu-body-font)}.practice-choice.is-unavailable{opacity:.46;cursor:not-allowed;filter:grayscale(.3)}.calm-motion .syllable-set-chip,.calm-motion .syllable-set-actions button{transition:none}@media(max-height:660px){#syllable-sets-panel{top:54px;max-height:calc(100vh - 64px);padding:10px 14px 14px}.syllable-sets-header{min-height:42px;margin-bottom:5px}.syllable-global-toggle{min-height:36px;margin-bottom:6px;padding-top:3px;padding-bottom:3px}.syllable-set-rows{gap:6px}.syllable-set-section{grid-template-columns:116px minmax(0,1fr);gap:8px;padding:6px 8px}}@media(max-width:900px){#settings-panel{top:60px;right:8px;width:calc(42vw - 12px);max-height:calc(100vh - 70px)}#syllable-sets-panel{top:60px;right:auto;left:8px;width:calc(58vw - 12px);max-height:calc(100vh - 70px)}.syllable-set-section{grid-template-columns:1fr;gap:7px}.syllable-set-section h3{min-height:34px;justify-self:start;padding:6px 12px}}@media(max-width:620px){#settings-panel{top:60px;right:6px;width:calc(100vw - 12px);height:calc(42vh - 30px);max-height:none}#syllable-sets-panel{top:calc(42vh + 38px);right:6px;bottom:6px;left:6px;width:auto;max-height:none}.syllable-sets-header{top:-4px}.syllable-option-heading{align-items:flex-start;flex-direction:column}.syllable-set-actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.syllable-set-chip,.syllable-set-actions button{transition:none}}html:not([data-theme-family=primary]){--theme-ui-headline: none;--theme-ui-action: none;--theme-ui-paper: none;--theme-ui-option-a: none;--theme-ui-option-b: none;--theme-ui-option-c: none}html[data-theme-family=primary]{--instruction-ui-headline: url(/assets/headline-coral-B9tae_hv.png)}html:not([data-theme-family=primary]) .control-panel button{--button-sticker: var(--theme-ui-action);background-image:var(--theme-ui-action)}html:not([data-theme-family=primary]) .control-panel button.secondary{--button-sticker: var(--theme-ui-paper);background-image:var(--theme-ui-paper)}html:not([data-theme-family=primary]) #result-summary{background-image:var(--theme-ui-action)}html:not([data-theme-family=primary]) #result-stats div{background-image:var(--theme-ui-option-c)}html:not([data-theme-family=primary]) #result-stats div:nth-child(2),html:not([data-theme-family=primary]) #result-stats div:nth-child(3){background-image:var(--theme-ui-option-b)}html:not([data-theme-family=primary]) .practice-choice{--choice-sticker: var(--theme-ui-option-a)}html:not([data-theme-family=primary]) .practice-choice:nth-child(2),html:not([data-theme-family=primary]) .practice-choice:nth-child(5){--choice-sticker: var(--theme-ui-option-b)}html:not([data-theme-family=primary]) .practice-choice:nth-child(3),html:not([data-theme-family=primary]) .practice-choice:nth-child(4){--choice-sticker: var(--theme-ui-option-c)}.control-panel{top:clamp(232px,33vh,245px);width:min(920px,calc(100vw - 32px));max-height:calc(100vh - clamp(250px,36vh,270px));padding:0 10px 16px;overflow-x:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;scrollbar-width:thin;scrollbar-color:rgb(21 55 115 / 35%) transparent}.control-panel:before,.control-panel:after{display:none}.control-panel h1{position:relative;display:grid;width:min(440px,78vw);min-height:82px;margin:0 auto 3px;padding:17px 46px 19px;place-items:center;transform:rotate(-.8deg);border:0;border-radius:0;background-image:var(--instruction-ui-headline);background-position:center;background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;box-shadow:none;color:#10265e;font-family:var(--instruction-font);font-size:clamp(1rem,1.7vw,1.22rem);font-weight:700;letter-spacing:.01em;line-height:1.08;text-align:center;text-shadow:0 1px 0 rgb(255 249 223 / 62%);text-transform:none}.control-panel>p{margin-top:-2px;color:#1a3971;font-family:var(--menu-body-font);font-size:.8rem;font-weight:800;letter-spacing:.012em;line-height:1.25;text-align:center;text-shadow:0 1px 0 rgb(255 248 223 / 88%)}#practice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 15px;margin-top:8px;border:0}.practice-choice{--choice-sticker: url(/assets/option-teal-CUdh7g8x.png);--choice-sticker-position: center;--choice-sticker-size: 100% 100%;--choice-tilt: -.45deg;--choice-hover-tilt: .28deg;--choice-wash: rgb(255 186 73 / 26%);position:relative;display:block;min-height:78px;padding:0 58px;transform:rotate(var(--choice-tilt));border:0;border-radius:0;background:var(--choice-sticker) var(--choice-sticker-position) / var(--choice-sticker-size) no-repeat;box-shadow:none;color:var(--menu-ink);text-align:center;cursor:pointer;filter:drop-shadow(0 4px 2px rgb(21 55 115 / 13%));transition:transform .52s cubic-bezier(.16,1.28,.3,1),filter .52s cubic-bezier(.2,.75,.2,1),opacity .36s ease}.practice-choice:after{position:absolute;z-index:1;inset:0;background:linear-gradient(105deg,transparent 4%,var(--choice-wash) 42%,rgb(255 249 223 / 24%) 54%,transparent 82%);background-position:110% 50%;background-size:260% 100%;content:"";opacity:0;pointer-events:none;transition:background-position .68s cubic-bezier(.18,.72,.18,1),opacity .44s ease;-webkit-mask:var(--choice-sticker) var(--choice-sticker-position) / var(--choice-sticker-size) no-repeat;mask:var(--choice-sticker) var(--choice-sticker-position) / var(--choice-sticker-size) no-repeat}.practice-choice:nth-child(2),.practice-choice:nth-child(5){--choice-sticker: url(/assets/option-lavender-left-roomy-IfUeIG7r.png);--choice-tilt: .35deg;--choice-hover-tilt: -.24deg;--choice-wash: rgb(255 105 98 / 24%)}.practice-choice:nth-child(3),.practice-choice:nth-child(4){--choice-sticker: url(/assets/option-mint-W4-3oq6V.png);--choice-tilt: -.15deg;--choice-hover-tilt: .2deg;--choice-wash: rgb(58 153 233 / 21%)}.practice-choice:has(input:not(:checked)){opacity:.76;filter:grayscale(.14) saturate(.88) drop-shadow(0 3px 2px rgb(21 55 115 / 11%))}.practice-choice:has(input:checked){transform:translateY(-2px) rotate(var(--choice-tilt));border:0;background:var(--choice-sticker) var(--choice-sticker-position) / var(--choice-sticker-size) no-repeat;box-shadow:none;filter:drop-shadow(0 6px 2px rgb(21 55 115 / 18%)) saturate(1.08)}.practice-choice input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.choice-marker{--marker-edge: var(--menu-ink);--marker-fill: #fff4cf;--marker-mark: var(--menu-ink);position:absolute;z-index:2;top:50%;left:19%;display:grid;width:clamp(18px,10%,28px);height:clamp(24px,46%,36px);place-items:center;transform:translate(-50%,-50%) rotate(-3deg);background:var(--marker-edge);clip-path:polygon(23% 0,84% 5%,100% 19%,92% 84%,70% 100%,8% 92%,0 69%,7% 14%);color:var(--marker-mark);filter:drop-shadow(0 3px 1px rgb(21 55 115 / 16%));transition:transform .52s cubic-bezier(.16,1.3,.3,1),filter .44s ease,background-color .42s ease}.choice-marker:before{position:absolute;inset:2px;background:var(--marker-fill);clip-path:inherit;content:"";transition:background-color .42s ease}.choice-mark{position:relative;z-index:1;display:block;width:min(72%,20px);height:auto;aspect-ratio:1;color:var(--marker-mark);transition:color .42s ease,transform .52s cubic-bezier(.16,1.3,.3,1)}.choice-mark:before,.choice-mark:after{position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;content:"";opacity:0;transition:width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),transform .46s cubic-bezier(.16,1.25,.3,1)}.choice-mark:before{width:70%;height:15%;transform:translate(-50%,-50%) rotate(0)}.choice-mark:after{width:15%;height:70%;transform:translate(-50%,-50%) rotate(0)}.practice-choice:has(input:checked) .choice-marker{--marker-edge: #fff4cf;--marker-fill: var(--menu-ink);--marker-mark: #fff4cf;transform:translate(-50%,-50%) rotate(2deg) scale(1.035)}.practice-choice:has(input:checked) .choice-mark{transform:rotate(-2deg) scale(1.04)}.practice-choice:has(input:checked) .choice-mark:before{width:45%;opacity:1;transform:translate(-91%,62%) rotate(43deg)}.practice-choice:has(input:checked) .choice-mark:after{width:15%;height:90%;opacity:1;transform:translate(78%,-61%) rotate(43deg)}.practice-choice:has(input:focus-visible) .choice-marker{--marker-edge: var(--menu-accent) !important;filter:drop-shadow(0 0 1px #fff9df) drop-shadow(0 0 4px #ff5c55) drop-shadow(0 4px 1px rgb(21 55 115 / 18%))}.practice-choice:has(input:disabled){opacity:.42;cursor:not-allowed;filter:grayscale(.6) drop-shadow(0 2px 1px rgb(21 55 115 / 8%))}.practice-choice input:disabled{cursor:not-allowed}.practice-choice:has(input:disabled) .choice-marker{--marker-edge: #687489;--marker-fill: #e7e2cf;--marker-mark: #687489}.choice-name{z-index:2;position:absolute;top:50%;left:50%;width:calc(100% - 124px);overflow:hidden;transform:translate(-50%,-50%);color:var(--menu-ink);font-family:var(--menu-label-font);font-size:clamp(.82rem,1.25vw,.98rem);font-weight:900;letter-spacing:.055em;line-height:1.05;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 0 rgb(255 249 223 / 56%),.45px .65px 0 rgb(21 55 115 / 10%);text-transform:uppercase;white-space:nowrap;transition:transform .5s cubic-bezier(.16,1.25,.3,1),letter-spacing .48s ease,color .46s ease,text-shadow .46s ease}.practice-choice:has(input:focus-visible),.practice-choice:has(input:checked):has(input:focus-visible),.practice-choice:has(input:not(:checked)):has(input:focus-visible){z-index:1;transform:translateY(-4px) rotate(var(--choice-tilt)) scale(1.018);opacity:1;filter:drop-shadow(0 9px 4px rgb(21 55 115 / 23%)) saturate(1.1) brightness(1.02)}.practice-choice:has(input:focus-visible):after{background-position:28% 50%;opacity:.55}@media(hover:hover){.practice-choice:not(:has(input:disabled)):hover,.practice-choice:has(input:checked):not(:has(input:disabled)):hover,.practice-choice:has(input:not(:checked)):not(:has(input:disabled)):hover{z-index:1;transform:translateY(-5px) rotate(var(--choice-hover-tilt)) scale(1.022);opacity:1;filter:hue-rotate(-5deg) drop-shadow(0 10px 4px rgb(21 55 115 / 23%)) saturate(1.24) brightness(1.04)}.practice-choice:not(:has(input:disabled)):hover:after{background-position:8% 50%;opacity:.72}.practice-choice:not(:has(input:disabled)):hover .choice-name{transform:translate(-50%,-50%) scale(1.03);color:#0d347f;letter-spacing:.068em;text-shadow:0 1px 0 rgb(255 249 223 / 76%),0 2px 5px rgb(21 55 115 / 8%)}.practice-choice:not(:has(input:disabled)):hover .choice-marker{transform:translate(-50%,-55%) rotate(5deg) scale(1.1);filter:drop-shadow(0 5px 2px rgb(21 55 115 / 20%))}.practice-choice:has(input:checked):not(:has(input:disabled)):hover .choice-marker{transform:translate(-50%,-55%) rotate(-3deg) scale(1.11)}.practice-choice:not(:has(input:disabled)):hover .choice-mark{transform:rotate(5deg) scale(1.1)}.practice-choice:has(input:checked):not(:has(input:disabled)):hover .choice-mark{transform:rotate(-5deg) scale(1.1)}}.practice-choice:has(input:active):not(:has(input:disabled)){transform:translateY(1px) rotate(var(--choice-hover-tilt)) scale(.988);filter:drop-shadow(0 2px 1px rgb(21 55 115 / 15%)) saturate(1.08);transition-duration:.12s}.panel-message{min-height:1.05em;margin-top:1px!important;color:#a52e46!important;font-weight:900!important}#setup-panel #start-button{margin-top:5px}.control-panel button{--button-sticker: url(/assets/action-yellow-DloNhk2Y.png);position:relative;display:grid;width:min(340px,calc(100% - 20px));min-height:70px;margin:1px auto 0;padding:17px 68px 16px;place-items:center;transform:rotate(.25deg);border:0;border-radius:0;background:var(--button-sticker) center / 100% 100% no-repeat;box-shadow:none;color:var(--menu-ink);font:900 .88rem/1 var(--menu-label-font);letter-spacing:.095em;text-shadow:0 1px 0 rgb(255 249 223 / 56%),.45px .65px 0 rgb(21 55 115 / 10%);text-transform:uppercase;cursor:pointer;filter:drop-shadow(0 5px 2px rgb(21 55 115 / 16%));transition:transform .52s cubic-bezier(.16,1.25,.3,1),filter .52s cubic-bezier(.2,.75,.2,1)}.control-panel button:before{position:absolute;z-index:0;inset:0;background:linear-gradient(105deg,transparent 4%,rgb(255 92 85 / 25%) 43%,rgb(255 249 223 / 24%) 55%,transparent 82%);background-position:110% 50%;background-size:260% 100%;content:"";opacity:0;pointer-events:none;transition:background-position .7s cubic-bezier(.18,.72,.18,1),opacity .46s ease;-webkit-mask:var(--button-sticker) center / 100% 100% no-repeat;mask:var(--button-sticker) center / 100% 100% no-repeat}.control-panel button .button-label{z-index:1;grid-area:1 / 1;margin:0;transform:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:1;text-align:center;text-shadow:inherit;white-space:nowrap;transition:transform .5s cubic-bezier(.16,1.25,.3,1),letter-spacing .46s ease,color .46s ease}.control-panel button .button-arrow{position:absolute;top:50%;right:48px;display:grid;width:22px;height:22px;margin:0;place-items:center;transform:translateY(-52%) rotate(-3deg);color:#d94646;font:900 1.28rem/1 var(--menu-label-font);letter-spacing:0;text-shadow:0 1px 0 rgb(255 249 223 / 45%);z-index:1;transition:transform .56s cubic-bezier(.16,1.35,.3,1),color .46s ease}#start-button .button-arrow-chunky{right:56px;width:54px;height:44px;overflow:visible;background:none;clip-path:none;color:#ef5b52;filter:drop-shadow(0 1px 0 rgb(255 255 255 / 55%)) drop-shadow(0 4px 1px rgb(21 55 115 / 24%));font-size:0}#start-button .button-arrow-chunky svg{display:block;width:100%;height:100%;overflow:visible}#start-button .arrow-rim{fill:#fff4cf}#start-button .arrow-paper{fill:url(#start-arrow-paper)}#start-button .arrow-highlight{fill:none;stroke:#fff4cfb8;stroke-width:2.2;stroke-linecap:round}#start-button .arrow-grain-light{fill:#fff4cf6b}#start-button .arrow-grain-dark{fill:#8b2d3738}.control-panel button:hover:not(:disabled),.control-panel button:focus-visible:not(:disabled){transform:translateY(-4px) rotate(.25deg) scale(1.025);filter:drop-shadow(0 10px 4px rgb(21 55 115 / 24%)) saturate(1.11) brightness(1.025)}.control-panel button:hover:not(:disabled):before,.control-panel button:focus-visible:not(:disabled):before{background-position:8% 50%;opacity:.8}.control-panel button:hover:not(:disabled) .button-label,.control-panel button:focus-visible:not(:disabled) .button-label{transform:scale(1.025);letter-spacing:.115em}.control-panel button:hover:not(:disabled) .button-arrow,.control-panel button:focus-visible:not(:disabled) .button-arrow{transform:translate(4px,-52%) rotate(2deg) scale(1.08)}.control-panel button:active:not(:disabled){transform:translateY(1px) rotate(.25deg) scale(.99);filter:drop-shadow(0 2px 1px rgb(21 55 115 / 16%))}.control-panel button:disabled{opacity:.42;border:0;background:var(--button-sticker) center / 100% 100% no-repeat;box-shadow:none;color:var(--menu-ink);cursor:not-allowed;filter:drop-shadow(0 5px 2px rgb(21 55 115 / 16%))}.control-panel button.secondary{--button-sticker: url(/assets/action-cream-BWah0LLR.png);min-height:58px;margin-top:-4px;padding:13px 50px;transform:rotate(-.4deg);background:url(/assets/action-cream-BWah0LLR.png) center / 100% 100% no-repeat;box-shadow:none;color:var(--menu-blue);font-size:.74rem;letter-spacing:.1em;filter:drop-shadow(0 4px 2px rgb(21 55 115 / 13%))}.control-panel button.secondary:hover,.control-panel button.secondary:focus-visible{transform:translateY(-2px) rotate(-.4deg) scale(1.01)}.result-panel{top:50%;width:min(620px,calc(100vw - 26px));max-height:calc(100vh - 28px);padding-bottom:12px;transform:translate(-50%,-50%)}.result-panel h1{width:min(400px,78vw);min-height:88px;max-width:none;margin:0 auto}#result-heading:focus{outline:none}#result-summary{display:grid;width:180px;min-height:92px;margin:-5px auto 0;padding:17px 38px 18px;place-items:center;transform:rotate(.5deg);border:0;border-radius:0;background:url(/assets/action-yellow-DloNhk2Y.png) center / 100% 100% no-repeat;box-shadow:none;color:var(--menu-ink);font-family:var(--menu-font);font-size:clamp(2.7rem,8vw,4.1rem);font-weight:900;filter:drop-shadow(0 5px 2px rgb(21 55 115 / 16%))}.result-score-label{margin-top:0!important;color:var(--menu-ink)!important;font-size:.72rem!important;text-transform:uppercase}#result-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px 9px;max-width:520px;margin:4px auto 3px}#result-stats div{display:flex;min-height:65px;padding:12px 34px 11px;flex-direction:column-reverse;justify-content:center;border:0;border-radius:0;background:url(/assets/option-mint-W4-3oq6V.png) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 3px 2px rgb(21 55 115 / 12%))}#result-stats div:nth-child(2),#result-stats div:nth-child(3){background-image:url(/assets/option-lavender-BNmO38sY.png)}#result-stats dt{color:var(--menu-ink);font:800 .59rem/1 var(--menu-label-font);letter-spacing:.065em;opacity:.72;text-transform:uppercase}#result-stats dd{color:var(--menu-ink);font:900 1.18rem/1 var(--menu-label-font)}#utility-controls{position:fixed;z-index:20;top:12px;right:16px;display:flex;gap:8px}#utility-controls[hidden],#settings-panel[hidden]{display:none}.utility-button{position:relative;isolation:isolate;display:grid;width:58px;height:58px;min-width:44px;min-height:44px;padding:0;place-items:center;border:0;background:transparent;color:var(--menu-ink);cursor:pointer;filter:drop-shadow(2px 4px 0 rgb(21 55 115 / 16%));font:900 1.28rem/1 var(--menu-label-font);transform:none;transition:transform .18s ease,filter .18s ease}.utility-button:before{position:absolute;z-index:0;inset:3px;clip-path:polygon(11% 3%,88% 1%,98% 12%,96% 88%,86% 98%,12% 96%,2% 84%,4% 13%);background:#ff6657;content:"";opacity:.9;transform:translate(3px,4px) rotate(2deg)}#sound-button:before{background:#ff6657}#settings-button:before{background:#2bb9bb;transform:translate(3px,4px) rotate(-2deg)}.utility-paper-shape{position:absolute;z-index:1;inset:1px;display:block;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;pointer-events:none;transform:rotate(-1deg)}.utility-paper-shape path{fill:#fff0cf;stroke:var(--menu-ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}#settings-button .utility-paper-shape{transform:rotate(1deg) scaleX(-1)}.utility-icon{position:relative;z-index:2;display:block;width:30px;height:30px}.utility-icon svg{display:block;width:100%;height:100%;overflow:visible}.utility-symbol-fill{fill:var(--menu-ink);stroke:var(--menu-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.utility-symbol-cutout{fill:#fff0cf;stroke:none}.utility-icon-sound:after{position:absolute;z-index:2;top:12px;left:0;width:30px;height:4px;transform:rotate(-43deg) scaleX(.2);border:2px solid #fff0cf;border-radius:5px;background:#ff6657;content:"";opacity:0;transform-origin:center;transition:transform .18s ease,opacity .12s ease}#sound-button[aria-pressed=true] .utility-icon-sound:after{transform:rotate(-43deg) scaleX(1);opacity:1}.utility-button:hover{transform:translateY(-2px) rotate(-2deg);filter:drop-shadow(3px 6px 0 rgb(21 55 115 / 18%))}.utility-button:focus-visible{outline:3px solid #ff6657;outline-offset:2px;transform:translateY(-2px) rotate(-2deg)}#settings-button[aria-expanded=true]:before{background:#ffbf22}.settings-close-button{position:relative;isolation:isolate;display:grid;width:50px;height:48px;min-width:34px;min-height:34px;padding:0;place-items:center;border:0;border-radius:18px 14px 19px 15px;background:#fff0cf;box-shadow:0 4px #15377326;color:var(--menu-ink);cursor:pointer;filter:drop-shadow(0 1px 0 rgb(255 253 243 / 90%));font:900 1.28rem/1 var(--menu-label-font);transition:transform .18s ease,background-color .18s ease}.settings-close-button:before{position:absolute;z-index:-1;inset:4px;border:2px solid var(--menu-ink);border-radius:14px 11px 15px 12px;background:#bfe4f6;box-shadow:inset 0 0 0 2px #fffdf37a;content:""}.settings-close-button:hover,.settings-close-button:focus-visible{transform:translateY(-2px) rotate(-2deg);background:#fff8df}#settings-panel{position:fixed;z-index:19;top:72px;right:16px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 88px);padding:18px 20px 20px;overflow:auto;scrollbar-gutter:stable;border:3px solid var(--menu-ink);border-radius:25px 20px 28px 22px;background:#fffdf3;box-shadow:0 0 0 5px #fff4cfeb,0 10px #1537732e;color:var(--menu-ink);font-family:var(--menu-body-font)}.settings-header{position:sticky;z-index:2;top:-10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:7px 0 5px;background:#fffdf3f0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-header h2{font:900 1.22rem/1 var(--menu-font);letter-spacing:.035em;text-transform:uppercase}.settings-close-button{width:44px;height:44px;border-radius:12px 10px 13px 11px;box-shadow:0 3px #15377324;font-size:1.45rem}.settings-range{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;margin-top:13px;color:var(--menu-ink);font-size:.86rem;font-weight:900}.settings-range output{min-width:66px;padding:4px 9px;border-radius:11px 9px 12px 10px;background:#dcefe8;color:var(--menu-ink);font:900 .76rem/1 var(--menu-label-font);text-align:center}.settings-range input[type=range]{grid-column:1 / -1;width:100%;height:28px;accent-color:var(--menu-blue);cursor:pointer}.settings-toggle{position:relative;display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;min-height:44px;margin-top:10px;color:var(--menu-ink);font-size:.84rem;font-weight:900;cursor:pointer}.settings-toggle input{position:absolute;width:1px;height:1px;opacity:0}.settings-check{position:relative;display:block;width:27px;height:27px;border:2px solid var(--menu-ink);border-radius:8px;background:#fff4cf;pointer-events:none}.settings-toggle input:checked+.settings-check{background:var(--menu-ink)}.settings-toggle input:checked+.settings-check:after{position:absolute;top:5px;left:7px;width:9px;height:5px;transform:rotate(-45deg);border-bottom:3px solid #fff4cf;border-left:3px solid #fff4cf;content:""}.settings-toggle input:focus-visible+.settings-check{outline:4px solid var(--menu-accent);outline-offset:3px}.settings-toggle em{color:#d94646;font-style:normal}.settings-group{margin-top:12px;padding:9px 12px 8px;border:2px solid rgb(21 55 115 / 30%);border-radius:17px 14px 19px 15px}.settings-group legend{padding:0 7px;color:var(--menu-blue);font:900 .7rem/1 var(--menu-label-font);letter-spacing:.055em;text-transform:uppercase}.settings-group .settings-toggle{margin-top:2px}.theme-settings-group{margin-top:2px;padding:10px;border-color:color-mix(in srgb,var(--menu-ink) 42%,transparent);background:linear-gradient(112deg,rgb(255 255 255 / 58%),transparent 58%),color-mix(in srgb,var(--theme-option-c, #dcefe8) 28%,#fffdf3)}.theme-family-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.theme-family-control button,.finalist-choice{min-height:44px;padding:6px 7px;border:2px solid color-mix(in srgb,var(--menu-ink) 58%,transparent);border-radius:13px 10px 14px 11px;background:#fffdf3;box-shadow:0 3px #1537731f;color:var(--menu-ink);font:900 .75rem/1 var(--menu-label-font);letter-spacing:.025em;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.theme-family-control button{display:grid;grid-template-columns:16px 1fr;gap:5px;align-items:center}.theme-family-control button:before{width:14px;height:14px;justify-self:center;background:var(--menu-blue);content:""}.theme-family-control button[data-theme-family=primary]:before{transform:rotate(-5deg);border:2px solid #fff4cf;border-radius:4px 3px 5px;box-shadow:2px 2px 0 var(--menu-accent)}.theme-family-control button[data-theme-family=sci-fi]:before{border:3px solid #fff4cf;border-radius:50%;background:var(--theme-option-a, #19b9b1);box-shadow:0 0 0 1.5px var(--menu-ink),4px 0 0 -1px var(--theme-action, #f8bd2a)}.theme-family-control button[data-theme-family=fantasy]:before{background:var(--theme-option-b, #a998dc);clip-path:polygon(50% 0,64% 30%,100% 35%,73% 58%,82% 100%,50% 78%,18% 100%,27% 58%,0 35%,36% 30%);filter:drop-shadow(0 1px 0 #fff4cf)}.theme-family-control button:hover,.theme-family-control button:focus-visible,.finalist-choice:hover,.finalist-choice:focus-visible{transform:translateY(-1px);border-color:var(--menu-ink)}.theme-family-control button.is-selected,.finalist-choice.is-selected{border-color:var(--menu-ink);background:color-mix(in srgb,var(--theme-action, #f8bd2a) 68%,#fffdf3);box-shadow:0 0 0 2px #fff4cf,0 4px #1537732e}.theme-family-control button:nth-child(2).is-selected{background:color-mix(in srgb,var(--theme-option-a, #19b9b1) 52%,#fffdf3)}.theme-family-control button:nth-child(3).is-selected{background:color-mix(in srgb,var(--theme-option-b, #a998dc) 35%,#fffdf3)}.finalist-control{margin-top:9px;padding-top:8px;border-top:1.5px dashed color-mix(in srgb,var(--menu-ink) 30%,transparent)}.finalist-control[hidden]{display:none}.finalist-control-label{display:block;margin-bottom:6px;color:var(--menu-blue);font:900 .61rem/1 var(--menu-label-font);letter-spacing:.05em;text-transform:uppercase}.finalist-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.finalist-choice{min-height:44px;padding:5px;background:color-mix(in srgb,var(--theme-option-c, #dcefe8) 34%,#fffdf3);font-size:.64rem;line-height:1.1}html:not([data-theme-family=primary]) .practice-choice:before,html:not([data-theme-family=primary]) .control-panel h1:after{position:absolute;z-index:1;content:"";pointer-events:none}html[data-theme=backyard-ufo-club] .practice-choice:before{inset:13px 18px;background:linear-gradient(8deg,transparent 0 7%,rgb(245 185 47 / 38%) 8% 14%,transparent 15%) left top / 30px 18px no-repeat,linear-gradient(-7deg,transparent 0 63%,rgb(245 185 47 / 32%) 64% 76%,transparent 77%) right bottom / 34px 22px no-repeat}html[data-theme=cosmic-fix-it-crew] .practice-choice:before{inset:0;background:radial-gradient(circle at 10% 50%,rgb(36 95 193 / 34%) 0 3px,transparent 3.5px),radial-gradient(circle at 90% 50%,rgb(36 95 193 / 34%) 0 3px,transparent 3.5px)}html[data-theme=pocket-planet-expedition] .practice-choice:before{inset:17px auto 17px 12%;width:2px;border-left:2px dashed rgb(142 136 178 / 42%)}html[data-theme=moonmoss-wandering-castle] .practice-choice:before{inset:0;background:radial-gradient(ellipse at 10% 74%,rgb(109 166 154 / 36%) 0 7px,transparent 7.5px),radial-gradient(ellipse at 91% 27%,rgb(109 166 154 / 30%) 0 6px,transparent 6.5px)}html[data-theme=buttonkeep-dragon-post] .practice-choice:before{inset:13px 15px;border:2px dashed rgb(233 110 86 / 34%);border-radius:18px 13px 17px 14px}html[data-theme=moonspell-castle-library] .practice-choice:before{inset:13px 18px;background:linear-gradient(90deg,rgb(120 91 145 / 34%) 0 4px,transparent 4px),radial-gradient(circle at 96% 18%,rgb(217 170 76 / 44%) 0 3px,transparent 3.5px),radial-gradient(circle at 96% 82%,rgb(217 170 76 / 40%) 0 3px,transparent 3.5px)}html[data-theme=night-signal-relay] .practice-choice:before{inset:12px 17px;border-bottom:3px solid rgb(36 104 125 / 58%);background:repeating-linear-gradient(90deg,rgb(18 44 78 / 52%) 0 2px,transparent 2px 9px) left 2px / 72px 7px no-repeat,radial-gradient(circle at 92% 22%,rgb(223 95 78 / 72%) 0 3px,transparent 3.5px),radial-gradient(circle at 84% 22%,rgb(223 95 78 / 52%) 0 3px,transparent 3.5px)}html[data-theme=afterlight-transit] .practice-choice:before{inset:11px 16px;border-right:2px dashed rgb(69 103 124 / 55%);background:repeating-linear-gradient(0deg,rgb(91 143 138 / 12%) 0 2px,transparent 2px 5px),radial-gradient(circle at 94% 16%,rgb(213 161 81 / 76%) 0 3px,transparent 3.5px),radial-gradient(circle at 94% 84%,rgb(213 161 81 / 68%) 0 3px,transparent 3.5px)}html[data-theme=zero-line-interchange] .practice-choice:before{inset:11px 16px;border-bottom:3px solid rgb(37 108 131 / 54%);background:radial-gradient(circle,rgb(215 101 79 / 74%) 0 3px,transparent 3.5px) left 4px top 2px / 18px 8px repeat-x,linear-gradient(132deg,transparent 0 19%,rgb(37 108 131 / 44%) 20% 22%,transparent 23% 72%,rgb(37 108 131 / 38%) 73% 75%,transparent 76%)}html[data-theme=stormglass-citadel] .practice-choice:before{inset:10px 16px;background:linear-gradient(126deg,transparent 0 20%,rgb(205 162 76 / 68%) 21% 24%,transparent 25%) left center / 44px 100% no-repeat,linear-gradient(-54deg,transparent 0 18%,rgb(74 102 124 / 45%) 19% 22%,transparent 23%) right center / 46px 100% no-repeat,radial-gradient(circle at 94% 18%,rgb(101 92 121 / 70%) 0 4px,transparent 4.5px)}html[data-theme=underkeep-sixth-gate] .practice-choice:before{inset:11px 17px;border:2px solid rgb(40 54 76 / 48%);background:linear-gradient(45deg,transparent 43%,rgb(192 154 77 / 72%) 44% 56%,transparent 57%) left 2px top 2px / 12px 12px no-repeat,linear-gradient(45deg,transparent 43%,rgb(192 154 77 / 68%) 44% 56%,transparent 57%) right 2px bottom 2px / 12px 12px no-repeat}html[data-theme=nightpress-keep] .practice-choice:before{inset:10px 16px;border:2px solid rgb(193 88 78 / 56%);box-shadow:inset 0 0 0 3px #4c5e794d;background:linear-gradient(#4c5e79b8,#4c5e79b8) left 4px top 4px / 11px 2px no-repeat,linear-gradient(#4c5e79b8,#4c5e79b8) left 8px top / 2px 11px no-repeat,linear-gradient(#c1584ea8,#c1584ea8) right 4px bottom 4px / 11px 2px no-repeat,linear-gradient(#c1584ea8,#c1584ea8) right 8px bottom / 2px 11px no-repeat}html[data-theme=midnight-relay-station] .practice-choice:before{display:none}html[data-theme=midnight-relay-station] .practice-choice:has(input:not(:checked)){opacity:.94;filter:saturate(1.02) drop-shadow(0 3px 2px rgb(20 42 62 / 14%))}html[data-theme=midnight-relay-station] .practice-choice:is(:nth-child(1),:nth-child(2),:nth-child(5),:nth-child(6)) .choice-name{color:#fff4d8;text-shadow:0 1px 0 rgb(11 25 41 / 70%),0 0 3px rgb(11 25 41 / 32%)}html[data-theme=midnight-relay-station] .practice-choice:is(:nth-child(3),:nth-child(4)) .choice-name{color:#142a3e;text-shadow:0 1px 0 rgb(255 249 234 / 70%)}html[data-theme=stormgate-press] .practice-choice:before{display:none}html[data-theme=moonlit-dragon-post] .practice-choice:before{display:none}:is(html[data-theme=midnight-relay-station],html[data-theme=stormgate-press],html[data-theme=moonlit-dragon-post]) .practice-choice:not(:has(input:disabled)) .choice-marker{--marker-edge: #e7d9bd;--marker-fill: #fff9ea;--marker-mark: #173b8f}:is(html[data-theme=midnight-relay-station],html[data-theme=stormgate-press],html[data-theme=moonlit-dragon-post]) .practice-choice:has(input:checked):not(:has(input:disabled)) .choice-marker{--marker-edge: #fff4cf;--marker-fill: #fff9ea;--marker-mark: #173b8f}html[data-theme=night-signal-relay] .control-panel button:after,html[data-theme=afterlight-transit] .control-panel button:after,html[data-theme=zero-line-interchange] .control-panel button:after,html[data-theme=stormglass-citadel] .control-panel button:after,html[data-theme=underkeep-sixth-gate] .control-panel button:after,html[data-theme=nightpress-keep] .control-panel button:after{position:absolute;z-index:0;inset:14px 31px;border:2px solid color-mix(in srgb,var(--menu-blue) 45%,transparent);content:"";opacity:.7;pointer-events:none}html[data-theme=night-signal-relay] .control-panel button:after{border-width:0 0 3px;background:repeating-linear-gradient(90deg,var(--menu-blue) 0 2px,transparent 2px 10px) left top / 76px 7px no-repeat}html[data-theme=afterlight-transit] .control-panel button:after{border-width:0 2px 0 0;border-style:dashed;background:radial-gradient(circle at 96% 18%,var(--theme-action) 0 3px,transparent 3.5px)}html[data-theme=zero-line-interchange] .control-panel button:after{border-width:0 0 3px;background:radial-gradient(circle,var(--theme-headline) 0 3px,transparent 3.5px) left top / 19px 8px repeat-x}html[data-theme=stormglass-citadel] .control-panel button:after{border-width:0 0 0 3px;transform:skew(-12deg)}html[data-theme=underkeep-sixth-gate] .control-panel button:after{border-color:color-mix(in srgb,var(--menu-ink) 52%,transparent)}html[data-theme=nightpress-keep] .control-panel button:after{border-color:color-mix(in srgb,var(--theme-headline) 60%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--menu-blue) 28%,transparent)}html[data-theme=midnight-relay-station] .control-panel button:after,html[data-theme=stormgate-press] .control-panel button:after,html[data-theme=moonlit-dragon-post] .control-panel button:after{position:absolute;z-index:0;inset:14px 31px;border:2px solid color-mix(in srgb,var(--menu-blue) 45%,transparent);content:"";opacity:.7;pointer-events:none}html[data-theme=midnight-relay-station] .control-panel button:after{display:none}html[data-theme=stormgate-press] .control-panel button:after{display:none}html[data-theme=moonlit-dragon-post] .control-panel button:after{display:none}html[data-theme=backyard-ufo-club] .control-panel h1:after,html[data-theme=cosmic-fix-it-crew] .control-panel h1:after,html[data-theme=pocket-planet-expedition] .control-panel h1:after,html[data-theme=moonmoss-wandering-castle] .control-panel h1:after,html[data-theme=buttonkeep-dragon-post] .control-panel h1:after,html[data-theme=moonspell-castle-library] .control-panel h1:after{top:14px;right:34px;width:12px;height:12px;border:2px solid rgb(255 248 223 / 68%);border-radius:50%;background:color-mix(in srgb,var(--theme-action) 72%,#fffdf3)}html[data-theme=night-signal-relay] .control-panel h1:after,html[data-theme=afterlight-transit] .control-panel h1:after,html[data-theme=zero-line-interchange] .control-panel h1:after,html[data-theme=stormglass-citadel] .control-panel h1:after,html[data-theme=underkeep-sixth-gate] .control-panel h1:after,html[data-theme=nightpress-keep] .control-panel h1:after{top:16px;right:38px;width:13px;height:13px;border:2px solid rgb(255 248 223 / 75%);background:color-mix(in srgb,var(--theme-action) 68%,#fffdf3)}html[data-theme=midnight-relay-station] .control-panel h1:after,html[data-theme=stormgate-press] .control-panel h1:after,html[data-theme=moonlit-dragon-post] .control-panel h1:after{top:16px;right:38px;width:13px;height:13px;border:2px solid rgb(255 248 223 / 75%);background:color-mix(in srgb,var(--theme-action) 68%,#fffdf3)}html[data-theme=midnight-relay-station] .control-panel h1:after{display:none}html[data-theme=stormgate-press] .control-panel h1:after{display:none}html[data-theme=moonlit-dragon-post] .control-panel h1:after{display:none}html[data-theme=night-signal-relay] .control-panel h1:after{border-radius:50%;box-shadow:-18px 0 0 -3px var(--menu-blue)}html[data-theme=afterlight-transit] .control-panel h1:after{border-radius:50%;box-shadow:0 18px 0 -3px var(--theme-action)}html[data-theme=zero-line-interchange] .control-panel h1:after,html[data-theme=underkeep-sixth-gate] .control-panel h1:after{transform:rotate(45deg)}html[data-theme=stormglass-citadel] .control-panel h1:after{transform:skew(-18deg) rotate(45deg)}html[data-theme=nightpress-keep] .control-panel h1:after{background:transparent;box-shadow:inset 0 0 0 2px var(--menu-blue)}html[data-theme=backyard-ufo-club] #settings-panel{background:linear-gradient(112deg,rgb(245 185 47 / 10%),transparent 35%),#fffdf3}html[data-theme=cosmic-fix-it-crew] #settings-panel{background:radial-gradient(circle at 93% 8%,rgb(36 95 193 / 14%) 0 5px,transparent 6px),#fffdf3}html[data-theme=pocket-planet-expedition] #settings-panel{background:linear-gradient(90deg,rgb(142 136 178 / 13%) 0 7px,transparent 7px),#fffdf3}html[data-theme=moonmoss-wandering-castle] #settings-panel{background:radial-gradient(ellipse at 95% 96%,rgb(109 166 154 / 18%) 0 54px,transparent 56px),#fffdf3}html[data-theme=buttonkeep-dragon-post] #settings-panel{background:repeating-linear-gradient(90deg,transparent 0 9px,rgb(233 110 86 / 8%) 9px 11px),#fffdf3}html[data-theme=moonspell-castle-library] #settings-panel{background:linear-gradient(90deg,rgb(120 91 145 / 14%) 0 8px,transparent 8px),#fffdf3}html[data-theme=night-signal-relay] #settings-panel{background:repeating-linear-gradient(0deg,transparent 0 23px,rgb(36 104 125 / 8%) 23px 25px),#fffdf3}html[data-theme=afterlight-transit] #settings-panel{background:linear-gradient(180deg,rgb(213 161 81 / 13%),transparent 30%),#fffdf3}html[data-theme=zero-line-interchange] #settings-panel{background:linear-gradient(135deg,transparent 0 12%,rgb(37 108 131 / 9%) 12% 14%,transparent 14% 72%,rgb(37 108 131 / 8%) 72% 74%,transparent 74%),#fffdf3}html[data-theme=stormglass-citadel] #settings-panel{background:linear-gradient(125deg,rgb(74 102 124 / 9%) 0 2%,transparent 2% 91%,rgb(205 162 76 / 11%) 91%),#fffdf3}html[data-theme=underkeep-sixth-gate] #settings-panel{background:linear-gradient(90deg,rgb(40 54 76 / 7%) 0 7px,transparent 7px calc(100% - 7px),rgb(40 54 76 / 7%) calc(100% - 7px)),#fffdf3}html[data-theme=nightpress-keep] #settings-panel{background:repeating-linear-gradient(0deg,transparent 0 26px,rgb(193 88 78 / 7%) 26px 28px),#fffdf3}@media(max-width:700px),(orientation:portrait){.control-panel{top:clamp(184px,22vh,200px);width:min(560px,calc(100vw - 16px));max-height:calc(100vh - clamp(205px,25vh,225px));padding-right:4px;padding-left:4px}.control-panel h1{width:min(360px,86vw);min-height:72px;padding:14px 34px 16px;font-size:clamp(.9rem,3.7vw,1.08rem)}#practice-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 5px;margin-top:4px}.practice-choice{min-height:68px;padding:0 42px}.choice-marker{left:18.55%;width:17px;transform:translate(-50%,-50%) rotate(-1deg)}.practice-choice:has(input:checked) .choice-marker{transform:translate(-50%,-50%) rotate(0) scale(1.02)}.choice-name{top:50%;left:51.6%;width:62%;transform:translate(-50%,-50%);font-size:clamp(.72rem,2.65vw,.78rem);letter-spacing:.005em}@media(hover:hover){.practice-choice:not(:has(input:disabled)):hover .choice-name{transform:translate(-50%,-50%) scale(1.005);letter-spacing:.008em}.practice-choice:not(:has(input:disabled)):hover .choice-marker{transform:translate(-50%,-53%) rotate(1deg) scale(1.015)}.practice-choice:has(input:checked):not(:has(input:disabled)):hover .choice-marker{transform:translate(-50%,-53%) rotate(0) scale(1.02)}}.control-panel button{min-height:62px;padding-right:60px;padding-left:60px}.control-panel button .button-arrow{right:38px}#start-button .button-arrow-chunky{right:46px;transform:translateY(-52%) rotate(-3deg) scale(.9)}.result-panel{top:50%;max-height:calc(100vh - 18px)}#utility-controls{top:10px;right:10px;gap:6px}.utility-button{width:38px;height:38px;border-radius:14px 11px 15px 12px;font-size:1.08rem}#settings-panel{top:60px;right:10px;max-height:calc(100vh - 72px)}}@media(max-width:340px){#utility-controls{right:6px;flex-direction:column;gap:5px}.utility-button{width:44px;height:44px}#settings-panel{top:92px;right:6px;max-height:calc(100vh - 100px)}.choice-name{left:56.5%;width:58%;overflow:visible;line-height:.96;text-overflow:clip;white-space:normal}}@media(max-width:400px){.theme-family-control button{grid-template-columns:14px 1fr;gap:2px;padding-right:3px;padding-left:3px;font-size:.72rem}}@media(min-width:341px)and (max-width:370px){.choice-name{left:51.7%;width:56%;overflow:visible;line-height:.96;text-overflow:clip;white-space:normal}}@media(max-height:660px){.control-panel{top:148px;max-height:calc(100vh - 156px)}.control-panel h1{min-height:65px;padding-top:13px;padding-bottom:14px}#practice-choices{gap:0 10px;margin-top:2px}.practice-choice{min-height:62px;padding-top:0;padding-bottom:0}.control-panel button{min-height:59px;margin-top:-3px}.result-panel{top:50%;max-height:calc(100vh - 14px)}}@media(max-height:500px)and (orientation:landscape){.control-panel{top:116px;max-height:calc(100vh - 120px)}.control-panel h1{width:340px;min-height:44px;padding:8px 30px 9px;font-size:.82rem}.control-panel>p{margin-top:-4px;font-size:.7rem}#practice-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-choice{min-height:46px;padding:0 48px}.choice-name{top:50%;left:53%;width:60%;font-size:clamp(.72rem,1.7vw,.78rem);letter-spacing:.008em}.panel-message{display:none}.control-panel button{width:280px;min-height:44px;padding:8px 56px;font-size:.78rem}.control-panel button .button-arrow{right:37px}#start-button .button-arrow-chunky{right:44px;transform:translateY(-52%) rotate(-3deg) scale(.84)}.result-panel h1{min-height:58px}#result-summary{min-height:66px;font-size:2.5rem}#result-stats div{min-height:50px;padding-top:7px;padding-bottom:7px}#utility-controls{top:9px;right:9px}.utility-button{width:44px;height:44px}#settings-panel{top:54px;right:9px;max-height:calc(100vh - 64px);padding:10px 14px}.settings-header{margin-bottom:2px}.settings-range{gap:2px 10px;margin-top:2px;font-size:.76rem}.settings-range input[type=range]{height:20px}.settings-toggle{min-height:32px;margin-top:1px;font-size:.76rem}.settings-check{width:23px;height:23px;border-radius:7px}.settings-toggle input:checked+.settings-check:after{top:3px;left:5px}.settings-group{margin-top:4px;padding:4px 9px 3px}}@media(max-width:340px)and (max-height:660px){#utility-controls{top:6px;right:6px}#settings-panel{top:106px;right:6px;max-height:calc(100vh - 112px)}}.calm-motion .practice-choice,.calm-motion .practice-choice:after,.calm-motion .choice-marker,.calm-motion .choice-marker:before,.calm-motion .choice-mark,.calm-motion .choice-mark:before,.calm-motion .choice-mark:after,.calm-motion .choice-name,.calm-motion .control-panel button,.calm-motion .control-panel button:before,.calm-motion .control-panel button .button-label,.calm-motion .control-panel button .button-arrow,.calm-motion .utility-button,.calm-motion .settings-close-button,.calm-motion .theme-family-control button,.calm-motion .finalist-choice{transition:none}.calm-motion .practice-choice,.calm-motion .practice-choice:hover,.calm-motion .practice-choice:has(input:checked),.calm-motion .practice-choice:has(input:checked):hover,.calm-motion .practice-choice:has(input:focus-visible),.calm-motion .practice-choice:has(input:active),.calm-motion .control-panel button,.calm-motion .control-panel button:hover,.calm-motion .control-panel button:focus-visible,.calm-motion .utility-button:hover,.calm-motion .utility-button:focus-visible,.calm-motion .settings-close-button:hover,.calm-motion .settings-close-button:focus-visible{transform:none!important}.calm-motion .choice-marker,.calm-motion .practice-choice:hover .choice-marker,.calm-motion .practice-choice:has(input:checked) .choice-marker,.calm-motion .practice-choice:has(input:checked):hover .choice-marker{transform:translate(-50%,-50%)!important}.calm-motion .choice-mark,.calm-motion .practice-choice:hover .choice-mark,.calm-motion .practice-choice:has(input:checked) .choice-mark,.calm-motion .practice-choice:has(input:checked):hover .choice-mark{transform:scale(.82)!important}.calm-motion .practice-choice:hover .choice-name{transform:translate(-50%,-50%)!important}.calm-motion .control-panel button:hover .button-label,.calm-motion .control-panel button:focus-visible .button-label{transform:none!important}.calm-motion .control-panel button .button-arrow,.calm-motion .control-panel button:hover .button-arrow,.calm-motion .control-panel button:focus-visible .button-arrow{transform:translateY(-52%)!important}@media(prefers-reduced-motion:reduce){.control-panel h1,.practice-choice,.practice-choice:after,.choice-marker,.choice-marker:before,.choice-mark,.choice-mark:before,.choice-mark:after,.choice-name,.control-panel button:before,.control-panel button .button-label,.control-panel button .button-arrow,.control-panel button{transition:none}.practice-choice,.practice-choice:hover,.practice-choice:has(input:checked),.practice-choice:has(input:checked):hover,.practice-choice:has(input:focus-visible),.practice-choice:has(input:active){transform:none!important}.choice-marker,.practice-choice:hover .choice-marker,.practice-choice:has(input:checked) .choice-marker,.practice-choice:has(input:checked):hover .choice-marker{transform:translate(-50%,-50%)!important}.choice-mark,.practice-choice:hover .choice-mark,.practice-choice:has(input:checked) .choice-mark,.practice-choice:has(input:checked):hover .choice-mark{transform:scale(.82)!important}.practice-choice:hover .choice-name{transform:translate(-50%,-50%)!important}.control-panel button,.control-panel button:hover,.control-panel button:focus-visible,.control-panel button.secondary,.control-panel button.secondary:hover,.control-panel button.secondary:focus-visible{transform:none!important}.control-panel button:hover .button-label,.control-panel button:focus-visible .button-label{transform:none!important}.control-panel button .button-arrow,.control-panel button:hover .button-arrow,.control-panel button:focus-visible .button-arrow{transform:translateY(-52%)!important}.utility-button,.settings-close-button{transition:none}}#syllable-sets-panel .syllable-global-toggle{min-height:48px;margin:0 0 10px}#syllable-sets-panel .compact-set-toggle{min-height:34px;margin:0;font-size:.78rem}@media(max-height:660px){#syllable-sets-panel{top:54px;max-height:calc(100vh - 64px)}}@media(max-width:900px){#settings-panel{top:60px;right:8px;width:calc(42vw - 12px);max-height:calc(100vh - 70px)}#syllable-sets-panel{top:60px;right:auto;left:8px;width:calc(58vw - 12px);max-height:calc(100vh - 70px)}}@media(max-width:620px){#settings-panel{top:60px;right:6px;width:calc(100vw - 12px);height:calc(42vh - 30px);max-height:none}#syllable-sets-panel{top:calc(42vh + 38px);right:6px;bottom:6px;left:6px;width:auto;max-height:none}}@media(max-width:620px)and (max-height:660px){#settings-panel{top:54px;height:calc(40vh - 6px)}#syllable-sets-panel{top:calc(40vh + 56px)}}@media(max-width:340px){#settings-panel{top:106px;height:calc(36vh - 20px)}#syllable-sets-panel{top:calc(36vh + 94px)}}