@font-face{font-family:Fredoka;src:url(../fonts/fredoka-variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--board: #f4efe6;--ink: #1f1b16;--disabled-ink: #8a837a;--candy-bg: #eadfcc;--candy-dot: #ddcdb3;--candy-ink: #1f1b16;--candy-ink-soft: #6e665c;--candy-yellow: #ffc933;--candy-yellow-shadow: #e0a200;--candy-shadow: #d4c2a6;--candy-pale: #fbf6ee;--candy-red: #e63946;--candy-red-outline: #c9bba5;--candy-mint: #c8f5e6;--candy-mint-ink: #0b6b4e;--candy-danger: #c62f3b;--candy-scrim: rgba(31, 27, 22, .6);--candy-divider: #efe6d8;--candy-switch-on: #009e73;--candy-switch-off: #ded2bf;--fg: var(--candy-ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none;background:var(--candy-bg);background-image:radial-gradient(var(--candy-dot) 2px,transparent 2.6px);background-size:22px 22px;color:var(--candy-ink);font-family:Fredoka,Nunito,system-ui,sans-serif}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:relative;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#board-frame{position:absolute;inset:132px 8px 172px;padding:6px;background:var(--board);border-radius:36px;box-shadow:0 8px 0 var(--candy-shadow)}#board-frame[hidden]{display:none}#board{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:env(safe-area-inset-top) 0 calc(24px + env(safe-area-inset-bottom)) 0;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px 0;pointer-events:none}.hud[hidden]{display:none}.hud-rows{display:flex;flex-direction:column;gap:10px}.hud-row{display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-row-top,.hud-row-stats{justify-content:space-between}.hud-pill{display:flex;align-items:center;gap:4px;height:44px;padding:0 18px;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--candy-shadow);font-size:18px;font-weight:700;color:var(--candy-ink)}.hud-clock[hidden]{display:none}.hud-icon-btn{flex:none;width:44px;height:44px;border:0;border-radius:22px;background:#fff;box-shadow:0 5px 0 var(--candy-shadow);display:flex;align-items:center;justify-content:center}.hud-icon-btn svg{width:20px;height:20px}.hud-icon-btn-sm{position:relative;isolation:isolate;width:44px;height:44px;margin:-5px;background:transparent;box-shadow:none}.hud-icon-btn-sm:before{content:"";position:absolute;inset:5px;z-index:-1;border-radius:17px;background:#fff;box-shadow:0 3px 0 var(--candy-shadow)}.hud-icon-btn.hud-icon-btn-sm.is-on{background:transparent;box-shadow:none}.hud-icon-btn-sm.is-on:before{background:var(--candy-yellow);box-shadow:0 3px 0 var(--candy-yellow-shadow)}.hud-icon-btn-sm svg{width:16px;height:16px}.hud-icon-btn.is-on{background:var(--candy-yellow);box-shadow:0 5px 0 var(--candy-yellow-shadow)}.hud-hearts{gap:3px}.hud-hearts[hidden]{display:none}.hud-clock{font-variant-numeric:tabular-nums;font-size:20px}.hud-clock.is-low{color:var(--candy-red)}.heart{width:22px;height:22px;fill:var(--candy-red);stroke:#98252e;stroke-width:1.5}.heart-spent{fill:none;stroke:var(--candy-red-outline)}.hud-score-group{display:flex;align-items:center;gap:10px}.hud-score{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.hud-badge{width:44px;height:44px;border-radius:22px;background:var(--candy-yellow);box-shadow:0 5px 0 var(--candy-yellow-shadow);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--candy-ink);transform:rotate(-8deg);transition:transform .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,color .14s ease-out}.hud-badge-hot{transform:rotate(-8deg) scale(1.12)}.hud-badge-decaying{transition-timing-function:linear;transform:rotate(-8deg) scale(.65);background:var(--candy-red);box-shadow:0 3px #a52530;color:#fff}.hud-combo-flash{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 96px);padding:6px 16px;border-radius:16px;background:var(--candy-yellow);box-shadow:0 4px 0 var(--candy-yellow-shadow);color:var(--candy-ink);font-size:26px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%) scale(.6);z-index:5}.hud-combo-flash-warn{background:var(--candy-red);box-shadow:0 4px #a52530;color:#fff}.hud-combo-flash-show{animation:hud-combo-flash-pop .48s ease-out both}@keyframes hud-combo-flash-pop{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.5)}22%{opacity:1;transform:translate(-50%) translateY(0) scale(1.14)}40%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(.94)}}.hud-controls{display:flex;gap:14px;padding:0 8px;pointer-events:auto}.hud-controls .button{flex:1}.button{flex:none;min-height:56px;padding:0 16px;border:0;border-radius:22px;background:#fff;box-shadow:0 6px 0 var(--candy-shadow);color:var(--candy-ink);font:inherit;font-size:17px;font-weight:600}.button.is-primary,.button.is-on{background:var(--candy-yellow);box-shadow:0 6px 0 var(--candy-yellow-shadow)}.button[hidden]{display:none}.button:disabled{opacity:.5}.button.is-ad-cta{display:flex;align-items:center;justify-content:center;gap:8px}.ad-tag{padding:3px 8px;border-radius:8px;background:var(--candy-ink);color:var(--candy-yellow);font-size:12px;font-weight:700;letter-spacing:.08em}.modal-layer{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:var(--candy-scrim)}.modal-layer[hidden]{display:none}.modal{position:relative;display:flex;width:min(100%,340px);flex-direction:column;align-items:center;gap:10px;padding:28px 22px 26px;margin-top:26px;border-radius:34px;background:#fff;box-shadow:0 10px 0 var(--candy-shadow);text-align:center}.modal h2{margin:0;font-size:22px}.modal-win{padding-top:56px}.modal-win-badge{position:absolute;top:-26px;left:30px;right:30px;height:56px;margin:0;background:var(--candy-yellow);border-radius:18px;box-shadow:0 6px 0 var(--candy-yellow-shadow);display:flex;align-items:center;justify-content:center;font-size:24px}.stars{display:flex;align-items:flex-end;gap:4px}.star{display:inline-flex;transition:opacity .16s ease-out,transform .16s ease-out}.star-mark{width:52px;height:52px}.star:nth-child(2) .star-mark{width:70px;height:70px}.star.is-pending{opacity:0;transform:scale(.4)}.modal-badge{margin:0;align-self:center;padding:4px 14px;border-radius:14px;background:var(--candy-mint);color:var(--candy-mint-ink);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modal-badge[hidden]{display:none}.modal-buttons{display:flex;align-self:stretch;flex-direction:column;gap:10px;margin-top:6px}.modal-buttons-row{display:flex;gap:12px}.modal-buttons-row .button{flex:1;width:auto}.modal .button{width:100%}.modal .button:not(.is-primary){background:var(--candy-pale)}.settings-row .button:not(.switch):not(.is-danger){background:var(--candy-pale)}.modal-line,.modal-badge,.modal-buttons{transition:opacity .25s ease-out}.modal-line.is-pending,.modal-badge.is-pending,.modal-buttons.is-pending{opacity:0;pointer-events:none}.modal-buttons.is-locked{pointer-events:none}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:confetti-fall .9s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70vh) rotate(540deg);opacity:0}}.modal-score{margin:0;font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.modal-line{margin:0;color:var(--candy-ink-soft);font-size:15px}@media(prefers-reduced-motion:reduce){.hud-badge,.star,.modal-line,.modal-badge,.modal-buttons{transition:none}.hud-combo-flash-show{animation:none}.confetti{display:none}}.coach{position:absolute;left:50%;bottom:6.5rem;transform:translate(-50%);max-width:min(28rem,calc(100% - 2rem));padding:.8rem 1.1rem;border-radius:1.1rem;background:var(--candy-ink);box-shadow:0 6px #3a1f4d4d;pointer-events:auto}.coach[hidden]{display:none}.coach-line{margin:0;color:#fff;font-size:.95rem;font-weight:500;line-height:1.35;text-align:center}.home{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px;gap:12px}.home[hidden]{display:none}.home-header{display:flex;align-items:center;gap:10px}.home-mark{flex:none;width:44px;height:44px;border-radius:12px;box-shadow:0 4px 0 var(--candy-shadow)}.home-title-pill{flex:1;font-size:20px;font-weight:700;white-space:nowrap}.home-stars-pill{flex:none;display:flex;align-items:center;gap:4px;height:36px;padding:0 10px;background:#fff;border-radius:18px;box-shadow:0 4px 0 var(--candy-shadow);font-size:14px;font-weight:600;white-space:nowrap}.home-stars-pill .star-mark{width:18px;height:18px}@media(max-width:359px){.home-mark{display:none}.home-title-pill{font-size:17px}}.home-path-scroller{flex:1;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.home-path{position:relative;width:100%}.home-path-line{position:absolute;inset:0;width:100%;height:100%}.home-node-wrap{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.home-node-stars{display:flex;gap:1px;padding:2px 6px;border-radius:12px;background:#fff;box-shadow:0 3px 0 var(--candy-shadow)}.home-node-stars .star-mark{width:16px;height:16px}.home-node{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:0;border-radius:32px;background:#fff;box-shadow:0 6px 0 var(--candy-shadow);color:var(--candy-ink);font:inherit;font-size:24px;font-weight:600}.home-node.is-current{width:88px;height:88px;border-radius:44px;background:var(--candy-yellow);border:4px solid #ffffff;box-shadow:0 7px 0 var(--candy-yellow-shadow),0 0 0 8px #ffffff73;font-size:34px;font-weight:700}.home-node.is-locked{background:#e2d6c3;box-shadow:none;color:var(--disabled-ink)}.home-play{flex:none;min-height:72px;border-radius:26px;background:var(--candy-yellow);box-shadow:0 8px 0 var(--candy-yellow-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.home-play-label{font-size:24px;font-weight:700;line-height:1}.home-play-level{font-size:13px;font-weight:500;color:#6b4a20;margin-top:3px}.home-play[hidden]{display:none}.settings{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background-color:var(--candy-bg);background-image:radial-gradient(var(--candy-dot) 2px,transparent 2.6px);background-size:22px 22px}.settings[hidden]{display:none}.settings-card{display:flex;width:min(100%,360px);max-height:100%;flex-direction:column;gap:18px;overflow-y:auto;padding:6px}.settings-card h2{margin:0;font-size:26px}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-rows{display:flex;flex-direction:column;padding:4px 18px;background:#fff;border-radius:28px;box-shadow:0 7px 0 var(--candy-shadow)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;border-bottom:2px solid var(--candy-divider)}.settings-row:last-child{border-bottom:0}.settings-value,.settings-line,.settings-hints{margin:0;font-size:14px;color:var(--candy-ink-soft)}.settings-link{color:var(--candy-ink);font-size:15px}.switch{position:relative;flex:none;width:54px;height:44px;padding:0;border:solid transparent;border-width:6px 0;background-clip:padding-box;border-radius:16px/22px;background-color:var(--candy-switch-off);box-shadow:none;min-height:0;color:transparent;overflow:hidden}.switch.is-on{background-color:var(--candy-switch-on);background-clip:padding-box;box-shadow:none}.switch-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:13px;background:#fff;transition:left .14s ease-out}.switch.is-on .switch-knob{left:25px}.button.is-danger{background:transparent;box-shadow:none;color:var(--candy-danger);font-weight:600}