:root{--sky:#a8dced;--sky-deep:#7fc4dd;--grass:#8ece6a;--stone:#9aa5b1;--sand:#e8d5a3;--berry:#e4572e;--sun:#f5b82e;--grape:#8a5cd1;--mint:#35bd9b;--yes:#4caf50;--no:#e2453c;--ink:#2e3440;--paper:#fdf6e3;--tap:clamp(44px, 9vmin, 58px);--round:clamp(12px, 2.4vmin, 18px);--ui-sm:clamp(12px, 2.6vmin, 17px);--ui-lg:clamp(20px, 5vmin, 36px)}*{box-sizing:border-box}html,body,#root{background:var(--sky);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;overflow:hidden}.stage-fill{position:fixed;inset:0}.overlay{pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.overlay>*{pointer-events:auto}.btn{min-height:var(--tap);min-width:var(--tap);border-radius:var(--round);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--ui-sm);cursor:pointer;border:none;padding:0 clamp(12px,3vmin,24px);font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #2e344040}.btn:active{transform:translateY(3px);box-shadow:0 1px #2e344040}.hud{justify-content:space-between;align-items:flex-start;gap:clamp(6px,1.5vmin,12px);padding:clamp(8px,2vmin,16px);display:flex}.hud-chip{border-radius:var(--round);font-weight:700;font-size:var(--ui-sm);background:#fdf6e3e0;padding:clamp(5px,1.4vmin,10px) clamp(9px,2.4vmin,18px)}.star{color:#2e344038;font-size:clamp(14px,3.2vmin,22px)}.star.on{color:var(--sun)}.star.big{font-size:clamp(26px,7vmin,46px)}.hud-foot{justify-content:center;align-items:center;gap:clamp(10px,3vmin,28px);padding:clamp(10px,2.6vmin,22px);display:flex}.btn.big{min-width:clamp(58px,13vmin,96px);min-height:clamp(46px,10vmin,76px);font-size:var(--ui-lg);background:var(--paper)}.now-sending{border-radius:var(--round);background:#fdf6e3eb;align-items:center;gap:clamp(3px,1vmin,8px);padding:clamp(5px,1.6vmin,10px) clamp(8px,2.4vmin,16px);display:flex}.now-sending svg{width:clamp(18px,4.4vmin,34px);height:auto}.rule-card{background:var(--paper);border-radius:clamp(16px,3.6vmin,28px);flex-direction:column;align-self:center;align-items:center;gap:14px;margin-bottom:6vh;padding:clamp(14px,3.4vmin,26px) clamp(20px,5vmin,40px) clamp(16px,4vmin,30px);display:flex;box-shadow:0 10px #2e344033}.stars-row{gap:6px;display:flex}.rule-row{align-items:center;gap:clamp(10px,2.6vmin,20px);display:flex}.rule-row svg{width:clamp(30px,7vmin,54px);height:auto}.joiner{opacity:.55;font-size:clamp(22px,5.4vmin,40px);font-weight:800}.marked{place-items:center;padding:8px;display:grid;position:relative}.marked:before{content:"";border:5px solid var(--yes);border-radius:50%;position:absolute;inset:0}.marked.block:before{border-color:var(--no)}.mark{color:var(--yes);background:var(--paper);border-radius:50%;place-items:center;width:30px;height:30px;font-size:26px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-8px}.marked.block .mark{color:var(--no)}.sends-row{gap:7px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.best{background:var(--yes)}.dot.extra{background:#2e344038}