@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,600;1,700&display=swap";:root{--font-sans:"Plus Jakarta Sans", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Fredoka", "Plus Jakarta Sans", sans-serif;--font-handwritten:"Caveat", cursive, sans-serif;--font-story:"Nunito", cursive, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--bg-sky-top:#bae6fd;--bg-sky-mid:#e0f2fe;--bg-meadow:#dcfce7;--bg-meadow-deep:#bbf7d0;--surface-panel:#fffffff0;--surface-panel-border:#ffffffe6;--surface-card:#fff;--surface-card-border:#e2e8f0;--accent-sun:#f59e0b;--accent-sun-hover:#fbbf24;--accent-sun-light:#fef3c7;--accent-sun-glow:#f59e0b59;--accent-grass:#10b981;--accent-grass-dark:#059669;--accent-grass-light:#d1fae5;--accent-sky:#0ea5e9;--accent-sky-dark:#0284c7;--accent-sky-light:#e0f2fe;--accent-coral:#f43f5e;--accent-coral-dark:#e11d48;--accent-coral-light:#ffe4e6;--accent-purple:#8b5cf6;--accent-purple-dark:#7c3aed;--accent-purple-light:#ede9fe;--accent-wood:#854d0e;--accent-wood-light:#fef08a;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-dark:#0f172a;--text-light:#fff;--shadow-panel:0 20px 40px -15px #1e293b1f, 0 0 0 1px #ffffffe6;--shadow-card:0 10px 22px -6px #1e293b26, 0 2px 6px #1e293b0f;--shadow-card-hover:0 20px 32px -8px #f59e0b59, 0 0 0 4px #fbbf24;--shadow-card-active:0 0 0 4px #f59e0b, 0 16px 36px #f59e0b73;--radius-card:16px;--radius-pill:9999px;--radius-panel:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{min-height:100dvh}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#f0fdf4;background-image:radial-gradient(at 50% 0,#e0f2fe 0%,#f0fdf4 50%,#dcfce7 100%),radial-gradient(circle at 15% 20%,#fef08a59 0%,#0000 40%),radial-gradient(circle at 85% 30%,#bae6fd66 0%,#0000 45%);background-attachment:fixed;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-fredoka,.font-cinzel{font-family:var(--font-heading);letter-spacing:.01em;font-weight:700}.font-story{font-family:var(--font-story)}button{font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;border:none;outline:none;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.glass-panel{background:var(--surface-panel);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);border:2px solid #fffffff2}.btn-primary{color:#78350f;border-radius:var(--radius-pill);background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:2px solid #fde68a;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.6rem;font-size:1rem;font-weight:800;display:inline-flex;transform:translateY(0);box-shadow:0 4px #b45309,0 8px 18px #f59e0b59}.btn-primary:hover:not(:disabled){background:linear-gradient(#fcd34d 0%,#fbbf24 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 6px #b45309,0 12px 24px #f59e0b73}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #b45309,0 4px 10px #f59e0b4d}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.5);color:#94a3b8;background:#e2e8f0;border-color:#cbd5e1;box-shadow:0 3px #cbd5e1}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-pill);background:#fff;border:2px solid #e2e8f0;justify-content:center;align-items:center;gap:.45rem;min-height:40px;padding:.65rem 1.25rem;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 3px #cbd5e1,0 4px 10px #0000000a}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 5px #cbd5e1,0 8px 16px #00000014}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #cbd5e1}.btn-danger{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(#fb7185 0%,#f43f5e 100%);border:2px solid #fecdd3;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px #9f1239,0 8px 18px #f43f5e59}.btn-danger:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 6px #9f1239,0 12px 24px #f43f5e73}.btn-danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #9f1239}.btn-success{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(#34d399 0%,#10b981 100%);border:2px solid #a7f3d0;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px #047857,0 8px 18px #10b98159}.btn-success:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 6px #047857,0 12px 24px #10b98173}.btn-success:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #047857}.input-text,.input-field{color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);background:#fff;border:2px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:48px;padding:.85rem 1.2rem;font-weight:600;transition:all .2s;box-shadow:inset 0 2px 4px #0000000a}.input-text:focus,.input-field:focus{border-color:var(--accent-sun);box-shadow:0 0 0 4px #f59e0b40}.table-card{border-radius:var(--radius-card);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-card);aspect-ratio:5/7.2;touch-action:manipulation;background:#fff;border:3px solid #fff;flex-direction:column;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.table-card img{object-fit:contain;border-radius:calc(var(--radius-card) - 3px);pointer-events:none;background:#fafafa;width:100%;height:100%;display:block}.table-card:hover{box-shadow:var(--shadow-card-hover);z-index:10;transform:translateY(-6px)scale(1.02)}.table-card.selected{box-shadow:var(--shadow-card-active);border-color:var(--accent-sun);z-index:20;transform:translateY(-8px)scale(1.04)}.table-card:active{transform:translateY(-2px)scale(.98)}.table-card.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.table-card.disabled:hover{box-shadow:var(--shadow-card);transform:none}.card-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;z-index:5;border:1.5px solid #ffffffe6;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;top:6px;right:6px;box-shadow:0 3px 8px #0000002e}.badge-small{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.badge-medium{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-large{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.hand-dock{padding:1rem 1.25rem calc(1.25rem + var(--sab));-webkit-backdrop-filter:blur(14px);z-index:40;background:linear-gradient(#fff0 0%,#ffffffeb 25%,#fffffffa 100%);border-top:2px solid #fbbf2466;position:sticky;bottom:0;box-shadow:0 -8px 25px #0000000f}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:calc(90vh - var(--sat) - var(--sab));max-height:calc(90dvh - var(--sat) - var(--sab));color:var(--text-primary);background:#fff;border:3px solid #fef3c7;border-radius:24px;padding:1.75rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modalScale;position:relative;overflow-y:auto;box-shadow:0 25px 60px -10px #1e293b40,0 0 0 1px #0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.phase-banner{text-align:center;background:linear-gradient(90deg,#fef3c7b3 0%,#fed7aae0 50%,#fef3c7b3 100%);border-top:1.5px solid #f59e0b4d;border-bottom:1.5px solid #f59e0b4d;padding:.75rem 1.25rem;box-shadow:inset 0 2px 6px #f59e0b14}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000a;border-radius:4px}::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0bb3}@media (width<=768px){:root{--radius-card:14px;--radius-panel:20px}.modal-backdrop{align-items:flex-end;padding:0}.modal-content{max-width:100%;max-height:88dvh;padding:1.25rem 1.25rem calc(1.5rem + var(--sab));border-bottom:none;border-left:none;border-right:none;border-radius:24px 24px 0 0;animation:.28s cubic-bezier(.32,.72,0,1) slideUpModal}.hand-dock{padding:.75rem .85rem calc(.85rem + var(--sab))}.phase-banner{padding:.6rem .85rem}.btn-primary{padding:.7rem 1.25rem;font-size:.95rem}.btn-secondary{padding:.55rem 1rem;font-size:.88rem}}@media (width<=420px){:root{--radius-card:12px;--radius-panel:16px}.card-badge{padding:2px 6px;font-size:.65rem}}.home-container{width:100%;min-height:100dvh;padding:calc(1.2rem + var(--sat)) 1.25rem calc(2.5rem + var(--sab));flex-direction:column;align-items:center;display:flex;position:relative}.home-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:900px;margin-bottom:1.5rem;display:flex}.home-hero{text-align:center;width:100%;max-width:820px;margin-bottom:2rem}.creator-badge{border-radius:var(--radius-pill);color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;align-items:center;gap:.5rem;margin-bottom:1rem;padding:6px 18px;font-size:.9rem;font-weight:800;animation:3s infinite alternate pulseGlow;display:inline-flex;box-shadow:0 4px 14px #f59e0b40}@keyframes pulseGlow{0%{boxShadow:0 4px 14px #f59e0b40;transform:scale(1)}to{boxShadow:0 6px 20px #f59e0b73;transform:scale(1.02)}}.main-website-btn{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0ea5e9,#0284c7);border:2px solid #fff;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.4rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 15px #0ea5e959}.main-website-btn:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 24px #0ea5e980}.games-grid{flex-direction:column;gap:1.75rem;width:100%;max-width:860px;display:flex}.game-card{background:var(--surface-panel);border:2px solid var(--surface-panel-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.game-card-featured{border:3px solid #f59e0b;box-shadow:0 20px 40px -10px #f59e0b4d,0 0 0 2px #fef3c7cc}.game-card-featured:before{content:"";z-index:10;background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6,#f59e0b) 0 0/200% 100%;height:6px;animation:4s linear infinite rainbowBorder;position:absolute;top:0;left:0;right:0}@keyframes rainbowBorder{0%{background-position:0 0}to{background-position:200% 0}}.featured-pill{color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);background:linear-gradient(135deg,#f59e0b,#d97706);align-items:center;gap:.35rem;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex;box-shadow:0 3px 10px #f59e0b66}.game-cover-img{object-fit:cover;width:100%;height:230px;display:block}.tag-pill{color:#475569;border-radius:var(--radius-pill);background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.mp-bg{background-color:#fefce8;background-image:radial-gradient(#fde047 1.5px,#0000 1.5px);background-size:24px 24px}.comic-card{background:#fff;border:4px solid #000;border-radius:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;box-shadow:7px 7px #000}.comic-card:hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:10px 10px #000}.comic-btn-yellow{color:#000;cursor:pointer;background:#fbbf24;border:3.5px solid #000;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-family:Fredoka,Nunito,sans-serif;font-size:1.15rem;font-weight:900;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:4px 4px #000}.comic-btn-yellow:hover{background:#f59e0b;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.comic-btn-yellow:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.comic-badge{color:#000;background:#fef08a;border:2.5px solid #000;border-radius:9999px;align-items:center;gap:.4rem;padding:5px 14px;font-family:Fredoka,cursive,sans-serif;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:3px 3px #000}.physical-stepper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:2rem 0;display:flex}.step-pill{color:#000;background:#fff;border:3px solid #000;border-radius:16px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Fredoka,cursive,sans-serif;font-size:1.05rem;font-weight:900;display:flex;box-shadow:4px 4px #000}.step-pill-highlight{color:#000;background:#f59e0b}.step-arrow{color:#000;font-size:1.5rem;font-weight:900}.handwritten-note{font-family:var(--font-handwritten);color:#d97706;align-items:center;gap:.3rem;font-size:1.35rem;font-weight:700;line-height:1.1;display:inline-flex}.status-badge{letter-spacing:.08em;text-transform:uppercase;color:#55524a;background:#eae8e1;border-radius:6px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-block}