:root{--pink:#da5c91;--dark:#873c61;--ink:#673a55;--blush:#fff0f7;font-family:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS',sans-serif;color:var(--ink);background:#fce7f1;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100svh;overscroll-behavior:none;background:radial-gradient(ellipse at 50% 24%,#fff8fb 0%,#fce7f1 60%,#f9d3e5 100%)}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:4px solid #943b75;outline-offset:5px}button:disabled{cursor:default}button,button *{-webkit-user-select:none;user-select:none}button:not(:disabled):active{transform:scale(.96)}[hidden]{display:none!important}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud{position:absolute;width:210px;height:65px;background:#fff9fc;border-radius:100px;opacity:.75}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;bottom:20px}.cloud:before{width:100px;height:100px;left:25px}.cloud:after{width:75px;height:75px;right:24px}.cloud-one{left:-40px;top:30%}.cloud-two{right:-50px;top:17%;transform:scale(.75)}.hill{position:absolute;bottom:-160px;width:75vw;height:240px;border-radius:50% 50% 0 0;background:#edbddb;opacity:.3}.hill-one{left:-20vw;transform:rotate(8deg)}.hill-two{right:-20vw;background:#f6afcf;transform:rotate(-8deg)}.decor{position:absolute;color:#e7a1c3;font-size:35px}.d1{left:9%;top:20%;color:#e6b757}.d2{right:9%;top:41%;font-size:60px}.d3{left:6%;top:66%;font-size:55px}.d4{left:16%;bottom:8%}.d5{right:12%;bottom:9%;color:#e6b757}.d6{right:21%;top:13%;font-size:20px}.topbar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;max-width:1380px;margin:auto;padding:22px 32px;padding-top:max(22px,env(safe-area-inset-top));gap:16px}.round-button{width:49px;height:49px;border-radius:18px;display:grid;place-items:center;background:#fff8fccf;box-shadow:0 3px 0 #edc1d7;color:#bd6690;font-size:28px;border:1px solid #fff;transition:transform .15s}.round-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.top-actions{display:flex;gap:10px}.settings-button{font-size:25px}.brand{display:flex;align-items:center;gap:10px;color:#b85381;letter-spacing:.015em;font-size:19px;font-weight:bold}.brand img{width:34px;height:31px}.brand:before{content:'';display:block;width:60px}.brand:after{content:'';display:block;width:0}main{position:relative;z-index:1;max-width:1150px;margin:0 auto;padding:10px 32px 32px;min-height:calc(100svh - 100px)}.home-screen{text-align:center}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:bold;color:#b75d89;display:flex;justify-content:center;align-items:center;gap:14px}.eyebrow span{color:#d9af60;font-size:17px}h1{margin:14px 0 8px;font-size:clamp(35px,4.5vw,55px);line-height:1.12;letter-spacing:-.035em;color:#853d63}h1 span{color:#d85f97}.intro{font-size:18px;color:#b07895;margin:10px 0 0}.princess-parade{display:flex;justify-content:center;gap:14px;width:min(710px,90%);height:clamp(170px,25vh,230px);margin:18px auto 20px;position:relative}.parade-princess{height:100%;aspect-ratio:3/5;background-image:var(--image);background-size:cover;background-position:center;border-radius:80px 80px 38px 38px;border:5px solid #fff5fa;box-shadow:0 8px 0 #eec9da,0 16px 25px #b9578a12;transform:rotate(-4deg);overflow:hidden}.parade-princess:nth-child(2){transform:rotate(3deg) translateY(8px)}.parade-princess:nth-child(3){transform:translateY(-7px);border-color:#fff5d9}.parade-princess:nth-child(4){transform:rotate(-3deg) translateY(8px)}.parade-princess:nth-child(5){transform:rotate(4deg)}.mode-buttons{display:flex;gap:20px;justify-content:center;margin:auto;max-width:840px}.mode-card{display:flex;align-items:center;gap:17px;text-align:left;padding:22px;min-height:114px;flex:1;border-radius:27px;background:#fff9fc;border:2px solid #fff;box-shadow:0 7px 0 #e7b0ca,0 16px 30px #b9588310;transition:transform .15s}.mode-card strong{display:block;font-size:21px;letter-spacing:-.025em;color:#9c4770}.mode-card div>span:not(.little-dot){display:block;font-size:13px;color:#bc7f9c;margin-top:7px}.mode-card b{margin-left:auto;font-size:28px;color:#ce76a0}.colors-mode{background:linear-gradient(120deg,#fff9fd,#ffeff7)}.letters-mode{background:linear-gradient(120deg,#fff9fd,#f9eefb)}.mode-art{display:flex;position:relative;width:66px;min-width:66px;height:54px;align-items:center}.little-dot{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 3px 5px #bd6c9620}.little-dot.blue{background:#559fec;left:0;top:4px}.little-dot.yellow{background:#f6c743;left:24px;top:0}.little-dot.red{background:#ea5658;left:17px;top:22px}.mode-card .abc span{font-size:29px;margin:0;font-weight:bold;color:#db69a0;transform:rotate(-12deg)}.mode-card .abc span:nth-child(2){color:#b87abd;transform:rotate(8deg);align-self:end}.mode-card .abc span:nth-child(3){color:#e8ac56;transform:rotate(-4deg);font-size:25px}.home-note{font-size:12px;color:#b27e9a;margin-top:26px}.home-note span{font-size:18px;color:#d879a6;margin-left:7px}.game-screen{text-align:center}.game-heading h1{font-size:clamp(28px,3.7vw,42px);margin:11px 0 8px}.game-heading p{font-size:16px;color:#b27b99;margin:0}.progress{display:flex;justify-content:center;gap:11px;color:#e9bad1;font-size:22px}.progress .done{color:#dca543;text-shadow:0 2px 0 #fff}.board{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(30px,7vw,105px);min-height:330px;height:min(47svh,435px);max-width:950px;margin:18px auto 0;touch-action:none;isolation:isolate}.source-card{flex-shrink:0;width:clamp(160px,22vw,242px);background:#fff4f9;border:5px solid white;border-radius:35px;box-shadow:0 8px 0 #e6b0cc,0 15px 35px #b5558220;position:relative;touch-action:none;z-index:2;padding:9px 9px 13px;transition:box-shadow .2s,transform .2s}.source-card.selected{box-shadow:0 0 0 7px #e790b8,0 8px 0 #d69cbb,0 15px 35px #b5558220}.source-card.success{box-shadow:0 0 0 7px #f1c969,0 10px 0 #e9b847;animation:sourceHappy .65s ease}.source-art{width:100%;aspect-ratio:1;max-height:315px;border-radius:25px;background-image:var(--image);background-size:cover;background-position:center;overflow:hidden}.source-art.person{background:radial-gradient(circle at 50% 50%,#fffaff,#ffdeed);display:grid;place-items:center;font-size:clamp(80px,10vw,135px);background-size:cover;background-position:center}.source-art.photo{background-size:cover;background-position:center;background-image:var(--photo)}.source-name{display:block;font-weight:bold;font-size:22px;color:#a4527d;padding-top:9px}.source-anchor{position:absolute;width:38px;height:38px;border:3px solid white;background:#e681ac;border-radius:50%;right:-21px;top:50%;color:white;font-size:24px;display:grid;place-items:center}.connect-hint{display:flex;gap:8px;align-items:center;color:#dbadc5;width:95px;flex-shrink:0;opacity:.6}.connect-hint svg{stroke:currentColor;stroke-width:2;fill:none;width:70px;stroke-linecap:round;stroke-linejoin:round}.choices{display:flex;flex-direction:column;gap:clamp(16px,3svh,27px);align-items:center;z-index:2}.choice{width:clamp(92px,12vw,133px);height:clamp(92px,12vw,133px);border-radius:50%;border:7px solid white;position:relative;display:grid;place-items:center;box-shadow:0 7px 0 #daa0bb55,0 14px 25px #b9578b18;touch-action:none;transition:transform .2s,box-shadow .2s;background:var(--color)}.choice:before{content:'';position:absolute;inset:9px;border-radius:inherit;box-shadow:inset 0 5px 0 #ffffff38}.choice.color:after{content:'';position:absolute;left:23%;top:16%;width:25%;height:13%;background:#ffffff65;border-radius:50%;transform:rotate(-25deg)}.choice.letter{background:#fff6fb;color:#ad5882;font-weight:bold;font-size:clamp(48px,6vw,66px);border-color:#ffe4f2}.choice.letter:before{box-shadow:inset 0 0 0 1px #ebbad3}.choice .checkmark{display:none;color:white;text-shadow:0 2px 3px #4e283744;font-size:55px;line-height:1;z-index:1}.choice.correct{box-shadow:0 0 0 7px #f1c969,0 0 40px #f6d26a99;transform:scale(1.08)}.choice.correct.color .checkmark{display:block}.choice.correct.letter{color:#7f943c;background:#f7ffe9}.choice.try-again{animation:gentleNudge .45s ease}.connection-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.connection-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}#connectionLine{stroke:#df76a7;stroke-width:9}#glowLine{stroke:#ffffff;stroke-width:17;filter:url(#lineGlow)}.status{height:30px;font-size:14px;color:#b17b98;margin:14px 0 7px}.status.good{color:#a27828;font-weight:bold;font-size:18px}.next-button,.primary-button{background:linear-gradient(#ed95bc,#e472a5);color:white;border:3px solid #fff3fa;box-shadow:0 6px 0 #c5598a;border-radius:23px;font-size:22px;font-weight:bold;padding:15px 34px;min-width:205px}.next-button span,.primary-button span{margin-left:14px}.celebration{position:fixed;inset:0;z-index:6;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#fff3f820}.celebration-badge{border:5px solid white;background:linear-gradient(145deg,#fff6fc,#ffdae9);box-shadow:0 12px 0 #d674a1,0 20px 70px #a7487b44;border-radius:45px;padding:20px 54px 28px;display:flex;flex-direction:column;align-items:center;animation:badgeIn .5s cubic-bezier(.2,1.7,.5,1)}.badge-crown{font-size:61px;line-height:1.2}.celebration-badge strong{font-size:53px;color:#ce568e;margin-top:7px}.celebration-badge>span:last-child{font-size:17px;margin-top:7px;color:#a1597d}.celebration-badge b{color:#df7baa}#sparkles{position:fixed;inset:0;pointer-events:none;z-index:7;width:100%;height:100%}.complete-screen{text-align:center;padding-top:20px}.big-crown{font-size:95px;animation:float 3s ease-in-out infinite}.complete-screen .eyebrow{margin-top:17px}.complete-screen h1{color:#cc5891;font-size:clamp(38px,5vw,59px);margin-top:20px}.complete-screen p{font-size:19px;color:#a97592}.reward-stars{font-size:48px;color:#e7b44e;letter-spacing:10px;margin:30px 0;text-shadow:0 4px 0 #fff4d8}.text-button{display:block;margin:21px auto 0;background:transparent;font-size:15px;color:#ad658a;text-decoration:underline;text-underline-offset:4px;padding:9px}.complete-screen .primary-button{min-width:250px}dialog{border:4px solid white;background:#fff2f8;border-radius:30px;padding:30px;max-width:490px;width:calc(100% - 32px);box-shadow:0 18px 65px #8a3a6266;color:#793d5b}dialog::backdrop{background:#743c6359;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin:0 30px 16px 0}dialog p{font-size:14px;line-height:1.5}.dialog-close{position:absolute;right:15px;top:13px;border-radius:50%;width:36px;height:36px;background:#ffd8e9;font-size:27px}.difficulty-options{display:flex;gap:12px;margin:18px 0 27px}.difficulty-options button{padding:14px;border-radius:15px;flex:1;background:white;border:2px solid #ebc1d6}.difficulty-options button.active{background:#e680ad;color:white;border-color:#c5558b}.photo-settings{display:flex;flex-direction:column;gap:12px}.photo-settings label{font-weight:bold;font-size:14px}.photo-settings input{display:block;width:100%;margin-top:6px;font:inherit;font-weight:normal;color:#93617b}.photo-settings input::file-selector-button{background:#ffe0ee;border:0;border-radius:9px;padding:8px;color:#884c69;font:inherit}.small-note{color:#ab7b95;font-size:11px!important}#settingsStatus{color:#975679;min-height:20px}
@keyframes sourceHappy{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}65%{transform:rotate(3deg)}}@keyframes gentleNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes badgeIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{50%{transform:translateY(-9px) rotate(3deg)}}
@media(max-height:750px) and (min-width:700px){.topbar{padding-top:13px;padding-bottom:13px}.eyebrow{font-size:10px}main{padding-top:0}.home-screen h1{font-size:39px;margin-top:8px}.princess-parade{height:178px;margin-top:10px;margin-bottom:16px}.mode-card{min-height:97px;padding:17px}.home-note{margin-top:20px}.game-heading h1{font-size:31px}.board{height:43svh;min-height:280px;margin-top:12px}.source-card{width:177px}.source-art{max-height:239px}.source-name{font-size:20px}.choice{width:93px;height:93px}.choices{gap:14px}.status{margin-top:10px}.next-button{padding:11px 30px}.complete-screen{padding-top:0}.big-crown{font-size:70px}.reward-stars{margin:22px 0}}
@media(max-width:699px){.topbar{padding:18px 18px 12px;gap:8px}.brand{font-size:14px;gap:5px}.brand img{width:28px}.brand:before{display:none}.round-button{width:41px;height:41px;border-radius:14px}.top-actions{gap:7px}.settings-button{width:35px;font-size:21px}main{padding:15px 18px 28px}.eyebrow{font-size:8px;letter-spacing:.11em;gap:8px}.home-screen h1{font-size:38px;margin-top:16px}.intro{font-size:16px}.princess-parade{gap:5px;width:100%;height:auto;margin:24px auto}.parade-princess{width:19%;height:auto;border-width:3px;border-radius:45px 45px 24px 24px}.mode-buttons{flex-direction:column;gap:17px;max-width:420px}.mode-card{padding:18px;min-height:103px}.mode-card strong{font-size:20px}.home-note{line-height:1.6;max-width:250px;margin:25px auto 0}.board{flex-direction:column;gap:25px;height:auto;min-height:0;margin-top:19px}.source-card{width:155px;padding:7px 7px 10px;border-radius:27px}.source-art{max-height:220px;border-radius:20px}.source-name{font-size:20px;padding-top:5px}.source-anchor{right:calc(50% - 17px);top:auto;bottom:-20px;width:34px;height:34px;font-size:21px}.connect-hint{display:none}.choices{flex-direction:row;justify-content:center;gap:18px;margin-top:8px}.choice{width:91px;height:91px;border-width:6px}.choice.letter{font-size:47px}.game-heading h1{font-size:30px}.game-heading p{font-size:13px}.progress{font-size:19px;gap:10px}.status{margin-top:23px;font-size:12px}.next-button{font-size:19px;padding:12px 26px;min-width:180px}.celebration-badge{padding:16px 28px 23px;border-radius:34px}.celebration-badge strong{font-size:41px}.celebration-badge>span:last-child{font-size:14px}.badge-crown{font-size:52px}.reward-stars{font-size:34px;letter-spacing:5px}.complete-screen{padding-top:35px}.complete-screen p{font-size:16px}}
@media(max-width:699px) and (max-height:740px){main{padding-top:3px}.home-screen h1{font-size:32px;margin-top:12px}.princess-parade{margin:18px auto}.mode-card{min-height:90px;padding:14px}.home-note{margin-top:18px}.game-heading h1{font-size:26px;margin-top:8px}.board{margin-top:12px;gap:19px}.source-card{width:129px}.source-art{max-height:173px}.source-name{font-size:17px}.choices{gap:15px}.choice{width:80px;height:80px}.status{margin-top:16px;height:22px}.next-button{padding:10px 25px}.complete-screen{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}