/* Basic styles for AI Trading Game */
.aitg-wrap{border-radius:10px;padding:16px;background:#fff;max-width:780px;margin:16px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.aitg-header{display:flex;justify-content:center;align-items:center;margin-bottom:8px}
.aitg-title-center{text-align:center;margin:0}
.aitg-chart{width:100%;height:360px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}
.aitg-cta{display:flex;gap:12px;justify-content:center;margin:12px 0}
.aitg-btn{padding:10px 18px;border-radius:8px;border:0;background:#111;color:#fff;cursor:pointer;font-weight:600}
.aitg-btn.disabled, .aitg-btn:disabled{opacity:0.5;cursor:not-allowed}
.aitg-btn:hover{opacity:.9}
.aitg-result{margin-top:12px;margin-bottom:20px;padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}
.aitg-outcome{font-size:1.1rem;margin-bottom:8px}
.aitg-share{display:flex;align-items:center;gap:12px}
.aitg-share-label{font-weight:600}.aitg-share-item:hover
.aitg-share-btn{padding:8px 12px;border-radius:6px;border:1px solid #111;cursor:pointer;}
.aitg-share-menu{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.aitg-share-item{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:12px}
.aitg-table{width:100%;border-collapse:collapse;margin-top:8px}
.aitg-table th,.aitg-table td{border:1px solid #e5e7eb;padding:6px 8px;text-align:left}
.aitg-row-me td{font-weight:700}
details.aitg-metrics summary{cursor:pointer;font-weight:600;margin-top:8px}
.aitg-newsletter-form{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin-top:8px; margin-top: 15px}
.aitg-newsletter-form input[type="email"],
.aitg-newsletter-form input[type="text"]{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;    max-width: 90%;}
.aitg-newsletter-form button{padding:10px 12px;border-radius:6px;border:0;background:#111;color:#fff;cursor:pointer;width:200px;margin-left: 50px;}
@media (min-width: 480px){
	.aitg-newsletter-form{grid-template-columns:1fr 1fr auto;align-items:end}
	.aitg-newsletter-form label{grid-column:span 3}
	.aitg-newsletter-form button{width:auto}
}
.aitg-newsletter-status{font-size:.9rem;color:#334155}