@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:block;src:url(/fonts/fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pink: #ff6fb5;--pink-dark: #e84e9c;--gold: #ffd93b;--gold-dark: #e0b400;--ink: #3a2a55;--sky-top: #8fd3ff;--sky-mid: #bfe9ff;--sky-bottom: #fff7d6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;font-family:Fredoka,system-ui,-apple-system,sans-serif;background:var(--sky-top);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}#root{height:100%}.game-canvas{position:fixed;inset:0;display:block;touch-action:none}.icon-button{position:fixed;z-index:6;width:54px;height:54px;border:none;border-radius:50%;cursor:pointer;font-size:26px;background:#fff;color:var(--ink);box-shadow:0 4px #00000026,0 8px 16px #0003;display:flex;align-items:center;justify-content:center}.icon-button:active{transform:translateY(3px);box-shadow:0 1px #00000026}.icon-button:focus-visible{outline:5px solid #fff;outline-offset:4px}.icon-button--home{top:max(14px,env(safe-area-inset-top));left:14px}.icon-button--settings{top:max(14px,env(safe-area-inset-top));right:14px}.icon-button__dot{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:var(--pink);border:2px solid #fff;animation:dot-appear .24s ease-out}@keyframes dot-appear{0%{transform:scale(0)}to{transform:scale(1)}}.overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}.overlay--menu{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-bottom) 100%);justify-content:flex-start;padding-top:calc(max(14px,env(safe-area-inset-top)) + 62px);overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.overlay--result{background:radial-gradient(120% 120% at 50% 30%,#fff6,#78c8ff8c)}.overlay--sheet{background:#3a2a558c;backdrop-filter:blur(4px);justify-content:center}.menu-title{font-size:clamp(40px,11vw,76px);font-weight:700;color:#fff;margin:6px 0 2px;line-height:.95;text-shadow:0 5px 0 var(--pink-dark),0 8px 0 rgba(0,0,0,.06),0 14px 22px rgba(0,0,0,.18)}.menu-grid{margin:14px auto 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(12px,3vw,22px);width:min(640px,92vw);padding-bottom:max(20px,env(safe-area-inset-bottom))}.game-card{appearance:none;border:none;cursor:pointer;font-family:inherit;color:#fff;border-radius:28px;padding:clamp(12px,3vw,20px) 8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:clamp(18px,4.8vw,26px);font-weight:700;transition:transform .1s ease,box-shadow .1s ease;animation:card-bob 2.6s ease-in-out infinite}.game-card__icon{font-size:clamp(40px,11vw,64px);line-height:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))}.game-card__best{font-size:.5em;font-weight:600;opacity:.9}.game-card:active{transform:translateY(6px) scale(.99)}.game-card:focus-visible{outline:5px solid #fff;outline-offset:4px}.game-card--locked{filter:grayscale(.7);opacity:.75}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.result-emoji{font-size:clamp(60px,18vw,120px);line-height:1;animation:card-bob 2s ease-in-out infinite}.result-title{font-size:clamp(44px,12vw,84px);font-weight:700;color:#fff;line-height:.95;margin:2px 0;text-shadow:0 5px 0 var(--pink-dark),0 8px 0 rgba(0,0,0,.07),0 14px 22px rgba(0,0,0,.2)}.result-title em{color:var(--gold);font-style:normal}.result-line{font-size:clamp(22px,5.5vw,32px);color:var(--ink);font-weight:600;margin:2px 0 6px}.result-best{font-size:clamp(16px,4vw,22px);font-weight:600;color:var(--pink-dark);background:#ffffffb3;border-radius:999px;padding:6px 18px;margin:0 0 18px}.button-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.big-button{appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:clamp(24px,6vw,38px);font-weight:700;color:#fff;background:var(--gold);padding:18px 40px;border-radius:999px;box-shadow:0 8px 0 var(--gold-dark),0 14px 22px #00000040;transition:transform .08s ease,box-shadow .08s ease;display:inline-flex;align-items:center;gap:10px}.big-button--alt{background:#fff;color:var(--ink);box-shadow:0 8px #c9c0d6,0 14px 22px #0003}.big-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--gold-dark)}.big-button--alt:active{box-shadow:0 2px #c9c0d6}.big-button:focus-visible{outline:5px solid #fff;outline-offset:4px}.sheet{background:#fff;border-radius:28px;padding:24px;width:min(460px,92vw);max-height:86vh;overflow-y:auto;box-shadow:0 18px 50px #0000004d;text-align:left}.sheet h2{margin:0 0 4px;font-size:28px}.sheet p.sheet__hint{margin:0 0 18px;font-size:15px;opacity:.7}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(58,42,85,.1);font-size:18px;font-weight:600}.setting-row:last-of-type{border-bottom:none}.setting-row input[type=range]{width:150px}.toggle{appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;border-radius:999px;padding:10px 20px;min-width:96px;color:#fff;background:#c9c0d6}.toggle[aria-pressed=true]{background:var(--pink)}.sheet__actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.sheet__actions .big-button{font-size:17px;padding:12px 20px;min-height:44px}.sheet__actions--destructive{margin-top:14px;padding-top:16px;border-top:1px solid rgba(58,42,85,.1)}.sheet__actions--destructive .big-button{flex:1;justify-content:center}.danger{background:#ff6b6b;box-shadow:0 8px #e84c4c}.danger:active{box-shadow:0 2px #e84c4c}.toggle:disabled,.big-button:disabled{opacity:.45;cursor:default;box-shadow:none}.setting-row--drill{appearance:none;border:none;border-bottom:1px solid rgba(58,42,85,.1);background:none;width:100%;cursor:pointer;font-family:inherit;color:inherit;text-align:left}.setting-row__value{opacity:.7;font-weight:600;white-space:nowrap}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:stretch;gap:8px}.player-row__pick{flex:1;display:flex;align-items:center;gap:12px;appearance:none;cursor:pointer;font-family:inherit;font-size:19px;font-weight:700;color:var(--ink);text-align:left;background:#f3f0f8;border:3px solid transparent;border-radius:18px;padding:12px 14px}.player-row__pick--active{border-color:var(--pink);background:#fff0f6}.player-row__avatar{font-size:30px;line-height:1}.player-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row__badge{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pink-dark)}.player-row__edit{appearance:none;border:none;cursor:pointer;font-size:22px;border-radius:18px;padding:0 16px;background:#f3f0f8}.player-name-input{font-family:inherit;font-size:18px;font-weight:600;color:var(--ink);border:3px solid #ddd6e8;border-radius:14px;padding:10px 14px;width:60%;min-width:0}.player-name-input:focus-visible{outline:none;border-color:var(--pink)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;margin-bottom:4px}.avatar-option{appearance:none;cursor:pointer;font-size:30px;line-height:1;background:#f3f0f8;border:3px solid transparent;border-radius:16px;padding:10px 0}.avatar-option--on{border-color:var(--pink);background:#fff0f6}.sheet p.sheet__hint--warn{color:#c0392b;opacity:1;font-weight:600}.gate__question{font-size:34px;font-weight:700;text-align:center;margin:8px 0 18px}.gate__options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gate__option{appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;padding:18px 0;border-radius:18px;background:#efeaff;color:var(--ink);box-shadow:0 5px #c7b8f5}.gate__option:active{transform:translateY(3px);box-shadow:0 2px #c7b8f5}.gate__error{color:#e84c4c;font-weight:600;text-align:center;margin-top:12px;min-height:22px}@media(prefers-reduced-motion:reduce){.game-card,.result-emoji,.icon-button__dot{animation:none}*{transition-duration:.01ms!important}}