:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#4b493e;background:#f6f2e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #48473b;--muted: #807b70;--accent: #a65045;--line: #e5dfd2}*{box-sizing:border-box}body{margin:0;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978a74' filter='url(%23n)' opacity='.34' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button{border:0}button svg{flex-shrink:0}.decorative-icon{display:inline-block;vertical-align:-.12em;flex-shrink:0}button,select{min-height:44px}:focus-visible{outline:3px solid #497794;outline-offset:5px}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}.app{max-width:1120px;margin:auto;padding:0 48px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;background:none;font-family:Georgia,serif;font-size:26px;letter-spacing:-1px;padding:0}.brand-symbol{display:flex;color:var(--accent);transform:rotate(-8deg)}.brand-dot{color:var(--accent)}.settings-button{display:flex;gap:9px;align-items:center;background:transparent;font-size:13px;padding:8px 12px;border-radius:9px}.settings-button:hover,.settings-button.active{background:#ebe6da}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.6;color:var(--muted)}.play-layout{display:flex;justify-content:center;padding:42px 18px 32px}.hand-note{font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:14px;color:#938575}.panel{background:#fffcf6;border:1px solid var(--line);border-radius:15px}.text-button{background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:8px 0}.text-button:hover{color:var(--accent)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:9px;font-size:13px}.primary-button{background:var(--accent);color:#fffaf3;border:1px solid var(--accent)}.primary-button:hover{background:#91453b}.secondary-button{background:#f5f0e6;border:1px solid #e4dccb}.secondary-button:hover{background:#ebe3d5}.create-banner{display:flex;align-items:center;gap:18px;padding:25px 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.mini-paper{display:flex;color:#9b8c72;transform:rotate(10deg)}.create-banner h3{font-size:20px;margin-bottom:7px}.create-banner p{color:var(--muted);font-size:12px;line-height:1.6}.create-banner .text-button{margin-left:auto;flex-shrink:0;color:var(--accent)}.site-footer{padding:23px 0 28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9b9385}.site-footer .text-button{font-size:10px;color:#817967}.status-dot{width:5px;height:5px;border-radius:50%;background:#8fa380}.settings-view{padding:44px 0 30px}.settings-intro{margin-bottom:40px}.settings-intro h1{font-size:clamp(31px,4vw,45px);letter-spacing:-1px;margin:13px 0}.settings-intro p{font-size:14px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.section-title h2{font-size:26px}.collection-count{display:inline-block;font-family:Segoe UI,sans-serif;font-size:13px;color:#8c816d;background:#eae2d5;border-radius:50%;padding:3px 8px;vertical-align:middle;margin-left:6px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.scenario-card{padding:22px 19px 12px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.scenario-illustration{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f2e0d6;color:#b46d57}.illustration-1{background:#efe5c9;color:#ac914b}.illustration-2{background:#e2e8d9;color:#7f966f}.card-label{font-size:8px;letter-spacing:1px;color:#978a75}.scenario-card h3{font-size:23px;overflow-wrap:anywhere}.scenario-card>p{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0;min-height:41px}.swatches{display:flex;gap:5px;margin:15px 0 20px}.swatches span{width:13px;height:13px;border-radius:50%}.scenario-card .secondary-button{width:100%;font-size:12px;padding:10px 8px}.card-actions{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:8px;gap:5px}.card-actions .text-button{font-size:10px}.danger{color:#a65d53}.preferences{margin-top:27px;padding:26px}.preferences h2{font-size:26px;margin-bottom:14px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle-row strong{font-size:13px;font-weight:500}.toggle-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.toggle-row input{width:23px;height:23px;accent-color:var(--accent);flex-shrink:0}.privacy-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#7d8069}.privacy-note svg{flex-shrink:0}.privacy-note p{font-size:12px;line-height:1.8}.editor{padding:29px}.editor .section-title .eyebrow{margin-bottom:5px}.editor>label,.editor fieldset label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550}.editor>label{margin-top:22px}.editor input:not([type=color]),.editor textarea{width:100%;padding:12px;border:1px solid #dfd6c6;background:#fffef9;color:var(--ink);border-radius:7px;font-size:16px;line-height:1.5}.editor textarea{resize:vertical}.optional{color:var(--muted);font-weight:400}.editor fieldset{border:0;border-top:1px solid var(--line);margin:32px 0 0;padding:20px 0 0;min-width:0}.editor legend{padding:0 12px 0 0;font-family:Georgia,serif;font-size:23px}.field-help{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:20px}.petal-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.petal-row{display:grid;grid-template-columns:55px 1fr 70px;gap:12px;min-width:0}.color-field input{width:100%;height:50px;padding:3px;border:1px solid #dfd6c6;border-radius:7px;background:transparent}.result-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.result-field-label{display:flex;align-items:center;gap:8px}.tiny-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:23px;height:23px;background:#eee5d5;color:#927b55;font-size:12px}.editor-actions{display:flex;justify-content:flex-end;gap:13px;margin-top:26px}.notice{background:#f7e6ce;color:#79562a;padding:14px 18px;margin:20px 0;border:1px solid #e5cba5;border-radius:9px;font-size:13px;line-height:1.7;display:flex;justify-content:space-between;gap:15px;align-items:center}.update-notice{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:20px 0}.install-info{padding:23px;margin-bottom:30px}.install-info h2{font-size:24px;margin-bottom:12px}.install-info p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:12px}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;padding:15px;color:var(--ink)}.skip-link:focus{top:10px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:850px){.app{padding-left:28px;padding-right:28px}.play-layout{padding-left:0;padding-right:0}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.site-header{height:79px}.brand{font-size:24px}.settings-button{font-size:11px;padding-right:0;gap:7px}.play-layout{padding:32px 0 25px}.create-banner{padding:24px 3px;gap:13px;flex-wrap:wrap}.create-banner>div{flex:1}.create-banner h3{font-size:21px}.create-banner p{font-size:11px}.create-banner .text-button{margin-left:45px;min-height:35px}.mini-paper svg{width:28px}.site-footer{align-items:flex-start;padding:17px 0 22px;gap:10px;font-size:9px}.site-footer>span{padding-top:15px;max-width:130px;line-height:1.7}.site-footer .text-button{font-size:9px;text-align:right}.settings-view{padding:32px 0}.settings-intro{margin-bottom:28px}.settings-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.settings-intro h1{font-size:34px;line-height:1.2}.settings-intro p{font-size:12px}.section-title{gap:10px}.section-title h2{font-size:23px}.section-title .primary-button{font-size:11px;padding:10px 12px;gap:5px}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:21px}.scenario-card>p{min-height:0}.scenario-card .secondary-button{min-height:45px}.card-actions .text-button{font-size:12px}.preferences{padding:22px 19px}.preferences h2{font-size:24px}.toggle-row small,.privacy-note p{font-size:11px}.editor{padding:23px 16px}.editor .section-title{align-items:flex-start}.editor .section-title h2{font-size:24px}.editor .section-title .eyebrow{font-size:8px;letter-spacing:1px}.editor .section-title .text-button{font-size:11px}.editor legend{font-size:21px}.petal-row{gap:8px;grid-template-columns:47px minmax(0,1fr) 64px}.editor fieldset label{font-size:11px}.result-fields{grid-template-columns:1fr;gap:18px}.editor-actions{gap:8px}.editor-actions button{font-size:12px;padding:12px}.notice{flex-direction:column;align-items:flex-start;gap:0}.install-info{padding:20px}.install-info h2{font-size:23px}}.paper-stage{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}.paper-question{text-align:center;min-height:112px;margin-bottom:10px;width:100%}.paper-question h1{font-size:clamp(27px,3.5vw,36px);letter-spacing:-.8px;line-height:1.2;margin:11px 0;overflow-wrap:anywhere}.paper-question h1:focus{outline:none}.paper-question p{color:var(--muted);font-size:12px;line-height:1.7}.paper-table{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:370px;perspective:1000px;padding:20px 12px}.drawn-star{position:absolute;color:#b6a78c;font-family:Georgia,serif;pointer-events:none}.star-one{top:6px;right:5px;font-size:37px;transform:rotate(12deg)}.star-two{bottom:4px;left:0;font-size:25px;transform:rotate(-10deg)}.folded-paper,.paper-sheet{background-color:#fffbef;border:1px solid #dcd0b8;box-shadow:4px 7px 0 -2px #f2e9d6,5px 9px 0 -2px #dcd0b8,0 18px 30px #65503c18;border-radius:2px}.folded-paper{position:relative;width:225px;min-height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;transform:rotate(-5deg);background-image:linear-gradient(138deg,transparent 49.7%,#b5a08026 50%,#fff7e4 50.3%,transparent 51%),linear-gradient(42deg,#e5d4b61f 49.7%,#b5a08026 50%,#fff9ec 50.5%);transition:transform .2s}.folded-paper:after{content:"";position:absolute;right:-1px;top:-1px;width:43px;height:43px;background:linear-gradient(225deg,#f6f2e9 49%,#d4c3a4 50%,#f3e7cf 52%,#fff8e7);filter:drop-shadow(-2px 3px 2px #7c64301a)}.folded-paper:hover{transform:rotate(-3deg) translateY(-4px)}.press-label{font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:29px;color:var(--accent);transform:rotate(-4deg)}.folded-mark{font-size:29px;color:#ba8b6f}.folded-note{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#91836c}.paper-sheet{width:100%;max-width:430px;position:relative;transform:rotate(-2deg)}.sheet-first{max-width:360px;animation:open-width var(--fold-duration) ease-out both}.sheet-second{max-width:390px;animation:open-height var(--fold-duration) ease-out both}.sheet-number{animation:open-height var(--fold-duration) ease-out both}.paper-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.options-two{min-height:225px}.options-four{min-height:310px}.paper-area{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:20px 10px;background-color:transparent;background-image:linear-gradient(90deg,#ba9b6320,transparent 8%,transparent 92%,#ba9b630d),linear-gradient(145deg,#fff7e11c,#bd946018);font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:23px;text-align:center;overflow-wrap:anywhere;border-right:1px solid #bca47b40;border-bottom:1px solid #bca47b40}.paper-area:disabled{opacity:1}.paper-area:focus-visible{outline-offset:-5px;z-index:1}.paper-area:hover:not(:disabled){background-color:#ecd6b433}.paper-options .paper-area:nth-child(2n){border-right:0}.options-two .paper-area,.options-four .paper-area:nth-last-child(-n+2){border-bottom:0}.area-0{color:#a45649}.area-1{color:#68857d}.area-2{color:#aa7e38}.area-3{color:#68849a}.area-decoration{font-size:25px;opacity:.65;font-family:Georgia,serif}.code-area{height:79px;font-family:Georgia,serif;font-style:italic;font-size:32px;gap:0;color:#80694a}.options-eight .code-area:nth-child(2n){color:#6e8279}.options-eight .code-area:nth-last-child(-n+2){border-bottom:0}.result-sheet{max-width:420px;padding:27px;text-align:center;transform:rotate(1deg);animation:reveal-sentence var(--fold-duration) ease-out both;background-image:linear-gradient(90deg,transparent 49.7%,#bca47b26 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#bca47b1a 50%,transparent 50.3%)}.result-code{display:block;width:fit-content;margin:0 auto 13px;border:1px solid #ccb58e;padding:7px 11px;border-radius:50%;color:#9e7650;font-family:Georgia,serif;font-size:20px}.sentence-result>p{font-family:Georgia,serif;font-size:27px;line-height:1.5;margin:18px 0 23px;overflow-wrap:anywhere}.answer-trail{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#96836a;font-size:11px;margin-bottom:12px}.result-sheet>.text-button{color:var(--accent)}.paper-caption{display:flex;align-items:center;justify-content:center;gap:10px;color:#928a7b;font-size:10px;text-align:center;margin-top:20px;line-height:1.6}.caption-line{width:23px;height:1px;background:#cec3b0;flex-shrink:0}@keyframes open-width{0%{transform:rotate(-5deg) scaleX(.52)}to{transform:rotate(-2deg) scaleX(1)}}@keyframes open-height{0%{transform:rotate(-2deg) scaleY(.52)}to{transform:rotate(-2deg) scaleY(1)}}@keyframes reveal-sentence{0%{transform:rotate(-2deg) scale(.85);opacity:.3}to{transform:rotate(1deg) scale(1);opacity:1}}@media(max-width:620px){.paper-question{min-height:108px;margin-bottom:0}.paper-question h1{font-size:28px;margin:10px 0}.paper-question .eyebrow{font-size:9px}.paper-question p{font-size:11px}.paper-table{min-height:330px;padding:16px 8px}.folded-paper{width:207px;min-height:215px}.press-label{font-size:27px}.star-one{right:0;font-size:29px}.options-two{min-height:207px}.options-four{min-height:270px}.paper-area{font-size:20px;gap:11px;padding:16px 8px}.code-area{height:72px;font-size:30px}.result-sheet{padding:23px 19px}.sentence-result>p{font-size:24px}.paper-caption{font-size:9px;margin-top:15px}}.answer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.answer-editor{padding:17px;border:1px solid var(--line);border-radius:9px;background:#f8f3e8;min-width:0}.answer-editor label+label{margin-top:15px}.editor .field-help{margin-top:16px}.editor .name-table{border:0;margin-top:24px;padding-top:0}.editor .name-table legend{font-size:21px;margin-bottom:16px}.name-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.editor .name-grid label{flex-direction:row;align-items:center;gap:6px;min-width:0}.name-code{color:#94734c;font-family:Georgia,serif;font-size:15px;width:26px;flex-shrink:0}.editor .name-grid input{padding:10px 8px;min-width:0}.sentence-preview{margin-top:17px;padding:20px;background:#f5eddd;border-radius:8px}.sentence-preview p{font-family:Georgia,serif;font-size:20px;line-height:1.6;margin-top:9px;overflow-wrap:anywhere}.random-game{margin-bottom:22px}.scenario-answer-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.scenario-answer-tags span{background:#f2e9d9;color:#8a7254;padding:5px 9px;border-radius:5px;font-size:11px}@media(max-width:850px){.name-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.answer-fields{grid-template-columns:1fr}.answer-editor{padding:14px}.name-grid{gap:9px}.name-code{font-size:13px;width:23px}.sentence-preview{padding:16px}.sentence-preview p{font-size:18px}}