@import "https://fonts.googleapis.com/css2?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:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Fredoka", "Nunito", cursive, sans-serif;--font-story:"Nunito", cursive, sans-serif;--bg-sky-top:#bae6fd;--bg-sky-mid:#e0f2fe;--bg-meadow:#dcfce7;--bg-meadow-deep:#bbf7d0;--surface-panel:#ffffffeb;--surface-panel-border:#fffc;--surface-card:#fff;--surface-card-border:#e2e8f0;--accent-sun:#f59e0b;--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-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 #f59e0b4d, 0 0 0 4px #fbbf24;--shadow-card-active:0 0 0 4px #f59e0b, 0 16px 36px #f59e0b66;--radius-card:16px;--radius-pill:9999px;--radius-panel:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-user-select:none;user-select: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;min-height:100vh;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;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;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:.5rem;padding:.75rem 1.4rem;font-size:.95rem;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;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;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%;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;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);background:#fafafa;width:100%;height:100%;display:block}.table-card:hover{box-shadow:var(--shadow-card-hover);z-index:10;transform:translateY(-8px)scale(1.03)}.table-card.selected{box-shadow:var(--shadow-card-active);border-color:var(--accent-sun);z-index:20;transform:translateY(-10px)scale(1.05)}.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:.05em;z-index:5;border:1.5px solid #fffc;padding:4px 10px;font-size:.75rem;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 4px 10px #00000026}.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{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fff0 0%,#ffffffe0 35%,#fffffffa 100%);border-top:2px solid #fbbf2466;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 -10px 30px #0000000d}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;max-height:90vh;color:var(--text-primary);background:#fff;border:3px solid #fef3c7;border-radius:24px;padding:2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modalScale;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)}}.phase-banner{text-align:center;background:linear-gradient(90deg,#fef3c799 0%,#fed7aacc 50%,#fef3c799 100%);border-top:1.5px solid #f59e0b40;border-bottom:1.5px solid #f59e0b40;padding:.85rem 1.5rem;box-shadow:inset 0 2px 6px #f59e0b14}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0bb3}