@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600 800;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2') format('woff2')}
@font-face{font-family:'Wordle Hand';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/Caveat-Variable.ttf') format('truetype')}
:root{--ink:#161719;--muted:#797979;--rose:#e33338;--rose-dark:#c8292d;--pink:#ffdddd;--paper:#fafafa;--line:#dedede;--green:#7e9d70;--yellow:#c5a247;--gray:#858891;--shadow:0 12px 30px #33243314,0 2px 5px #33243312;font-family:Poppins,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}img,canvas{max-width:100%;display:block}img{object-fit:cover}h1,h2,p{margin:0}h1,h2{font-weight:600;line-height:1.2;letter-spacing:-1px}h1{font-size:29px}h1 em{font-style:normal;color:var(--rose)}p{line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e98c8c;outline-offset:3px}h1[tabindex='-1']:focus{outline:none}[hidden]{display:none!important}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon,.hero-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.hero-icon{width:66px;height:66px;stroke-width:1.25;color:var(--rose)}
.flow-page{height:var(--app-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.site-header{width:100%;max-width:492px;margin:0 auto;padding:15px 24px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.site-header nav,#preview-nav{display:flex;gap:12px;align-items:center}.brand{display:inline-flex;align-items:center;gap:6px;background:var(--pink);border-radius:40px;padding:5px 13px 5px 9px;white-space:nowrap}.brand .icon{color:var(--rose);width:27px;height:27px}.brand span{font-size:21px;font-weight:600;letter-spacing:-.7px}
.site-footer{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--muted);height:30px;padding:3px 15px max(6px,env(safe-area-inset-bottom));flex-shrink:0}.site-footer a{display:inline-flex;align-items:center;gap:3px;color:var(--ink)}.site-footer strong{font-size:10px;font-weight:500}.site-footer .icon{width:17px;height:17px;color:var(--rose)}
.button{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:19px;padding:13px 18px;font-size:15px;font-weight:500;line-height:1.4;flex-shrink:0;text-align:center;transition:background .18s,transform .18s;touch-action:manipulation}.button.primary{background:var(--rose);color:#fff;border:1.5px solid var(--rose)}.button.primary:hover{background:var(--rose-dark);border-color:var(--rose-dark)}.button.outline{background:#fff;color:#111;border:1.5px solid #111}.button.outline:hover{background:#fff4f4}.button:active{transform:scale(.99)}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;padding:7px 0;font-size:11px;line-height:1.5}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button .icon{width:17px;height:17px}.muted{color:var(--muted)}.icon-button{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-size:20px;flex-shrink:0}.count-shortcut{font-size:11px;font-weight:500;border:1px solid var(--line);border-radius:30px;padding:8px 12px;background:#fff;display:flex;gap:7px;align-items:center}.optional{float:right;color:var(--muted);font-size:10px;font-weight:400}
/* The entry page offers the two creation paths, using the existing Rosify card style. */
.creation-home{flex:1;min-height:0;width:100%;max-width:492px;margin:0 auto;padding:24px 24px 20px;display:flex;flex-direction:column;justify-content:center;gap:26px}
.creation-home>h1{text-align:center;font-size:29px;flex-shrink:0}
.creation-choices{display:grid;gap:18px}
.creation-choice{display:block;border:1px solid #e8dddd;border-radius:23px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s;touch-action:manipulation}
.creation-choice:hover,.creation-choice:focus-visible{border-color:var(--rose);box-shadow:0 6px 20px #3324330d}
.choice-art{height:clamp(80px,17vh,140px);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#ffeded}
.choice-wordle .mini-polaroid{left:23%;top:9px;width:90px}
.choice-wordle .mini-polaroid img{height:auto}
.choice-wordle .mini-tiles{position:absolute;right:13%;top:45%;transform:rotate(4deg)}
.choice-wordle .mini-tiles>span{width:33px;font-size:19px}
.choice-rosify{background:var(--pink)}
.choice-rosify>img{height:87%;width:auto;object-fit:contain}
.choice-copy{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.choice-copy h2{font-size:21px;letter-spacing:-.5px}
.choice-copy p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px;max-width:235px}
.choice-arrow{width:34px;height:34px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;flex-shrink:0}
@media(min-width:701px){.wordle-home .site-header{max-width:860px}.creation-home{max-width:860px;gap:30px}.creation-home>h1{font-size:36px}.creation-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.choice-art{height:205px}.choice-wordle .mini-polaroid{width:136px;top:24px;left:18%}.choice-wordle .mini-tiles>span{width:39px;font-size:22px}.choice-copy{padding:22px}}
@media(max-height:700px) and (max-width:700px){.creation-home{padding:10px 20px 12px;gap:16px}.creation-home>h1{font-size:26px}.creation-choices{gap:13px}.choice-art{height:85px}.choice-wordle .mini-polaroid{width:66px;top:2px}.choice-wordle .mini-polaroid>span{display:none}.choice-wordle .mini-tiles{top:35%;right:15%}.choice-wordle .mini-tiles>span{width:28px;font-size:16px}.choice-copy{padding:13px 16px}.choice-copy h2{font-size:19px}.choice-copy p{font-size:10px;margin-top:3px}}
/* Same single-concept frame and bottom action as Rosify v2.0. */
.wizard{max-width:492px;width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 24px 0}
.wizard-navigation{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:30px}.wizard-navigation>.text-button{color:var(--rose);font-size:12px}.wizard-navigation>span{font-size:10px;color:var(--muted)}
.wizard-track{height:3px;border-radius:5px;background:#eaeaea;margin:5px 0 18px;flex-shrink:0;overflow:hidden}.wizard-track>span{display:block;height:100%;background:var(--rose);border-radius:5px;transition:width .2s}
#memory-switch{border:0;background:transparent;font:11px Poppins,sans-serif;color:var(--muted);max-width:170px;padding:3px 0;cursor:pointer}
#creator-form{display:flex;flex-direction:column;flex:1;min-height:0}.wizard-content{flex:1;min-height:0}.wizard-step{height:100%;display:flex;flex-direction:column;align-items:stretch;gap:18px;animation:appear .2s both;min-height:0}
.wizard-step>h1{flex-shrink:0}.wizard-step .step-description{font-size:12px;color:var(--muted);margin-top:-5px;flex-shrink:0}.field-help{font-size:10px;color:var(--muted);line-height:1.6;margin-top:-4px;flex-shrink:0}
.wizard-hero{height:clamp(100px,20vh,168px);background:var(--pink);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;margin-bottom:4px}.wizard-hero>img{height:80%;width:auto;object-fit:contain}.wizard-hero .hero-icon{height:60px;width:60px}.count-hero{height:120px}.message-hero{height:120px}.intro-sample{background:#fff9f9;padding:15px 20px;border-radius:14px;max-width:90%;display:flex;align-items:center;gap:16px}.intro-sample span{font-size:13px;overflow-wrap:anywhere}.intro-sample .icon{color:var(--rose)}
.mini-polaroid{width:98px;padding:6px 6px 5px;background:#fffefa;box-shadow:var(--shadow);transform:rotate(-11deg);position:absolute;left:20%;top:8px}.mini-polaroid img{aspect-ratio:1;width:100%}.mini-polaroid>span{display:block;font:12px 'Wordle Hand',cursive;text-align:center;padding:4px 0 0}.mini-tiles{display:flex;gap:5px;max-width:100%;justify-content:center}.mini-tiles>span{background:#7e9d70;color:#fff;font-size:22px;font-weight:600;width:44px;aspect-ratio:1;min-width:0;display:grid;place-items:center;border-radius:5px}.count-hero>.mini-tiles{position:absolute;right:12%;top:40%;transform:rotate(4deg)}.count-hero>.mini-tiles>span{width:32px;font-size:18px}.word-hero{padding:15px}.word-hero .mini-tiles{width:100%}.word-hero .mini-tiles>span{flex:0 1 44px;font-size:clamp(12px,4.5vw,23px)}
.count-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.count-options button{background:#fff;border:1.5px dashed #d4d4d4;border-radius:17px;padding:9px 5px;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.count-options strong{font-size:23px;font-weight:500;line-height:1.2}.count-options span{font-size:10px;color:var(--muted)}.count-options button[aria-pressed=true]{border-style:solid;border-color:var(--rose);background:#fff6f6}.count-options button[aria-pressed=true] strong{color:var(--rose)}.count-equation{font-size:12px;font-weight:500;text-align:center}
.floating-field{display:block;border:1.5px solid #d8d8d8;border-radius:21px;background:#fff;padding:10px 15px 11px;font-size:11px;font-weight:500;flex-shrink:0}.floating-field:focus-within{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.floating-field input,.floating-field textarea{width:100%;border:0;padding:5px 0 0;margin:0;font-size:16px;font-weight:400;color:#151515;outline:0!important;background:transparent;border-radius:0;line-height:1.65;resize:none;display:block;min-width:0}.floating-field input::placeholder,.floating-field textarea::placeholder{color:#9b9b9b;font-size:14px}#word{text-transform:uppercase;letter-spacing:5px;font-size:24px;font-weight:500}#word::placeholder{font-size:24px}#message{max-height:180px}
.wizard-bottom{flex-shrink:0;padding:16px 0 10px;display:flex;flex-direction:column;gap:9px}.wizard-bottom>.button{min-height:58px;font-size:16px}#creator-error{font-size:11px;line-height:1.4;color:#ba2029;text-align:center}
.photo-step{gap:14px;align-items:stretch}.photo-editor{position:relative;width:min(100%,290px,calc(var(--app-height,100dvh) - 435px));aspect-ratio:1;flex-shrink:0;margin:3px auto;background:#ffeded;border-radius:12px;overflow:hidden}.photo-editor>canvas{width:100%;height:100%;object-fit:cover}#photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:18px;color:#b57f7f;text-align:center;font-size:11px}#photo-placeholder .icon{width:40px;height:40px;stroke-width:1.2}.upload-button{min-height:45px;position:relative;cursor:pointer;font-size:13px}.upload-button:focus-within{outline:3px solid #e98c8c;outline-offset:3px}.upload-button input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.photo-step>.field-help{text-align:center}.crop-controls{flex-shrink:0}.crop-controls label{font-size:10px;color:var(--muted);display:block}.crop-controls input{width:100%;accent-color:var(--rose);height:18px;margin:4px 0 0}
.small-photo-preview{background:#fffefa;padding:9px 9px 12px;box-shadow:var(--shadow);width:min(180px,calc(var(--app-height,100dvh) * .24));transform:rotate(-4deg);margin:4px auto 10px;flex-shrink:0}.small-photo-preview img{aspect-ratio:1;width:100%}.small-photo-preview span{display:block;font:16px/1.2 'Wordle Hand',cursive;text-align:center;padding-top:7px}.review-step{gap:10px;text-align:center}.review-step h1{font-size:28px}.review-step>.step-description{margin:0;font-size:11px}.review-card{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.review-card>.polaroid{transform:rotate(-4deg)}.review-step>.text-button{font-size:11px;padding:2px 0}
.preview-bar{width:calc(100% - 48px);max-width:444px;margin:0 auto 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:30px;font-size:10px;color:var(--muted)}.preview-bar strong{font-weight:500;color:var(--ink)}.preview-bar .text-button{color:var(--rose);font-size:11px}
.share-screen{width:100%;max-width:492px;margin:0 auto;padding:0 24px 10px;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.share-screen>.text-button{align-self:flex-start;color:var(--rose)}.share-content{display:flex;flex-direction:column;gap:22px;flex:1;min-height:0}.share-content>p{font-size:12px;color:var(--muted)}.share-content h1{font-size:31px}.share-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
/* Photo objects retain their square images and two sides. */
.polaroid{display:block;position:relative;width:100%;padding:0;background:transparent;perspective:1300px;text-align:inherit;flex-shrink:0}.polaroid-inner{display:block;position:relative;width:100%;aspect-ratio:1/1.29;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.polaroid.is-flipped .polaroid-inner{transform:rotateY(180deg)}.polaroid-front,.polaroid-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffefa;border:1px solid #eeeae2;box-shadow:var(--shadow);padding:11px;display:flex;flex-direction:column}.polaroid-front img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;flex-shrink:0}.polaroid-caption{font:25px/1.1 'Wordle Hand',cursive;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;text-align:center;padding:6px 0 1px;overflow-wrap:anywhere;color:#111;overflow:hidden}.polaroid-back{transform:rotateY(180deg);padding:22px;overflow:auto;background:repeating-linear-gradient(#fffefa 0px,#fffefa 29px,#f0ece5 30px)}.back-label{font:9px Poppins,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#8b8181;display:block;margin-bottom:14px}.back-message{white-space:pre-wrap;font:25px/1.25 'Wordle Hand',cursive;color:#111;overflow-wrap:anywhere;display:block}.back-message.long-message{font-size:20px;line-height:1.4}.back-heart{font:30px 'Wordle Hand',cursive;text-align:center;margin-top:auto;padding-top:12px;color:var(--rose)}
/* The game and every reveal use the same viewport; ENVIAR is a separate full-width action. */
.game-shell{flex:1;min-height:0;width:100%;max-width:492px;margin:0 auto;padding:8px 24px 8px;display:flex;flex-direction:column}
.game-screen,.reward-screen,.collection-screen{height:100%;min-height:0;display:flex;flex-direction:column;text-align:center;animation:appear .25s both}
.game-heading{flex-shrink:0}.game-heading>#dedication{font-size:10px;color:var(--muted);line-height:1.5;display:block;overflow-wrap:anywhere}.game-heading h1{font-size:29px;margin:9px 0}.game-heading>p{font-size:11px;color:var(--muted);line-height:1.5}.game-progress{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--muted);font-size:10px;flex-shrink:0;padding:11px 0 10px}.progress-dots{display:flex;gap:5px}.progress-dots span{width:7px;height:7px;border-radius:50%;background:#dfdce0}.progress-dots .done{background:var(--green)}.progress-dots .active{background:#e98f95;box-shadow:0 0 0 2px #fbe7eb}
.board-space{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.wordle-board{--columns:5;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:5px;max-width:100%;margin:auto}.tile{aspect-ratio:1;background:#f6f5f6;border:1.5px solid #dcdadc;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:var(--tile-font,24px);font-weight:600;line-height:1;min-width:0}.tile.filled{border-color:#86828b;background:#fff;animation:pop .13s ease-out}.tile.current-cell{border-color:#df9ca6}.tile.correct{background:var(--green);border-color:var(--green);color:white}.tile.present{background:var(--yellow);border-color:var(--yellow);color:white}.tile.absent{background:var(--gray);border-color:var(--gray);color:white}.tile.reveal{animation:tile-reveal .4s both;animation-delay:var(--delay,0ms)}.wordle-board.shake{animation:shake .3s}
.game-notice{flex-shrink:0;min-height:27px;font-size:10px;color:#ac2637;line-height:1.4;padding:5px 0}.keyboard{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.keyboard-row{display:flex;gap:4px;justify-content:center}.key{flex:1;min-width:0;background:#e9e7eb;border-radius:5px;height:43px;padding:0 2px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none}.keyboard-row:last-child{padding:0 8%}.key.wide{flex:1.5}.key .icon{width:20px;height:20px}.key.correct{background:#69875a;color:#fff}.key.present{background:#d7b955;color:#2b260c}.key.absent{background:#777b84;color:#fff}.key:active{transform:translateY(1px)}.send-word{margin-top:12px;min-height:54px;font-size:16px;letter-spacing:.5px}.hint-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;padding-top:6px}.hint-controls>.text-button{font-size:9px}.hint-controls .icon{width:15px;height:15px}
.reward-heading{flex-shrink:0;padding:6px 0 0}.reward-heading h1{font-size:30px}.reward-count{font-size:11px;color:var(--muted);margin-top:10px}.reward-photo-space,.collection-photo-space{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 0}.reward-photo-space>#reward-card-container{transform:rotate(-4deg);max-width:100%;animation:photo-arrive .7s both}.reward-actions,.collection-actions{flex-shrink:0;display:flex;flex-direction:column;gap:10px}.reward-actions>.button{min-height:54px;font-size:15px}.reward-actions>.text-button{font-size:10px;padding:1px 0 0;min-height:22px}
.collection-screen h1{font-size:27px;padding-top:4px}.collection-screen>div>p{font-size:10px;color:var(--muted);margin-top:8px}.collection{transform:rotate(-3deg);max-width:100%}.collection-pager{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:22px;margin:3px 0 12px;font-size:10px;color:var(--muted)}.collection-pager .icon-button{width:28px;height:28px;font-size:20px}.collection-actions .button{min-height:49px;font-size:13px}.collection-actions .text-button{font-size:10px;padding:1px 0}.collection-actions #continue-game{color:var(--rose)}
/* Dialogs contain only the current decision or hint. */
.gift-dialog{width:calc(100% - 36px);max-width:410px;border:1px solid var(--line);border-radius:23px;padding:34px 25px 25px;background:#fffdfd;color:var(--ink);max-height:calc(var(--app-height,100dvh) - 30px);overflow-y:auto;text-align:center;box-shadow:0 25px 70px #22222222}.gift-dialog::backdrop{background:#22212b50;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:10px;right:10px}.gift-dialog h2{font-size:26px;margin:13px 0}.gift-dialog>p{font-size:12px;color:var(--muted);margin:14px 0 20px}.gift-dialog>.button{margin-top:10px;font-size:13px;min-height:49px}.gift-dialog>.hero-icon{width:44px;height:44px}.help-dialog{text-align:left}.legend{display:grid;grid-template-columns:33px 1fr;gap:9px 13px;align-items:center;margin:20px 0}.legend .tile{font-size:18px}.legend p{font-size:10px;margin:0}.legend strong{font-weight:500}.toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#202025;color:#fff;padding:12px 20px;border-radius:13px;box-shadow:var(--shadow);font-size:12px;z-index:100;line-height:1.5;text-align:center;min-width:180px}.no-js{position:fixed;inset:80px 20px auto;background:var(--pink);padding:25px;font-size:13px;border-radius:18px}
@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{50%{transform:scale(1.07)}}@keyframes tile-reveal{from{transform:rotateX(85deg);opacity:.3}to{transform:rotateX(0);opacity:1}}@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes photo-arrive{from{opacity:0;translate:0 16px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:701px){.site-header{padding-top:22px;padding-bottom:13px}.wizard,.game-shell,.share-screen{max-height:830px}.wizard-step{gap:22px}.wizard-hero{height:175px}.count-hero,.message-hero{height:135px}.wizard-bottom{padding-bottom:18px}.site-footer{height:36px}.game-shell{padding-top:16px}.wizard{padding-top:5px}.flow-page>.site-footer{margin-top:auto}}
@media(max-height:760px){.site-header{padding-top:11px;padding-bottom:6px}.wizard-track{margin-bottom:14px}.wizard-step{gap:14px}.wizard-hero{height:116px}.count-hero,.message-hero{height:90px}.count-hero .mini-polaroid{width:77px;top:3px}.count-hero .mini-tiles{right:10%;top:35%}.count-hero .mini-tiles span{width:29px;font-size:16px}.wizard-step h1{font-size:27px}.step-description{font-size:11px!important}.count-options button{min-height:57px;padding:6px}.count-options strong{font-size:21px}.wizard-bottom{padding-top:12px;padding-bottom:7px}.wizard-bottom .button{min-height:53px}.game-heading h1{font-size:26px;margin:7px 0}.game-heading>p{font-size:10px}.game-progress{padding:8px 0}.game-notice{min-height:24px;font-size:9px}.key{height:36px}.send-word{margin-top:9px;min-height:50px}.hint-controls{padding-top:3px}.reward-heading h1{font-size:27px}.reward-actions>.button{min-height:50px}.collection-screen h1{font-size:25px}.collection-actions{gap:8px}.collection-actions .button{min-height:45px}.collection-pager{margin-bottom:8px}.photo-step{gap:11px}.floating-field textarea{line-height:1.5}.small-photo-preview{width:148px}.share-content{gap:16px}.site-footer{height:27px}}
@media(max-height:670px){.wizard-navigation{height:25px}.wizard-track{margin:4px 0 11px}.wizard-step{gap:11px}.wizard-step h1{font-size:25px;line-height:1.18}.wizard-hero{height:95px}.count-hero,.message-hero{height:64px;margin:0}.count-hero .mini-polaroid{width:64px;top:1px;left:22%}.count-hero .mini-tiles{top:26%;right:10%}.count-hero .mini-tiles span{width:26px;font-size:15px}.count-options{gap:8px}.count-options button{min-height:49px;padding:4px}.count-options strong{font-size:19px}.count-options span{font-size:9px}.count-equation{font-size:11px}.field-help{font-size:9px}.wizard-step .step-description{line-height:1.5}.floating-field{padding:8px 13px;border-radius:17px}.floating-field textarea{font-size:15px}.wizard-bottom>.button{min-height:49px;font-size:15px}.game-shell{padding-top:5px;padding-bottom:4px}.game-heading h1{font-size:23px;margin:5px 0}.game-heading>#dedication{font-size:9px}.game-heading>p{font-size:9px}.key{height:32px;font-size:11px}.keyboard{gap:4px}.send-word{min-height:47px;margin-top:8px;font-size:15px}.game-progress{font-size:9px;padding:6px 0}.hint-controls{gap:12px}.hint-controls .text-button{font-size:8px}.reward-heading h1{font-size:25px}.reward-count{margin-top:6px;font-size:10px}.reward-actions{gap:8px}.reward-actions .button{min-height:47px;font-size:14px}.collection-screen h1{font-size:23px}.collection-pager{margin:0 0 5px}.collection-actions .button{min-height:43px;font-size:12px}.photo-editor{width:min(100%,210px,calc(var(--app-height,100dvh) - 420px))}.photo-step h1{font-size:23px}.photo-step .upload-button{min-height:40px}.photo-step{gap:9px}.small-photo-preview{width:120px;margin-bottom:5px}.small-photo-preview span{font-size:13px}.review-step h1{font-size:24px}.review-step>.button{min-height:46px}.wizard-step #message{max-height:125px}.share-content .wizard-hero{height:86px}}
@media(max-width:370px){.site-header,.wizard,.game-shell,.share-screen{padding-left:20px;padding-right:20px}.count-shortcut{font-size:10px;padding:8px 10px}.brand span{font-size:20px}.brand .icon{width:25px;height:25px}.wizard-step h1{font-size:27px}.count-equation{font-size:11px}.hint-controls{gap:11px}.game-heading h1{font-size:25px}.reward-heading h1{font-size:28px}.collection-screen h1{font-size:24px}.preview-bar{width:calc(100% - 40px)}}
.keyboard-open .wizard-hero,.keyboard-open .small-photo-preview,.keyboard-open .step-description,.keyboard-open .wizard-track,.keyboard-open .site-footer{display:none}.keyboard-open .wizard-step{gap:10px}.keyboard-open .wizard-step h1{font-size:23px}.keyboard-open .wizard-bottom{padding-top:8px}.keyboard-open .wizard-step #message{max-height:80px}.keyboard-open .floating-field textarea{max-height:80px}
.small-photo-preview{margin-top:10px}
.embedded-wordle .site-header nav{width:100%;justify-content:space-between}
.embedded-wordle .brand,.embedded-wordle #preview-nav,.embedded-wordle #share-preview{display:none!important}
.embedded-wordle #wordle-return{font-size:13px;color:var(--rose)}
.embedded-wordle #use-wordle-format{font-weight:600;font-size:12px;color:var(--rose)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}