@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#48240e;--orange:#f75c14;--paper:#fff1dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:110px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #48240e26;position:relative;z-index:3}.brand{font-family:Outfit,sans-serif;font-weight:700;font-size:30px;letter-spacing:-1.3px;display:flex;align-items:center;gap:8px}.brand-icon{font-size:41px;color:var(--orange)}.brand-dot{font-size:12px;align-self:flex-start;margin-top:8px}.header-note,.small-link,.eyebrow,.hero-caption,footer,.board-top{font-size:11px;font-weight:700;letter-spacing:1.6px}.small-link{border-bottom:1px solid;padding-bottom:6px;letter-spacing:.5px;font-size:13px}.home{background:#ffbd68;overflow-x:hidden}.hero{position:relative;max-width:1400px;margin:auto;padding:80px 8% 85px;min-height:690px}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-family:Outfit,sans-serif;font-size:clamp(68px,8vw,118px);font-weight:600;line-height:.99;letter-spacing:-6px;margin:26px 0}h1 em{font-style:normal;color:#fff4dd}.hero p{font-size:19px;line-height:1.6;margin:25px 0 30px}.spark{color:var(--orange);display:inline-block;font-size:85px;margin-left:20px}.play-button{border:0;background:var(--ink);color:#fff3df;padding:19px 25px;border-radius:8px;display:inline-flex;gap:45px;align-items:center;justify-content:space-between;font-weight:600;font-size:16px;transition:transform .2s,background .2s}.play-button:hover{transform:translateY(-3px);background:#673517}.play-button span{font-size:23px}.hero-caption{margin-top:20px;font-size:9px;letter-spacing:2px}.hero-orange{position:absolute;width:430px;height:430px;border-radius:50%;right:5%;top:115px;transform:rotate(-12deg);filter:drop-shadow(10px 35px 22px #a64a192b)}.hero-orange img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;clip-path:circle(43%);transform:scale(1.23);mix-blend-mode:multiply}.leaf{position:absolute;width:110px;height:55px;background:#57783c;border-radius:0 100% 0 100%;left:210px;top:0;transform:rotate(-25deg)}.round-stamp{position:absolute;right:5%;top:480px;border:1px solid #48240e75;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:10px;letter-spacing:1.6px;line-height:1.8;transform:rotate(14deg)}footer{margin:0 6%;padding:26px 0;border-top:1px solid #48240e26;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.footer-star{font-size:25px;color:var(--orange);vertical-align:middle;margin-left:12px}.orange-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;height:100vh}.falling-orange{position:absolute;top:-100px;width:var(--size);height:var(--size);background:url('assets/orange.jpg') center/120%;border-radius:50%;clip-path:circle(43%);mix-blend-mode:multiply;animation:fall var(--duration) var(--delay) linear both;opacity:.65}@keyframes fall{to{transform:translate(80px,110vh) rotate(440deg)}}.game-main{max-width:1250px;margin:auto;padding:40px 45px 20px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.game-heading h1{font-size:55px;letter-spacing:-2.5px;margin:12px 0}.game-heading h1 span{color:var(--orange)}.game-heading p{font-size:14px;line-height:1.7;color:#886548}.game-board{border:1px solid #e6c9a5;border-radius:14px;overflow:hidden;background:#ffe2b4}.board-top,.board-bottom{display:flex;justify-content:space-between;padding:20px 25px;align-items:center}.board-top{font-size:10px;letter-spacing:1.2px}.live-dot{margin-right:7px}.board-bottom{font-size:12px;background:#fff0d8;border-top:1px solid #e6c9a5}canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.text-button{background:none;border:0;color:var(--ink);font-weight:600}.game-controls{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:13px}.step{font-size:10px;color:#bd6936;margin-right:8px}.divider{margin:0 22px;color:#cca783}.game-controls .play-button{background:var(--orange);min-width:190px}.play-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.keyboard-note{font-size:10px;color:#937459;margin-top:15px}.modal{position:fixed;inset:0;background:#48240e66;backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.win-card{text-align:center;background:var(--paper);border-radius:24px;padding:45px;max-width:490px;box-shadow:0 30px 100px #48240e33}.juice-glass{font-size:80px;margin:20px}.win-card h2{font:600 48px Outfit,sans-serif;letter-spacing:-2px;margin:10px}.win-card p{line-height:1.7;color:#886548}.win-card a{display:block;font-size:12px;margin-top:25px}.win-card .play-button{margin-top:15px}@media(max-width:800px){header{height:85px}.header-note{display:none}.brand{font-size:25px}.hero{padding:45px 7% 340px;min-height:850px}h1{font-size:76px;letter-spacing:-4px}.spark{font-size:55px}.hero-orange{width:260px;height:260px;top:auto;bottom:40px;right:20%}.leaf{left:130px;width:75px;height:40px}.round-stamp{top:auto;bottom:35px;right:5%;width:95px;height:95px;font-size:8px}footer{gap:20px}footer>span:last-child{display:none}.game-main{padding:30px 15px}.game-heading{display:block}.game-heading h1{font-size:45px}.game-heading p{font-size:12px}.game-controls{gap:15px}.divider{margin:0 7px}.game-controls>div{font-size:10px}.game-controls .play-button{min-width:130px;padding:15px;gap:15px}.board-top,.board-bottom{padding:15px 12px;font-size:10px}.keyboard-note{line-height:1.6}.win-card{padding:30px 22px}}@media(prefers-reduced-motion:reduce){.falling-orange{animation:none}.play-button{transition:none}}

.game-page .game-main{padding-top:25px}.game-page .board-top,.game-page .board-bottom,.game-page .game-controls{justify-content:flex-end}.game-page .board-top{padding:12px 22px}.game-page .board-bottom{background:transparent;border-top:0}.game-page .game-controls{padding-top:16px}