:root{color-scheme:light;--ink:#334f50;--muted:#829394;--line:#e8eddf;--pink:#f57e97}*{box-sizing:border-box}body{margin:0;background:#fffaf6;color:var(--ink);font:15px 'Trebuchet MS',Arial,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:880px;margin:auto;padding:20px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{font-size:10px;letter-spacing:2px;text-decoration:none;color:#8b9c91}nav{display:flex;gap:8px}button{font:inherit;font-weight:bold;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 16px;min-height:44px;cursor:pointer}button:hover:not(:disabled){background:#fff0eb}button:focus-visible,#board:focus-visible{outline:3px solid #39b6b5;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--pink);border-color:#ef728b;color:#582637;box-shadow:0 3px #d9607b}.primary:hover:not(:disabled){background:#ff9ab0}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;align-items:center}aside .logo{width:230px;height:210px;object-fit:contain}h1{font-size:37px;letter-spacing:-1.5px;line-height:1.08;margin:14px 0}aside p{font-size:14px;line-height:1.8;color:#829394}.collection{display:flex;align-items:center;gap:14px;margin:25px 0 10px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flower{font-size:40px;color:#f596ae}.collection strong{font-size:20px}.collection small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.collection>span:last-child{margin-left:auto;color:#c99d3e;font-size:18px}.decor{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:20px 0 0 110px;transform:rotate(12deg);opacity:.85}.play-panel{background:#fff;border:1px solid #e4eadd;border-radius:25px;overflow:hidden;box-shadow:0 12px 50px #758b7010}.hud{display:flex;justify-content:space-between;align-items:center;padding:17px 23px}.hud small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:5px}.hud b{font-size:24px}.shots{text-align:right}.shots b{color:#df718b}#board{width:100%;aspect-ratio:3/4;background:#eafaf5;touch-action:none;outline-offset:-3px}canvas{display:block}.controls{padding:12px 16px 0;display:flex;gap:9px;align-items:center}#next-label{font-size:8px;letter-spacing:1px;color:var(--muted)}#next-color{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:white;text-shadow:0 1px 2px #0005;box-shadow:inset 0 2px 4px #fff8;flex-shrink:0}.controls button{font-size:11px;padding:10px 12px}#swap{margin-right:auto}#message{font-size:11px;text-align:center;color:#80948c;margin:14px 10px;min-height:16px}footer{display:flex;justify-content:space-between;border-top:1px solid #f0f2e9;padding:3px 12px}.text{border:0;background:transparent;font-size:11px;color:#7e938b;font-weight:normal}.footnote{text-align:center;font-size:10px;color:#9aa9a0;margin:18px 0 0}dialog{width:410px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;border:1px solid #ede9df;border-radius:25px;padding:26px;background:#fffdf9;color:var(--ink);text-align:center;box-shadow:0 25px 80px #69776030}dialog::backdrop{background:#e4ede3b8;backdrop-filter:blur(7px)}dialog>img{width:180px;height:180px;object-fit:contain}dialog h2{font-size:28px;letter-spacing:-1px;margin:12px 0}dialog p{font-size:14px;color:#80908c;line-height:1.7}dialog .primary{width:100%;margin-top:15px}#modal-actions{display:grid;gap:9px;margin-top:18px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.level-grid button{padding:12px 3px}.level-grid small{display:block;color:#d4a63f;font-size:10px;margin-top:5px}.achievement{display:flex;gap:14px;align-items:center;text-align:left;border-bottom:1px solid var(--line);padding:12px 0}.achievement img{width:46px;height:46px}.achievement h3{font-size:15px;margin:0}.achievement p{font-size:12px;margin:4px 0}.locked{opacity:.4}.result-stars{font-size:38px;color:#e9b448;letter-spacing:8px}@media(min-width:701px){.app{max-width:calc(min(440px,(100dvh - 360px)*.75) + 351px)}.layout{grid-template-columns:230px minmax(0,1fr);gap:30px}aside .logo{width:215px}h1{font-size:34px}}@media(max-width:700px){.app{max-width:470px;padding:12px}header{margin-bottom:12px}.brand{font-size:8px;letter-spacing:1px}nav button{padding:9px 12px;font-size:12px}.layout{display:block}aside{display:none}.hud{padding:12px 18px}.hud b{font-size:21px}.hud small{font-size:8px}#board{max-height:none}.controls{padding:10px 12px 0}.controls button{font-size:10px;padding:9px}#message{margin:11px 8px;font-size:10px}.footnote{margin:12px 0}.play-panel{border-radius:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(min-width:701px) and (max-height:850px){aside .logo{height:170px}aside .decor{display:none}.collection{margin-top:18px}h1{font-size:30px}}
@media(min-width:701px) and (max-height:550px){.app{max-width:740px}}