:root{color-scheme:light;--paper:#faf3e8;--ink:#315745;--muted:#879381;--line:#dddcc8;--coral:#cc806e;--pink:#d8a8b7}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{background-image:radial-gradient(ellipse at 0 30%,#e6edcf66,transparent 55%),radial-gradient(ellipse at 100% 85%,#f0dcc65c,transparent 50%)}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#fffaf0;touch-action:none}button:focus-visible,a:focus-visible{outline:2px solid #879f74;outline-offset:3px}button:active{filter:brightness(.97)}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app{height:100dvh;max-width:1460px;margin:auto;padding:27px 37px 15px;display:grid;grid-template-columns:minmax(190px,250px) minmax(320px,610px) minmax(175px,220px);gap:clamp(25px,3.7vw,64px);justify-content:center}.identity,.botanical-notes{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:8px 0 20px}.brand{font-size:9px;letter-spacing:1.4px;font-weight:800}.brand span{display:block;font-size:7px;letter-spacing:1.7px;color:var(--muted);font-weight:400;margin-top:8px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:500;color:var(--coral);margin:0 0 17px}.title-block{position:relative}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,4.5vw,65px);line-height:.96;letter-spacing:-3.6px;margin:0}h1>span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:1px;margin-bottom:14px}h1 em{font-size:1.4em;font-weight:400;color:#ae6b7b;letter-spacing:-5px;line-height:.95}.title-flower{position:absolute;width:70px;height:70px;right:0;top:115px;transform:rotate(13deg)}.title-flower canvas{width:100%;height:100%}.tagline{font-size:17px;line-height:1.5;margin:25px 0 0;letter-spacing:-.2px}.how-to{border-top:1px solid var(--line);padding-top:8px}.how-to p{display:flex;gap:13px;align-items:baseline;font-size:10px;line-height:1.6;color:var(--muted);margin:17px 0}.how-to i{font-style:normal;font-size:9px;color:#ad9677;letter-spacing:1px}.how-to b{display:block;font-size:11px;font-weight:500;color:var(--ink);margin-bottom:3px}.signature{display:flex;gap:14px;align-items:center}.signature svg{width:49px;height:32px;fill:none;stroke:#93a374;stroke-width:1.7}.signature p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:13px;line-height:1.5;color:#8c9778;margin:0}main{display:flex;flex-direction:column;min-width:0;min-height:0}.hud{display:flex;justify-content:space-between;align-items:center;padding:0 9px 13px;gap:15px}.hud span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.hud strong{display:block;font-size:29px;font-weight:400;font-variant-numeric:tabular-nums;margin-top:6px}.hud .best{text-align:right}.hud .best strong{font-size:23px;color:#7b8d73}.hud .combo{text-align:center;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.hud .combo.active{opacity:1;transform:translateY(0)}.combo strong{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--coral);font-size:27px}.combo b{font-weight:400}.combo span{color:#b68b76;font-size:7px}.stage{position:relative;min-height:0;flex:1;overflow:hidden;border:1px solid #e2e0cd;border-radius:20px;background:#f3f1df;box-shadow:inset 0 1px 1px #fff9ee,0 12px 40px #5b6b4c0b;touch-action:none}.stage>canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.drop-row{padding-top:11px;flex-shrink:0}.drop-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 19px;background:#d99580;border:1px solid #c9816b;color:#fff9e9;border-radius:9px;box-shadow:0 3px 0 #bb7a66;font-size:13px;letter-spacing:.2px;transition:background .15s}.drop-button:disabled{background:#e4c7b6;box-shadow:0 2px 0 #d0b8a3;border-color:#d5bba9;color:#937f6a;opacity:1}.drop-mark{font-size:20px;line-height:1}.drop-button small{font-size:7px;letter-spacing:1px;opacity:.7;margin-left:6px}.bottom-bar{display:flex;justify-content:space-between;align-items:center;padding-top:10px;flex-shrink:0}.bottom-bar>div{display:flex;gap:5px}.bottom-bar button{border:0;background:none;font-size:8px;letter-spacing:.6px;color:var(--muted);padding:5px 6px}#mobileCollection{visibility:hidden}#mobileCollection span{font-variant-numeric:tabular-nums;margin-left:6px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:9px;color:var(--muted);font-size:8px;flex-shrink:0}footer>span{font-size:6px;letter-spacing:1.2px}.edition{font-size:7px;letter-spacing:1.25px;color:var(--muted);display:flex;align-items:center;gap:7px}.edition-dot{width:5px;height:5px;background:#b3bd96;border-radius:50%}.next-card{position:relative;padding:25px 15px 19px;text-align:center;background:#f2e6e0;border:1px solid #e5d6ce;border-radius:50% 50% 12px 12px;box-shadow:0 6px 15px #8b78580a}.next-card>span{font-size:7px;letter-spacing:1.3px;color:#a48d83;display:block}.next-card>canvas{width:96px;height:96px;display:block;margin:18px auto 7px}.next-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:400;margin:0 0 15px;color:#7f7467}.card-rule{height:1px;background:#decfc5;width:27px;margin:0 auto}.next-card p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:13px;line-height:1.5;color:#a38b80;margin:13px 0 0}.herbarium{border-top:1px solid var(--line);padding-top:19px}.herbarium-title{display:flex;align-items:center;justify-content:space-between}.herbarium-title .eyebrow{color:#8d987c;font-size:8px;margin-bottom:9px}.herbarium-title strong{font-size:23px;font-weight:400;color:#6e8665}.herbarium-title small{font-size:13px;color:#9aa48c}.herbarium-title button{border:0;background:none;font-size:23px;padding:10px;color:#7a9070}.mini-collection{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:17px}.mini-collection button{border:0;background:none;padding:0;aspect-ratio:1;position:relative}.mini-collection canvas{width:100%;height:100%;display:block}.mini-collection button.locked canvas{filter:grayscale(1);opacity:.22}.herbarium>p{font-size:10px;line-height:1.6;color:var(--muted);margin:15px 0 0}.personal-flower{border-top:1px solid var(--line);padding-top:16px}.personal-flower>span{font-size:7px;letter-spacing:1.1px;color:#8c987d}.personal-flower>div{display:flex;gap:13px;align-items:center;margin-top:12px}.personal-flower canvas{width:40px;height:40px}.personal-flower strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:17px}.toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:11px 17px;border:1px solid #d8cfaf;border-radius:8px;background:#fff9e9ef;color:#7e8664;box-shadow:0 4px 18px #6a704711;font-size:11px;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none;width:max-content;max-width:95%;z-index:2}.toast.show{opacity:1}.overlay,.collection-panel{position:absolute;inset:0;display:grid;place-items:center;background:#fbf5e9eF;backdrop-filter:blur(5px);padding:25px;text-align:center;z-index:3}.overlay section{width:min(100%,300px)}.modal-flower{width:88px;height:88px;margin:0 auto 24px}.modal-flower canvas{display:block;width:100%;height:100%}.overlay .eyebrow{font-size:7px;letter-spacing:1.4px}.overlay h2{font-size:50px;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.02;margin:0 0 23px}.overlay h2 em{color:#af7787;font-weight:400}.overlay p:not(.eyebrow){font-size:12px;line-height:1.7;color:#92947d;margin:0 0 25px}.primary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;width:100%;border-radius:8px;background:#d99580;border:1px solid #c9816b;color:#fff9e9;box-shadow:0 3px 0 #bb7a66;font-size:10px;letter-spacing:1px}.primary span{font-size:19px}.text-button{border:0;background:none;font-size:8px;letter-spacing:1px;margin-top:18px;padding:8px;color:#949881}.overlay .modal-hint{font-size:9px!important;margin:17px 0 0!important;color:#a1a28a!important}.collection-panel{padding:22px;z-index:4}.collection-panel section{width:min(100%,430px);max-height:100%;overflow:auto;scrollbar-width:thin}.collection-title{display:flex;justify-content:space-between;align-items:start;text-align:left;margin-bottom:17px}.collection-title .eyebrow{margin-bottom:9px}.collection-title h2{font-size:29px;font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;margin:0}.collection-title h2 em{color:#af7787}.collection-title button{border:0;background:none;font-size:25px;line-height:1;padding:0 0 0 15px;color:#8f9c83}#collectionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.flower-card{padding:9px 5px;border:1px solid #dedcc8;border-radius:9px;background:#fffaf0}.flower-card canvas{display:block;width:57px;height:57px;margin:0 auto 7px}.flower-card strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:13px;font-weight:400}.flower-card>span{display:block;font-size:7px;color:#9eaa90;letter-spacing:1px;margin:6px 0 2px}.flower-card.locked canvas{filter:grayscale(1);opacity:.24}.flower-card.locked strong{color:#a8aa96}.collection-note{font-size:9px;color:#979c86;line-height:1.6;margin:17px 0 0}@media(max-width:1120px){.app{grid-template-columns:minmax(180px,220px) minmax(320px,610px);gap:36px;padding:23px 30px 13px}.botanical-notes{display:none}#mobileCollection{visibility:visible}.title-flower{width:60px;height:60px;top:107px}h1{font-size:55px}.how-to p{font-size:10px}}@media(max-width:700px){.app{display:flex;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:0}.identity{display:none}main{width:100%;height:100%;max-width:610px;margin:auto}.hud{padding:0 7px 9px}.hud span{font-size:7px;letter-spacing:1px}.hud strong{font-size:26px;margin-top:5px}.hud .best strong{font-size:21px}.stage{border-radius:14px}.drop-row{padding-top:8px}.drop-button{padding:13px}.drop-button small{display:none}.bottom-bar{padding-top:7px}.bottom-bar button{font-size:7px;padding:4px}footer{padding-top:6px;font-size:7px}footer>span{font-size:5px;letter-spacing:.8px}.overlay{padding:20px}.overlay section{width:min(100%,275px)}.overlay h2{font-size:45px}.modal-flower{width:75px;height:75px;margin-bottom:19px}.overlay .eyebrow{font-size:6px}.overlay p:not(.eyebrow){font-size:11px}.collection-panel{padding:17px}.collection-title h2{font-size:26px}.flower-card canvas{width:50px;height:50px}.flower-card{padding:7px 5px}#collectionGrid{gap:7px}}@media(max-height:720px) and (min-width:701px){.app{padding-top:14px}.how-to p{margin:12px 0}.tagline{font-size:15px;margin-top:18px}.title-block .eyebrow{font-size:7px}h1{font-size:49px}.title-flower{width:52px;height:52px;top:96px}.next-card{padding:20px 10px 14px}.next-card>canvas{width:65px;height:65px;margin-top:10px}.next-card p{font-size:11px}.herbarium{padding-top:13px}.signature p{font-size:11px}.modal-flower{width:58px;height:58px;margin-bottom:15px}.overlay h2{font-size:42px}.overlay p:not(.eyebrow){margin-bottom:20px}.personal-flower{padding-top:12px}}@media(max-height:520px){.modal-flower{display:none}.overlay h2{font-size:31px;margin-bottom:15px}.overlay .eyebrow{margin-bottom:12px}.overlay .modal-hint{display:none}.drop-button{padding:9px}.hud{padding-bottom:6px}.hud strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hud .combo,.toast{transition:none}}

.final-stats{margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 12px;border:1px solid var(--line);border-radius:12px;background:#fffaf0}.final-stats span{font-size:8px;letter-spacing:1px;color:var(--muted)}.final-stats strong{display:block;font-size:29px;font-weight:400;margin-top:6px}.overlay .final-stats p{grid-column:1/-1;margin:4px 0 0!important;font-size:11px!important}.overlay:has(.final-stats:not([hidden])) #modalText{display:none}.overlay section{max-height:100%;overflow:auto;scrollbar-width:thin}.fusion-formula{display:flex;justify-content:center;align-items:center;gap:4px;min-height:47px;margin-bottom:6px}.fusion-formula canvas{width:29px;height:29px;margin:0}.fusion-formula canvas:last-child{width:44px;height:44px}.fusion-formula span{font-size:13px;color:#8c9a7b}.flower-card.locked .fusion-formula canvas:not(:last-child){filter:none;opacity:.65}.bottom-bar button{min-height:36px;min-width:44px}.collection-title button{min-width:44px;min-height:44px;padding:0}.collection-panel section{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.stage>canvas{ -webkit-user-select:none;-webkit-touch-callout:none }
@media(max-width:700px){.bottom-bar button{font-size:9px}.hud span{font-size:8px}.flower-card strong{font-size:14px}.collection-note{font-size:11px}.overlay .eyebrow{font-size:8px}.overlay .modal-hint{font-size:10px!important}.final-stats{padding:12px;margin-bottom:17px}.overlay:has(.final-stats:not([hidden])) h2{font-size:36px}.overlay:has(.final-stats:not([hidden])) .modal-flower{width:55px;height:55px;margin-bottom:12px}}
@media(max-height:600px){.overlay .modal-flower{display:none}.overlay h2{font-size:32px;margin-bottom:14px}.overlay .eyebrow{margin-bottom:10px}.final-stats{padding:10px;margin-bottom:12px}.final-stats strong{font-size:23px}.overlay .modal-hint{display:none}}