.mkt{min-height:100vh;background:#0f1020;color:#f4f5ff}.mkt-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1080px;margin:0 auto;padding:1.25rem 1.5rem}.mkt-logo{color:#fff;font-weight:800;font-size:1.35rem;text-decoration:none;letter-spacing:-.03em}.mkt-nav-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.mkt-nav-links a{color:#ffffffc7;text-decoration:none;font-weight:600}.mkt-nav-links a:hover{color:#fff}.mkt-nav-cta{background:#6c5ce7;color:#fff!important;padding:.55rem 1rem;border-radius:999px}.mkt-hero{max-width:800px;margin:0 auto;padding:4rem 1.5rem 5rem;text-align:center}.mkt-kicker{color:#00cec9;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:1rem}.mkt-hero h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem}.mkt-lead{font-size:1.2rem;color:#f4f5ffc7;margin-bottom:2rem}.mkt-hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.28);box-shadow:none}.btn-ghost:hover{border-color:#fff;transform:scale(1.03)}.mkt-section{max-width:1080px;margin:0 auto;padding:0 1.5rem 5rem}.mkt-section h2{font-size:2rem;margin-bottom:1.5rem;letter-spacing:-.02em}.mkt-section-lead{color:#f4f5ffb3;margin:-.75rem 0 1.75rem;font-size:1.1rem}.mkt-steps,.mkt-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.mkt-card,.mkt-game{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem}.mkt-card-emoji,.mkt-game-emoji{font-size:2.2rem;margin-bottom:.75rem}.mkt-card h3,.mkt-game h3{margin-bottom:.5rem;font-size:1.2rem}.mkt-card p,.mkt-game p{color:#f4f5ffb3}.mkt-game-label{color:#a29bfe!important;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}.mkt-game.is-soon{opacity:.72}.mkt-center{text-align:center;margin-top:2rem}.mkt-teachers{padding-bottom:4rem}.mkt-teachers-inner{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:28px;padding:2.5rem}.mkt-list{margin:1.25rem 0 2rem 1.2rem;font-size:1.05rem}.mkt-list li{margin-bottom:.6rem}.mkt-footer{text-align:center;padding:2rem 1.5rem 3rem;color:#f4f5ff8c}.mkt-footer-note{margin-top:.35rem;font-size:.9rem}@media (max-width: 700px){.mkt-nav-links a:not(.mkt-nav-cta){display:none}.mkt-hero{padding-top:2rem}}:root{--purple: #6C5CE7;--purple-dark: #5A4BD1;--teal: #00CEC9;--yellow: #FDCB6E;--pink: #FD79A8;--bg: #F8F9FE;--card: #FFFFFF;--text: #2D3436;--text-light: #636E72;--radius: 20px;--shadow: 0 8px 32px rgba(108, 92, 231, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.header{background:linear-gradient(135deg,var(--purple) 0%,#A29BFE 100%);color:#fff;padding:2.5rem 1.5rem;text-align:center}.header.compact{padding:1.5rem;text-align:left}.header-inner{max-width:960px;margin:0 auto}.header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em}.subtitle{font-size:1.2rem;opacity:.9;margin-top:.5rem}.back-link{color:#fff;text-decoration:none;font-size:1rem;opacity:.85;display:inline-block;margin-bottom:.5rem}.back-link:hover{opacity:1;text-decoration:underline}.main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.library h2{font-size:1.8rem;margin-bottom:1.5rem}.game-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;border:3px solid transparent}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6c5ce733;border-color:var(--teal)}.game-card-visual{height:160px;background:linear-gradient(135deg,var(--purple) 0%,#A29BFE 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.game-card-visual img{width:100%;height:100%;object-fit:cover}.game-card-body{padding:1.5rem}.game-card-body h3{font-size:1.3rem;margin-bottom:.5rem}.game-card-body p{color:var(--text-light);font-size:.95rem;margin-bottom:1rem}.game-card-body .ai-label{color:var(--purple);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}.game-card.coming-soon{cursor:default}.game-card.coming-soon:hover{transform:none;border-color:transparent;box-shadow:var(--shadow)}.btn-soon{background:#dfe6e9;color:var(--text-light);box-shadow:none;cursor:default}.coming-soon-banner{text-align:center}.coming-soon-content h2{margin-bottom:.5rem}.coming-soon-content p{color:var(--text-light);margin-bottom:1.5rem}.coming-soon-emoji{font-size:3rem;margin-bottom:.5rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;margin-bottom:1.5rem}.card h2{font-size:1.6rem;margin-bottom:.75rem}.section-lead{color:var(--text-light);margin-bottom:1.5rem;font-size:1.05rem}.intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hero-image{width:100%;border-radius:16px}.lead{font-size:1.15rem;margin-bottom:1.5rem}.info-box{background:var(--bg);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.info-box h3{font-size:1rem;margin-bottom:.4rem}.ai-box{border-left:4px solid var(--teal)}.camera-area{text-align:center}.camera-prompt{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.camera-wrapper{position:relative;background:#000;border-radius:16px;overflow:hidden;max-width:480px;margin:0 auto 1.5rem;aspect-ratio:4/3}#camera-preview,#hand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1)}#camera-preview{object-fit:fill;display:block}#hand-overlay{pointer-events:none}.live-badge{position:absolute;left:12px;bottom:12px;z-index:2;background:#6c5ce7eb;color:#fff;font-weight:800;padding:.35rem .9rem;border-radius:999px;font-size:1.1rem;letter-spacing:.04em}.live-badge[data-label=NONE]{background:#2d3436bf}.btn{display:inline-block;padding:.85rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit;text-decoration:none}.btn-large{padding:1rem 2.5rem;font-size:1.2rem}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 4px 16px #6c5ce766}.btn-primary:hover:not(:disabled){background:var(--purple-dark);transform:scale(1.03)}.btn:disabled{opacity:.7;cursor:default}.btn-secondary{background:var(--teal);color:#fff;box-shadow:0 4px 16px #00cec966}.btn-secondary:hover{transform:scale(1.03)}.ai-result{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#dfe6e9,#f8f9fe);border-radius:16px;max-width:320px;margin-left:auto;margin-right:auto}.result-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:2.5rem;font-weight:800;color:var(--purple);margin:.25rem 0}.result-confidence{font-size:1rem;color:var(--text-light)}.error-msg{color:#e17055;margin-top:1rem;font-weight:600}.scratch-frame-wrapper{margin-top:1.5rem;border-radius:12px;overflow:hidden;border:3px solid var(--purple);height:600px}#scratch-frame{width:100%;height:100%;border:none}.mission-steps{display:flex;flex-direction:column;gap:1rem}.mission-step{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border-radius:14px;border:2px solid transparent;transition:border-color .2s}.mission-step.done{border-color:var(--teal);background:#e8fffe}.step-check{width:36px;height:36px;border-radius:50%;border:3px solid var(--purple);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;background:#fff;transition:background .2s}.mission-step.done .step-check{background:var(--teal);border-color:var(--teal);color:#fff}.step-content h4{font-size:1.1rem;margin-bottom:.35rem}.step-content p{color:var(--text-light);font-size:.95rem}.hint-btn{margin-top:.75rem;background:var(--yellow);color:var(--text);border:none;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer}.hint-text{margin-top:.5rem;padding:.75rem 1rem;background:#fff9e6;border-radius:10px;font-size:.9rem;display:none}.hint-text.visible{display:block}.completion-section{text-align:center;background:linear-gradient(135deg,var(--purple) 0%,var(--pink) 100%);color:#fff}.completion-emoji{font-size:4rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completion-badge{font-size:1.3rem;margin:1rem 0 1.5rem;opacity:.95}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.completion-actions .btn-primary{background:#fff;color:var(--purple)}.completion-actions .btn-secondary{background:#fff3;color:#fff;border:2px solid white}.footer{text-align:center;padding:2rem;color:var(--text-light);font-size:.95rem}.loading{color:var(--text-light);font-size:1.1rem}@media (max-width: 700px){.intro{grid-template-columns:1fr}.header h1{font-size:1.8rem}}