@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
#menu h1{white-space:nowrap;font-size:min(19vw,9.5dvh)}
:root{color-scheme:dark;--cream:#fff4d5;--mint:#d4ed5d;--forest:#092a24;--quiet:#bdd0b6;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#091b17;color:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(ellipse at 50% 35%,#284335 0%,#102820 42%,#091713 85%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff3b5;outline-offset:5px}button:active{transform:translateY(2px)}[hidden]{display:none!important}#game{position:relative;width:min(100vw,calc(100dvh * .525));height:100dvh;max-height:960px;overflow:hidden;isolation:isolate;background:#204339;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 20px 100px #0008}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.grain{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#07221b80,transparent 28%,transparent 52%,#05221ae8 100%)}.topbar{position:absolute;top:max(22px,env(safe-area-inset-top));left:7%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:8}.wordmark{border:0;background:none;padding:0;color:var(--cream);font-size:clamp(10px,1.5dvh,14px);font-weight:800;letter-spacing:1.1px;display:flex;align-items:center;gap:6px}.thin{font-weight:400;opacity:.7;margin-left:-3px}.brand-icon{width:23px;height:23px;background:var(--mint);color:#193b2c;border-radius:5px;font-size:20px;line-height:23px;font-weight:800}.icon-button{background:#0a2b2680;color:var(--cream);border:1px solid #c0d7b42b;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:16px;backdrop-filter:blur(8px)}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.screen{position:absolute;inset:0;z-index:3}.title-block{position:absolute;top:12.5%;left:8%;right:7%}.eyebrow{font-size:clamp(8px,1.1dvh,11px);font-weight:700;letter-spacing:2.1px;display:flex;align-items:center;gap:9px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--mint)}h1,h2,p{margin:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(66px,11.6dvh,108px);font-weight:800;line-height:.86;letter-spacing:-1.8px;margin-top:18px;text-shadow:0 3px 30px #0e332644}h1 em,h2 em{font-style:normal;color:var(--mint)}.title-block p{font-size:clamp(12px,1.65dvh,16px);margin-top:15px;color:#f2edd5cc}.menu-bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:8%;right:8%}.record{display:flex;gap:7px;align-items:baseline;margin-bottom:15px}.record span{font-size:9px;letter-spacing:1.9px;color:#d4e0ba99;margin-right:auto;font-weight:700}.record b{font-size:24px;font-family:'Barlow Condensed',Impact,sans-serif}.record small{font-size:10px;color:#d6ddb5}.primary{width:100%;height:clamp(51px,7.3dvh,65px);border:1px solid #edff9999;border-radius:8px;background:var(--mint);color:#183428;font-size:13px;letter-spacing:1.3px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 5px 0 #6c853944,0 5px 30px #cbe75919;transition:filter .15s}.primary:hover{filter:brightness(1.08)}.primary span{font-size:28px;font-weight:400}.control-copy{display:flex;justify-content:center;align-items:center;gap:11px;font-size:9px;letter-spacing:1px;margin-top:19px;color:#cedcb6a8}.control-copy b{color:#f1efd2;font-weight:600}.control-copy i{font-style:normal;opacity:.4}.legend{display:flex;justify-content:space-between;padding-top:23px;margin-top:22px;border-top:1px solid #d4e0ba24;font-size:10px;color:#d4e0bab5}.legend span{display:flex;align-items:center;gap:7px}.green-candle,.red-candle{height:13px;width:5px;display:inline-block;position:relative;border-radius:1px;background:#84cf78}.green-candle:after,.red-candle:after{content:'';position:absolute;width:1px;height:19px;background:inherit;left:2px;top:-3px}.red-candle{background:#fa7c65}.gold-coin{width:13px;height:13px;display:inline-block;background:#f4c65c;border:2px solid #ffdd85;border-radius:50%;box-shadow:inset 0 0 0 1px #a57232}#hud{position:absolute;inset:0;z-index:2;pointer-events:none}#hud button{pointer-events:auto}.metrics{position:absolute;top:10%;left:7%;right:6%;display:flex;gap:20px;align-items:center}.metrics>div:first-child{margin-right:auto}.metrics span,.result-stats span{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;color:#edf0d2ac}.metrics strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:1.1}.metrics small,.result-stats small{font-family:'DM Sans',sans-serif;font-size:12px;margin-left:4px;font-weight:500}.coin-counter{display:flex;align-items:center;gap:8px}.coin-counter strong{font-size:24px}.coin-counter i{width:18px;height:18px}#hint{position:absolute;top:27%;left:10%;right:10%;text-align:center;font-size:10px;letter-spacing:1px;line-height:1.6;color:#fffbd8;padding:12px;background:#112f28c7;border:1px solid #b2d58a33;border-radius:7px;transition:opacity .4s}#milestone{position:absolute;top:22%;width:100%;text-align:center;color:#e6f394;font-size:13px;font-weight:700;letter-spacing:2px}.bottom-indicator{position:absolute;left:7%;right:7%;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#e3eacbb3}.progress-line{height:1px;background:#cde1b837;flex:1;margin:0 8px}#grip-dot{height:5px;width:5px;background:#f4d27f;border-radius:50%}.modal{background:#061f1cb8;backdrop-filter:blur(12px);display:flex;align-items:center;padding:9%;z-index:6}.panel{width:100%;padding-top:25px}.panel .eyebrow{color:#d0e19e}.panel h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(60px,10dvh,92px);font-weight:800;letter-spacing:-1px;line-height:.88;margin:24px 0}.panel p{font-size:13px;color:#cfdbc1;line-height:1.6;margin-bottom:24px}.secondary{display:block;border:0;background:transparent;color:#dbe5c7;font-size:10px;font-weight:600;letter-spacing:1.4px;padding:22px 0 0;width:100%}.result-stats{display:flex;justify-content:space-between;border-top:1px solid #c3d0b429;border-bottom:1px solid #c3d0b429;padding:20px 0;margin-bottom:27px}.result-stats strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;margin-top:7px}.desktop-note{position:absolute;left:max(30px,calc(50% - 620px));max-width:260px;top:31%;color:#e5ebd0}.edition{font-size:9px;letter-spacing:2px;color:#9fbd98}.desktop-note h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:53px;line-height:1.06;margin-top:20px;letter-spacing:-.4px}.desktop-note h2 i{font-style:normal;color:#bacc8a}.desktop-note p{font-size:12px;color:#9eb4a0;line-height:1.8;margin-top:22px}.desktop-tip{display:block;margin-top:45px;color:#8da58c;font-size:8px;letter-spacing:2px}.desktop-caption{position:absolute;right:max(30px,calc(50% - 570px));top:52%;max-width:210px}.desktop-caption p{font-size:10px;line-height:2;letter-spacing:2px;color:#c7d7b3}.desktop-caption>span:last-child{font-size:8px;letter-spacing:1.5px;color:#76977e;display:block;margin-top:24px}.tiny-candle{display:block;height:60px;width:15px;background:#b8d57880;margin:0 0 30px 6px;position:relative}.tiny-candle:after{content:'';position:absolute;height:96px;width:2px;background:#b8d57880;left:6px;top:-18px}#rotate-tip{display:none}@media(max-width:1000px){.desktop-note,.desktop-caption{display:none}}@media(max-width:600px){#game{width:100vw;max-height:none}.title-block{top:13%}h1{font-size:min(23vw,11.6dvh)}}@media(max-height:620px) and (orientation:landscape){#rotate-tip{display:block;position:absolute;right:8%;bottom:8px;font-size:9px;z-index:10;color:#e2e8c9}.legend{display:none}.title-block{top:17%}.topbar{top:12px}.menu-bottom{bottom:20px}.record{margin-bottom:8px}.control-copy{margin-top:12px}}