@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;900&family=Nunito:wght@700;800;900;1000&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:#eee9df;display:flex;justify-content:center;align-items:center;font-family:Nunito,'Noto Sans SC',system-ui,sans-serif;color:#35503d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ce9950;outline-offset:3px}[hidden]{display:none!important}#app{position:relative;width:min(100%,500px);height:min(100svh,940px);min-height:610px;isolation:isolate;overflow:hidden;box-shadow:0 0 70px #30473724;background:#e2e7d9}#scene{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f9f1e64d,transparent 35%,transparent 55%,#12372a19);z-index:1}.prefs{position:absolute;top:17px;right:17px;display:flex;gap:8px;z-index:12}.prefs button{background:#fff9e8e8;border:1px solid white;border-radius:50%;width:34px;height:34px;font-size:11px;font-weight:900;color:#58704f;box-shadow:0 2px 5px #375a3f12}#sound{font-size:20px}#sound[aria-pressed=false]{color:#a9a493}body.running .prefs{top:auto;bottom:112px;right:16px}.brand{position:absolute;top:24px;left:23px;display:flex;align-items:center;gap:7px;color:#364a38;text-decoration:none;font-weight:1000;font-size:17px;letter-spacing:1px;line-height:1}.brand img{width:35px;mix-blend-mode:multiply}.brand small{display:block;font-size:7px;letter-spacing:3px;margin-top:5px}#home{position:absolute;inset:0;z-index:3;text-align:center;padding-top:105px}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:900;color:#9a7659;margin:0 0 13px}h1{font-size:57px;font-weight:900;letter-spacing:-3px;margin:0;color:#325942;line-height:1.2;text-shadow:0 3px 0 #fff2dc,0 7px 15px #f7ebdc;transform:rotate(-3deg)}h1 span{color:#cf8f9a}h1 i{font-style:normal;font-size:28px;color:#dda756;vertical-align:top}#subtitle{font-size:12px;margin:14px 0;color:#826d5a;letter-spacing:.6px;text-shadow:0 1px #fff}.home-bottom{position:absolute;bottom:37px;left:10%;right:10%;background:#fff9edeb;border:1px solid #fff;border-radius:25px;padding:16px 17px 17px;box-shadow:0 7px 30px #42634d1c;backdrop-filter:blur(8px)}.record{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:#a18a70;margin:0 0 12px}.record b{font-weight:1000;font-size:20px;color:#718762}.primary{background:#3c654c;color:#fff9e9;border:1px solid #4d7357;border-radius:15px;padding:12px 20px;min-height:53px;font-size:19px;font-weight:900;width:100%;box-shadow:0 4px 0 #294a36;transition:transform .15s}.primary:active{transform:translateY(3px)}.instructions{display:flex;justify-content:center;gap:22px;font-size:10px;color:#7f8369;margin:18px 0 5px}#swipe-copy{font-size:9px;color:#ae9983;margin:8px 0 12px}#match-link{font-size:10px;color:#91a182;text-decoration:none}#hud{position:absolute;inset:18px 17px auto;z-index:3;display:flex;justify-content:space-between;align-items:flex-start}.score{background:#fff9e8e8;border:2px solid white;border-radius:19px;padding:9px 16px;min-width:91px;text-align:center;box-shadow:0 4px 10px #28432b10}.score small{display:block;font-size:10px;color:#8c826a}.score b{display:block;font-weight:1000;font-size:31px;line-height:1.05;color:#355b44}.score>span{display:block;font-size:9px;color:#a5937b;margin-top:3px}.hud-right{display:flex;align-items:center;gap:12px}#hearts{font-size:22px;letter-spacing:2px;color:#c8828f;text-shadow:0 2px white}#pause{background:#fffae8e8;border:2px solid white;border-radius:14px;width:42px;height:43px;color:#5f7b55;font-size:24px;font-weight:1000}#shield{position:absolute;left:50%;top:104px;transform:translateX(-50%);background:#fff7cfec;color:#9c7b2b;border:1px solid white;border-radius:20px;padding:6px 15px;font-size:11px;white-space:nowrap}#controls{position:absolute;bottom:27px;left:17px;right:17px;z-index:4;display:flex;justify-content:space-between;align-items:center;pointer-events:none}#controls button{pointer-events:auto;border:1px solid #fffc;box-shadow:0 3px 0 #28473325;background:#fffae3ce;color:#486c4c;border-radius:19px;width:64px;height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;font-weight:900;backdrop-filter:blur(5px)}#controls #jump{width:87px;height:66px;background:#426b50e8;color:#fff8dc;border-color:#eff6d7}#jump span{line-height:1}#jump small{font-size:9px;font-weight:700;margin-top:2px}#toast{position:absolute;top:24%;left:6%;right:6%;z-index:5;text-align:center;color:#fffceb;font-size:22px;font-weight:900;pointer-events:none;text-shadow:0 2px 2px #4e6957,0 0 12px #284231;opacity:0}#toast.show{animation:toast 1.25s both}#modal{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:#25473455;backdrop-filter:blur(7px);padding:30px}.modal-card{background:#fff9ee;border:2px solid white;border-radius:29px;padding:25px;width:100%;text-align:center;box-shadow:0 12px 30px #27473326}.modal-symbol{color:#c8a05a;font-size:42px;margin-bottom:14px;line-height:1}.modal-card .eyebrow{font-size:7px;margin-bottom:10px}.modal-card h2{font-size:26px;font-weight:900;margin:0 0 10px}.modal-card>p:not(.eyebrow){font-size:11px;color:#a28b74;line-height:1.8}.results{display:flex;gap:20px;justify-content:center;margin:22px 0}.results>div{flex:1}.results small{display:block;color:#a18b75;font-size:9px}.results b{display:block;color:#44664d;font-weight:1000;font-size:32px}.modal-card .primary{font-size:16px}.secondary{background:transparent;border:0;font-size:11px;color:#9e8a72;padding:12px;margin-top:10px}footer{position:absolute;bottom:7px;width:100%;text-align:center;font-size:6px;letter-spacing:1.5px;color:#fff9;z-index:4}#home~footer{color:#fdf8ec}html[lang=en] h1{font-size:52px;letter-spacing:-2px}html[lang=en] #subtitle{font-size:11px}html[lang=en] .primary{font-size:17px}@keyframes toast{0%{opacity:0;transform:translateY(8px)}18%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-15px)}}@media(min-width:650px){body{padding:16px}#app{height:min(calc(100svh - 32px),940px);border-radius:28px}}@media(max-height:710px){#app{min-height:560px}#home{padding-top:88px}h1{font-size:47px}.home-bottom{bottom:25px;padding:12px 15px}.brand{top:20px}#subtitle{margin:9px 0}.record{margin-bottom:9px}.instructions{margin-top:14px}#swipe-copy{margin:6px 0 9px}.home-bottom .primary{min-height:48px;font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.prefs #music{width:62px;border-radius:18px;font-size:10px}#music[aria-pressed=false]{color:#a9a493}