*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{--vvh: 100dvh;--vvw: 100vw;--vv-offset-top: 0px;--vv-offset-left: 0px;--app-h: 100dvh;--bg: #f8efe8}html,body{margin:0;padding:0;width:100%;height:max(var(--app-h),100dvh);min-height:max(var(--app-h),100dvh);overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#3d2c29;position:fixed;top:0;left:0;right:0;bottom:0}#app{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:max(var(--app-h),100dvh);min-height:max(var(--app-h),100dvh);overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--bg)}.home{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:radial-gradient(120% 80% at 20% 0%,#ffe8d6 0%,transparent 55%),radial-gradient(100% 70% at 100% 100%,#e8f4ff 0%,transparent 50%),var(--bg);touch-action:none;overflow:hidden;overscroll-behavior:none}.home__tiles{flex:1 1 auto;display:flex;flex-direction:column;gap:clamp(12px,2.5vh,24px);min-height:0;height:100%;padding-bottom:0}.tile{flex:1 1 0;min-height:0;border:none;border-radius:clamp(28px,6vw,48px);cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;box-shadow:0 8px 24px #3d2c291f,inset 0 -6px #0000000f;transition:transform .12s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tile:active{transform:scale(.98)}.tile--colors{background:linear-gradient(145deg,#ff9a8b,#ff6b9d 45%,#c44569);color:#fff}.tile--follow{background:linear-gradient(145deg,#a8e6cf,#48c9b0,#3498db);color:#fff}.tile__label{font-size:clamp(2.4rem,10vw,4.5rem);font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.12);pointer-events:none}.home__footer{position:absolute;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;z-index:2;line-height:1;min-height:1em}.home__wordmark,.home__ver{font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.06em;color:#3d2c294d;margin:0;padding:0}.home__wordmark{text-transform:lowercase}.home__ver{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:600}.game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;padding:0;margin:0}.game--colors{position:fixed;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:0;padding:0;background:#ff6b6b;transition:background-color .18s ease-out}.game--colors.is-flash{animation:color-flash .22s ease-out}@keyframes color-flash{0%{filter:brightness(1.35)}to{filter:brightness(1)}}.game--follow{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);grid-template-rows:repeat(var(--rows, 2),1fr);gap:clamp(6px,1.5vw,12px);padding:0;margin:0;background:#e8e2dc;width:100%;height:100%;min-height:100%;max-height:100%;align-content:stretch;justify-content:stretch}.follow-cell{border:none;border-radius:clamp(12px,3vw,24px);min-width:0;min-height:0;width:100%;height:100%;align-self:stretch;justify-self:stretch;background:#ffffff73;touch-action:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out;box-shadow:inset 0 0 0 1px #3d2c290a}.follow-cell.is-lit{background:var(--lit, #ff6b6b);box-shadow:0 6px 20px color-mix(in srgb,var(--lit, #ff6b6b) 45%,transparent),inset 0 -4px #00000014}.follow-cell.is-bounce{animation:cell-bounce .28s ease-out}@keyframes cell-bounce{0%{transform:scale(.92)}55%{transform:scale(1.04)}to{transform:scale(1)}}.exit-zone{position:absolute;z-index:50;border:none;background:transparent;padding:0;margin:0;cursor:pointer;touch-action:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;opacity:.35}.exit-zone--tl{top:max(4px,env(safe-area-inset-top,0px));left:max(4px,env(safe-area-inset-left,0px))}.exit-zone--tr{top:max(4px,env(safe-area-inset-top,0px));right:max(4px,env(safe-area-inset-right,0px))}.exit-zone.is-holding{opacity:.85}.exit-zone__ring{--p: 0;width:28px;height:28px;border-radius:50%;background:conic-gradient(from -90deg,#3d2c298c calc(var(--p) * 360deg),#ffffff40 0);box-shadow:inset 0 0 0 2px #ffffff59;position:relative}.exit-zone__ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#ffffff8c}.game--colors .exit-zone__ring:after{background:#fff6}