@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";#ff-play-root{--ff-cream: #f7f1e3;--ff-cream-deep: #efe4d0;--ff-moss: #3d6b4f;--ff-moss-deep: #2a4a36;--ff-sage: #7ea88a;--ff-leaf: #a8c9b0;--ff-gold: #e8c547;--ff-gold-soft: #f0d060;--ff-blush: #e8b4a0;--ff-sky: #c5dde8;--ff-ink: #2c3a32;--ff-ink-soft: #5a6b60;--ff-card: rgba(255, 252, 245, .92);--ff-shadow: 0 8px 28px rgba(42, 74, 54, .18);--ff-radius: 20px;--ff-max: 430px;box-sizing:border-box;font-family:Fredoka,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ff-ink);max-width:var(--ff-max);margin:0 auto;min-height:70vh;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 20% 0%,#d4e8d8 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,#e8dcc8 0%,transparent 45%),linear-gradient(165deg,#e8f0e4 0%,var(--ff-cream) 40%,#e2d5c0 100%);box-shadow:var(--ff-shadow);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}#ff-play-root *,#ff-play-root *:before,#ff-play-root *:after{box-sizing:border-box}#ff-play-root .ff-inner{position:relative;z-index:1;padding:16px 16px 28px;min-height:70vh;display:flex;flex-direction:column}#ff-play-root .ff-header{text-align:center;margin-bottom:14px}#ff-play-root .ff-header h1{margin:0 0 4px;font-size:1.65rem;font-weight:700;color:var(--ff-moss-deep);letter-spacing:.02em}#ff-play-root .ff-header p{margin:0;font-size:.95rem;color:var(--ff-ink-soft);font-weight:500}#ff-play-root .ff-brand{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--ff-sage);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}#ff-play-root .ff-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}#ff-play-root .ff-stat{background:var(--ff-card);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.9rem;color:var(--ff-moss-deep);box-shadow:0 2px 10px #2a4a361a}#ff-play-root .ff-btn{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:1rem;border-radius:999px;padding:12px 28px;background:linear-gradient(135deg,var(--ff-moss) 0%,var(--ff-moss-deep) 100%);color:#fff;box-shadow:0 4px 14px #2a4a3659;transition:transform .15s ease,box-shadow .15s ease}#ff-play-root .ff-btn:hover,#ff-play-root .ff-btn:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px #2a4a3666}#ff-play-root .ff-btn:active{transform:translateY(1px)}#ff-play-root .ff-btn-secondary{background:linear-gradient(135deg,var(--ff-gold-soft) 0%,#d4a83a 100%);color:var(--ff-moss-deep);box-shadow:0 4px 14px #d4a83a59}#ff-play-root .ff-btn-ghost{background:var(--ff-card);color:var(--ff-moss);box-shadow:0 2px 8px #2a4a361f;padding:8px 16px;font-size:.85rem}#ff-play-root .ff-mute{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:.75rem;border-radius:999px;padding:6px 12px;background:var(--ff-card);color:var(--ff-moss);box-shadow:0 2px 8px #2a4a361a}#ff-play-root .ff-back{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--ff-moss);font-weight:600;font-size:.85rem;margin-bottom:10px;padding:6px 0}#ff-play-root .ff-back:hover{color:var(--ff-moss-deep)}#ff-play-root .ff-hint{text-align:center;font-size:.8rem;color:var(--ff-ink-soft);margin-top:10px;font-weight:500}#ff-play-root .ff-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;background:#f7f1e3f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px}#ff-play-root .ff-overlay[hidden]{display:none!important}#ff-play-root .ff-overlay h2{margin:0 0 8px;font-size:1.75rem;color:var(--ff-moss-deep)}#ff-play-root .ff-overlay p{margin:0 0 16px;color:var(--ff-ink-soft);font-size:1rem;max-width:280px}#ff-play-root .ff-overlay .ff-emoji{font-size:3rem;margin-bottom:8px;line-height:1}#ff-play-root .ff-overlay .ff-actions{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:260px}#ff-play-root .ff-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:20px;padding-top:16px}#ff-play-root .ff-footer-links a{color:var(--ff-moss);text-decoration:none;font-weight:600;font-size:.85rem}#ff-play-root .ff-footer-links a:hover{color:var(--ff-moss-deep);text-decoration:underline}#ff-play-root .ff-copy{text-align:center;font-size:.7rem;color:var(--ff-sage);margin-top:10px;font-weight:500}#ff-play-root .ff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}#ff-play-root .ff-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--ff-card);border-radius:var(--ff-radius);overflow:hidden;box-shadow:var(--ff-shadow);transition:transform .18s ease,box-shadow .18s ease;min-height:140px}#ff-play-root .ff-card:hover,#ff-play-root .ff-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px #2a4a3638}#ff-play-root .ff-card.ff-card-wide{grid-column:1 / -1;flex-direction:row;min-height:110px;align-items:stretch}#ff-play-root .ff-card-art{height:72px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;background:linear-gradient(135deg,var(--ff-leaf) 0%,var(--ff-sage) 100%)}#ff-play-root .ff-card:nth-child(1) .ff-card-art{background:linear-gradient(135deg,#a8d4b8,#5a9a72)}#ff-play-root .ff-card:nth-child(2) .ff-card-art{background:linear-gradient(135deg,#f0d4a8,#e8a868)}#ff-play-root .ff-card:nth-child(3) .ff-card-art{background:linear-gradient(135deg,#c5d8f0,#7a9ec8)}#ff-play-root .ff-card:nth-child(4) .ff-card-art{background:linear-gradient(135deg,#e8c0d0,#d080a0)}#ff-play-root .ff-card:nth-child(5) .ff-card-art{background:linear-gradient(135deg,#d8e8c0,#88b060);width:100px;height:auto;flex-shrink:0}#ff-play-root .ff-card-info{padding:10px 12px 14px;flex:1}#ff-play-root .ff-card-info h3{margin:0 0 2px;font-size:1rem;color:var(--ff-moss-deep);font-weight:600}#ff-play-root .ff-card-info p{margin:0;font-size:.78rem;color:var(--ff-ink-soft)}#ff-play-root .ff-card-wide .ff-card-info{display:flex;flex-direction:column;justify-content:center}#ff-play-root .ff-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 0;flex:1}#ff-play-root .ff-mem-card{aspect-ratio:1;border:none;border-radius:14px;cursor:pointer;font-size:1.6rem;background:linear-gradient(145deg,var(--ff-moss) 0%,var(--ff-moss-deep) 100%);color:transparent;box-shadow:0 3px 10px #2a4a3640;position:relative;transition:transform .2s ease;font-family:inherit;padding:0}#ff-play-root .ff-mem-card:after{content:"\2726";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ff-gold-soft);font-size:1.2rem;opacity:1;transition:opacity .15s}#ff-play-root .ff-mem-card.flipped,#ff-play-root .ff-mem-card.matched{background:var(--ff-card);color:var(--ff-ink);transform:scale(1.02)}#ff-play-root .ff-mem-card.flipped:after,#ff-play-root .ff-mem-card.matched:after{opacity:0}#ff-play-root .ff-mem-card.matched{opacity:.75;box-shadow:0 0 0 2px var(--ff-gold)}#ff-play-root .ff-mem-card:disabled{cursor:default}#ff-play-root .ff-sort-play{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}#ff-play-root .ff-crystal{width:88px;height:88px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:var(--ff-shadow);transition:transform .2s ease;border:3px solid rgba(255,255,255,.5)}#ff-play-root .ff-crystal.selected{transform:scale(1.08);outline:3px solid var(--ff-gold)}#ff-play-root .ff-buckets{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}#ff-play-root .ff-bucket{width:72px;height:80px;border-radius:16px 16px 12px 12px;border:3px dashed rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:6px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.7rem;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s,box-shadow .15s;box-shadow:inset 0 -8px 16px #0000001f}#ff-play-root .ff-bucket:hover,#ff-play-root .ff-bucket:focus-visible{transform:translateY(-2px)}#ff-play-root .ff-bucket.flash-ok{box-shadow:0 0 0 3px #4caf50,inset 0 -8px 16px #0000001f}#ff-play-root .ff-bucket.flash-bad{box-shadow:0 0 0 3px #e57373,inset 0 -8px 16px #0000001f;animation:ff-shake .35s ease}@keyframes ff-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#ff-play-root .ff-letter-play{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:8px}#ff-play-root .ff-target-word{font-size:1.1rem;font-weight:600;color:var(--ff-moss-deep);background:var(--ff-card);padding:8px 18px;border-radius:999px;box-shadow:0 2px 10px #2a4a361a}#ff-play-root .ff-progress{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:48px}#ff-play-root .ff-slot{width:44px;height:48px;border-radius:12px;background:var(--ff-card);border:2px dashed var(--ff-leaf);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--ff-moss-deep)}#ff-play-root .ff-slot.filled{border-style:solid;border-color:var(--ff-gold);background:#fffef8}#ff-play-root .ff-letters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:320px}#ff-play-root .ff-letter-btn{width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;font-family:inherit;font-size:1.5rem;font-weight:700;background:linear-gradient(145deg,#fffef8 0%,var(--ff-cream-deep) 100%);color:var(--ff-moss-deep);box-shadow:0 3px 12px #2a4a3626;transition:transform .12s}#ff-play-root .ff-letter-btn:hover:not(:disabled){transform:translateY(-2px)}#ff-play-root .ff-letter-btn:disabled{opacity:.35;cursor:default}#ff-play-root .ff-letter-btn.wrong{animation:ff-shake .35s ease;background:#fce4e4;color:#c62828}#ff-play-root .ff-canvas-wrap{position:relative;flex:1;min-height:360px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#b8d4c8,#d8e8d0 40%,#c8d8b8);box-shadow:inset 0 0 0 2px #fff6}#ff-play-root .ff-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}#ff-play-root .ff-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;pointer-events:none;z-index:2}#ff-play-root .ff-zone{pointer-events:auto;cursor:pointer;background:transparent;border:none;padding:0}#ff-play-root .ff-level-bar{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:600;color:var(--ff-moss)}@media(max-width:380px){#ff-play-root .ff-header h1{font-size:1.4rem}#ff-play-root .ff-board{gap:6px}#ff-play-root .ff-mem-card{font-size:1.3rem;border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/play-center.css.map */