@import "https://fonts.googleapis.com/css2?family=Neucha&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}#root{text-align:center}body{color:#3a0015;background:#fff7fc url(/bg1.svg) 50%/cover no-repeat fixed;min-width:320px;min-height:100vh;font-family:Neucha,cursive}button,a{font:inherit}.app-page{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px 20px;display:flex;overflow-x:clip}.welcome{gap:30px}.welcome__content{width:min(900px,94vw)}.welcome h1,.result-page h1{letter-spacing:.025em;margin:8px 0 16px;font-size:clamp(2.25rem,6vw,4.7rem);line-height:1.04}.welcome h2{max-width:760px;margin:0 auto;font-size:clamp(1.35rem,3vw,2rem);font-weight:400;line-height:1.35}.eyebrow{color:#a91670;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.05rem,2vw,1.3rem)}.primary-button,.secondary-button{color:#3a0015;cursor:pointer;background:#ffa6de;border:3px solid #3a0015;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:9px 34px;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;line-height:1;text-decoration:none;transition:background-color .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 5px #3a0015}.primary-button:hover,.secondary-button:hover{background:#ffc2e9;transform:translateY(-2px);box-shadow:0 7px #3a0015}.primary-button:active,.secondary-button:active{transform:translateY(3px);box-shadow:0 2px #3a0015}.primary-button:focus-visible,.secondary-button:focus-visible,.option-button:focus-visible,.path-button:focus-visible,.letter-tile:focus-visible{outline-offset:4px;outline:4px solid #f42d9459}.primary-button svg{fill:currentColor;flex:none;width:30px;height:30px}.puzzle-page{justify-content:flex-start;gap:18px;padding-top:clamp(22px,5vh,54px)}.progress-bar{color:#713047;align-items:center;gap:14px;width:min(700px,92vw);font-size:1.05rem;display:flex}.progress-bar__track{background:#ffffffb8;border:2px solid #3a0015;border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#ff8fd1,#d9278b);height:100%}.puzzle-shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcfec2;border:2px solid #3a00152e;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(760px,94vw);min-height:min(650px,100dvh - 120px);padding:clamp(24px,4vw,42px);display:flex;box-shadow:0 22px 65px #58143824}.puzzle-kicker{color:#a91670;margin:0 0 5px;font-size:1.1rem}.puzzle-title{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.puzzle-instruction{color:#713047;max-width:590px;min-height:1.5em;margin:10px 0 20px;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.3}.equation{justify-content:center;align-items:center;gap:clamp(10px,3vw,20px);margin:8px 0 24px;font-family:system-ui,sans-serif;font-size:clamp(2.4rem,9vw,5rem);display:flex}.equation__blank{aspect-ratio:1;background:#ffffffd1;border:4px dashed #b84f88;border-radius:18px;place-items:center;width:clamp(66px,14vw,100px);font-size:.72em;display:grid}.equation__blank--error{background:#ffe1e7;border-color:#be2445}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(410px,100%);display:grid}.option-button{cursor:pointer;background:#fffc;border:2px solid #3a001559;border-radius:18px;min-height:88px;font-family:system-ui,sans-serif;font-size:2.75rem;transition:transform .16s,border-color .16s,background-color .16s;box-shadow:0 7px 18px #58143817}.option-button:hover{background:#fff2fa;border-color:#a91670;transform:translateY(-3px)rotate(-1deg)}.option-button--error{background:#ffe1e7;border-color:#be2445}.path-frame{background:#fcf8fc;border:2px solid #3a00152e;border-radius:20px;width:min(370px,84vw);position:relative;overflow:hidden;box-shadow:0 10px 25px #5814381a}.path-frame img{width:100%;height:auto;display:block}.path-button{aspect-ratio:1;color:#74325f;cursor:pointer;background:#fffafc;border:2px solid #8c3f71;border-radius:50%;place-items:center;width:clamp(25px,6.5vw,38px);padding:0;font-family:Arial,sans-serif;font-size:clamp(.72rem,2.4vw,1rem);font-weight:700;transition:transform .16s,background-color .16s;display:grid;position:absolute;top:93.05%;transform:translate(-50%,-50%)}.path-button:hover{z-index:2;background:#ffd8ef;transform:translate(-50%,-50%)scale(1.15)}.path-button--error{color:#721027;background:#ffb7c5;border-color:#a31336}.path-button--success{color:#19482a;background:#bdf0cc;border-color:#307247}.letters-target{gap:clamp(5px,1.4vw,10px);margin:3px 0 22px;display:flex}.letters-target span{color:#3a001538;border-bottom:4px solid #b84f88;place-items:center;width:clamp(38px,9vw,58px);height:clamp(45px,10vw,66px);font-size:clamp(1.5rem,5vw,2.25rem);display:grid}.letters-list{touch-action:pan-y;justify-content:center;gap:clamp(5px,1.4vw,10px);max-width:100%;margin:0;padding:8px;list-style:none;display:flex}.letter-tile{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ffc8e9,#ff93d3);border:3px solid #3a0015;border-radius:13px;place-items:center;width:clamp(40px,10vw,62px);height:clamp(50px,12vw,74px);font-size:clamp(1.6rem,5.5vw,2.45rem);font-weight:700;display:grid;box-shadow:0 5px #3a0015}.letter-tile:active{cursor:grabbing}.letter-tile--selected{background:#fff2a9;transform:translateY(-5px)}.letter-actions{margin-top:26px}.secondary-button{border-width:2px;min-height:46px;padding:7px 28px;font-size:1.25rem;box-shadow:0 4px #3a0015}.feedback{min-height:28px;margin:16px 0 0;font-size:1.15rem}.feedback--error{color:#a31336}.feedback--success{color:#27653d}.reveal-page{gap:18px}.reveal-page h1{margin:0;font-size:clamp(2rem,5vw,3.2rem)}.reveal-page p{color:#713047;margin:-8px 0 0;font-size:clamp(1.15rem,2.6vw,1.45rem)}.card-preview{background:#fff;border:3px solid #3a0015;border-radius:20px;width:min(720px,90vw);overflow:hidden;box-shadow:0 17px 45px #3a001533}.card-preview img{width:100%;height:auto;display:block}.result-page{gap:16px;padding-top:24px;padding-bottom:36px}.result-page h1{margin-bottom:0}.result-page__message{color:#713047;max-width:680px;margin:0 0 8px;font-size:clamp(1.2rem,2.7vw,1.55rem);line-height:1.35}.result-page .card-preview{width:min(820px,92vw)}.download-button{background:#ff83ce;min-height:60px;padding-inline:38px;font-size:clamp(1.35rem,3vw,1.8rem)}@media (width<=560px){.app-page{padding-inline:14px}.puzzle-shell{border-radius:22px;width:96vw;min-height:calc(100dvh - 100px);padding:22px 15px}.progress-bar{width:94vw}.option-button{min-height:76px}.puzzle-instruction{margin-bottom:14px}.path-frame{width:min(330px,86vw)}.reveal-page{justify-content:center}}@media (height<=720px) and (width>=700px){.puzzle-page{padding-top:16px}.puzzle-shell{min-height:auto;padding-block:20px}.path-frame{width:285px}.puzzle-instruction{margin-block:7px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}