@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Fredoka", system-ui, sans-serif;--color-sky-top: #b8e4f5;--color-sky-mid: #d4eef8;--color-mint: #c8f0e0;--color-cream: #f5f0e8;--color-peach: #ffe8d6;--color-peach-warm: #ffd4b8;--color-lavender: #e8d4f0;--color-panel: #ffffff;--color-panel-soft: rgba(255, 255, 255, .92);--color-text: #2d3a4a;--color-text-muted: #5a6a7a;--color-text-light: #ffffff;--color-green: #5cd65c;--color-green-dark: #3cb83c;--color-orange: #ff8c42;--color-orange-dark: #e07030;--color-blue: #5eb8f0;--color-blue-dark: #3a9ad9;--color-red: #ff6b6b;--color-yellow: #ffd93d;--color-purple: #b388eb;--color-letter-1: #ff6b6b;--color-letter-2: #ff9f43;--color-letter-3: #ffd93d;--color-letter-4: #5cd65c;--color-letter-5: #5eb8f0;--color-letter-6: #b388eb;--card-blue: #b3e5fc;--card-green: #c8e6c9;--card-orange: #ffe0b2;--card-purple: #e1bee7;--card-yellow: #fff9c4;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--radius-panel: 32px;--shadow-soft: 0 8px 32px rgba(100, 140, 180, .15);--shadow-panel: 0 12px 40px rgba(100, 140, 180, .18), 0 4px 12px rgba(100, 140, 180, .08);--shadow-btn: 0 6px 0 rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .1);--shadow-btn-pressed: 0 2px 0 rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-pill-inset: inset 0 2px 6px rgba(0, 0, 0, .06), inset 0 -1px 2px rgba(255, 255, 255, .8);--shadow-pill: 0 2px 8px rgba(100, 140, 180, .1);--theme-color: #b8e4f5}.soft-bg{position:relative;min-height:calc(var(--vh, 1vh) * 100);background:linear-gradient(180deg,var(--color-sky-top) 0%,var(--color-sky-mid) 35%,var(--color-mint) 70%,var(--color-cream) 100%);overflow-x:hidden}.soft-bg--peach{background:linear-gradient(180deg,var(--color-peach-warm) 0%,var(--color-peach) 40%,var(--color-cream) 100%)}.soft-bg--lavender{background:linear-gradient(180deg,var(--color-lavender) 0%,var(--color-sky-mid) 50%,var(--color-sky-top) 100%)}.soft-bg__decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.soft-bg__clouds{position:absolute;inset:0;background-image:url(/assets/ui/bg-clouds.png);background-size:cover;background-position:center;opacity:.6}.soft-bg__stars{position:absolute;inset:0;background-image:url(/assets/ui/bg-stars.png);background-size:cover;background-position:center;opacity:.5}.soft-panel{background:var(--color-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:1.25rem}.soft-panel--frosted{background:var(--color-panel-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.soft-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);margin-bottom:.75rem}.soft-header__title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-text);text-align:center;flex:1}.soft-header__title--light{color:var(--color-text-light);text-shadow:0 1px 3px rgba(0,0,0,.15)}.soft-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:#ffffffd9;box-shadow:var(--shadow-pill);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-size:1.2rem;color:var(--color-text)}.soft-icon-btn:active{transform:scale(.95);box-shadow:var(--shadow-btn-pressed)}.soft-icon-btn--circle{border-radius:50%;border:3px solid rgba(255,255,255,.9)}.jelly-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem;border:none;border-radius:var(--radius-pill);padding:.85rem 2rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;color:#fff;text-transform:uppercase;letter-spacing:.02em}.jelly-btn:active{transform:translateY(3px);box-shadow:var(--shadow-btn-pressed)}.jelly-btn--green{background:linear-gradient(180deg,var(--color-green) 0%,var(--color-green-dark) 100%);box-shadow:var(--shadow-btn),inset 0 2px #ffffff59}.jelly-btn--orange{background:linear-gradient(180deg,var(--color-orange) 0%,var(--color-orange-dark) 100%);box-shadow:var(--shadow-btn),inset 0 2px #ffffff59}.jelly-btn--blue{background:linear-gradient(180deg,var(--color-blue) 0%,var(--color-blue-dark) 100%);box-shadow:var(--shadow-btn),inset 0 2px #ffffff59}.jelly-btn--gray{background:linear-gradient(180deg,#c8d0d8,#a8b4c0);box-shadow:var(--shadow-btn),inset 0 2px #ffffff59;color:var(--color-text)}.jelly-btn--wide{width:100%;max-width:280px}.jelly-btn--square{width:56px;height:56px;padding:0;border-radius:var(--radius-md)}.stat-pill{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#f0f4f8;border-radius:var(--radius-pill);box-shadow:var(--shadow-pill-inset);min-width:72px;justify-content:center}.stat-pill__icon{font-size:1rem;line-height:1}.stat-pill__icon-img{width:22px;height:22px;object-fit:contain;flex-shrink:0;display:block}.stat-pill__value{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--color-text)}.stat-pills{display:flex;gap:.6rem;justify-content:center;width:100%;margin-bottom:1rem}.rainbow-title{font-family:var(--font-display);font-weight:700;line-height:1.2}.rainbow-title span:nth-child(1){color:var(--color-letter-1)}.rainbow-title span:nth-child(2){color:var(--color-letter-2)}.rainbow-title span:nth-child(3){color:var(--color-letter-3)}.rainbow-title span:nth-child(4){color:var(--color-letter-4)}.rainbow-title span:nth-child(5){color:var(--color-letter-5)}.rainbow-title span:nth-child(6){color:var(--color-letter-6)}.soft-game-card{border-radius:var(--radius-lg);border:2px solid rgba(45,58,74,.12);padding:.75rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:140px;position:relative;overflow:hidden}.soft-game-card:active{transform:scale(.97)}.soft-game-card__title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--color-text);text-align:center;margin-top:.5rem}.timer-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#ffffffe6;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--color-text);box-shadow:var(--shadow-pill)}.timer-pill--warning{color:var(--color-red);animation:pulse-timer 1s ease infinite}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.7}}.star-rating{display:flex;gap:.25rem;justify-content:center;align-items:center}.star-rating__star{font-size:1.5rem;color:#ddd;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.star-rating__star--filled{color:var(--color-yellow)}.star-rating__star--empty{color:transparent;-webkit-text-stroke:2px var(--color-orange);text-stroke:2px var(--color-orange)}.star-rating__trophy{width:36px;height:36px;object-fit:contain;margin-left:.15rem;filter:drop-shadow(0 3px 6px rgba(180,120,0,.35))}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text);background-color:var(--color-sky-top);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vh: 1vh;--vw: 1vw}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);min-height:calc(var(--vh, 1vh) * 100);width:100vw;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100vw;min-height:calc(var(--vh, 1vh) * 100);margin:0;padding:0}.app{width:100vw;min-height:calc(var(--vh, 1vh) * 100);margin:0;padding:0;overflow-x:hidden;background:linear-gradient(180deg,var(--color-sky-top) 0%,var(--color-sky-mid) 35%,var(--color-mint) 70%,var(--color-cream) 100%);position:relative}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(min-width:768px){#root,.app{max-width:768px;margin:0 auto}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}