#mmm-app{--ink:#172033;--muted:#687087;--line:#e7e9ef;--card:#fff;--soft:#f5f7fb;--accent:#0b67d1;--accent2:#084d9c;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1100px;margin:20px auto}
#mmm-app *{box-sizing:border-box}
.mmm-shell{background:linear-gradient(180deg,#f7faff 0,#fff 320px);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px rgba(20,35,70,.10)}
.mmm-hero{padding:42px 28px 30px;text-align:center;background:radial-gradient(circle at top right,#dbeafe,transparent 34%),linear-gradient(135deg,#0b67d1,#123d7a);color:#fff}
.mmm-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-weight:800;letter-spacing:.12em;font-size:12px}
.mmm-hero h1{font-size:clamp(34px,6vw,64px);line-height:1;margin:14px 0 10px;color:#fff}
.mmm-hero p{margin:0;opacity:.92;font-size:18px}
.mmm-panel{padding:28px}
.mmm-hidden{display:none!important}
.mmm-grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}
.mmm-panel h2{font-size:30px;margin:0 0 10px}
.mmm-muted{color:var(--muted)}
.mmm-label{display:block;font-weight:750;margin:18px 0 7px}
.mmm-input{width:100%;border:1px solid #cfd4df;border-radius:14px;padding:14px 15px;font-size:16px;background:#fff;color:var(--ink)}
.mmm-input:focus,.mmm-answer:focus{outline:3px solid rgba(11,103,209,.15);border-color:var(--accent)}
.mmm-btn{appearance:none;border:1px solid #cad0db;background:#fff;color:var(--ink);border-radius:14px;padding:13px 18px;font-weight:800;font-size:16px;cursor:pointer}
.mmm-btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}
.mmm-btn:hover{transform:translateY(-1px)}
#mmm-start{width:100%;margin-top:20px}
.mmm-js-status{font-size:12px;color:#8a93a5;text-align:center;margin:8px 0 0}
.mmm-js-status.is-ready{color:#18864b}
.mmm-info-card{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:24px}
.mmm-info-card h3{margin-top:0;font-size:22px}
.mmm-info-card li{margin:10px 0}
.mmm-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mmm-topline>div:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mmm-timer{font-variant-numeric:tabular-nums;font-weight:900;font-size:28px}
.mmm-progress-wrap{height:10px;background:#e9edf5;border-radius:999px;margin:20px 0;overflow:hidden}
.mmm-progress{height:100%;width:2%;background:linear-gradient(90deg,#0b67d1,#46a3ff);transition:width .2s ease}
.mmm-question-card{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.mmm-qnum{font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent)}
.mmm-question{font-size:clamp(28px,5vw,52px);font-weight:900;line-height:1.18;margin:28px auto;max-width:850px}
.mmm-answer{width:min(340px,100%);text-align:center;border:2px solid #cdd4df;border-radius:16px;padding:16px;font-size:30px;font-weight:800}
#mmm-next{margin-top:16px;min-width:170px}
.mmm-hint{margin-top:10px;color:var(--muted);font-size:13px}
.mmm-finish-card{text-align:center;padding:24px 0}
.mmm-trophy{font-size:74px}
.mmm-scoreline{font-size:80px;font-weight:950;line-height:1;margin:20px 0}
.mmm-scoreline small{font-size:26px;color:var(--muted)}
.mmm-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.mmm-board-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}
.mmm-grade-select{width:180px}
.mmm-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.mmm-place{border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;background:#fff}
.mmm-place .mmm-medal{font-size:36px}
.mmm-place .mmm-place-name{font-weight:900;font-size:18px;margin:5px 0}
.mmm-place .mmm-place-meta{color:var(--muted);font-size:14px}
.mmm-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}
.mmm-table{width:100%;border-collapse:collapse;background:#fff}
.mmm-table th,.mmm-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}
.mmm-table th{background:#f8f9fc;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.mmm-table tr:last-child td{border-bottom:0}
@media(max-width:760px){.mmm-grid2{grid-template-columns:1fr}.mmm-hero{padding:34px 18px 26px}.mmm-panel{padding:18px}.mmm-board-head{align-items:stretch;flex-direction:column}.mmm-grade-select{width:100%}.mmm-podium{grid-template-columns:1fr}.mmm-topline{align-items:flex-start}.mmm-timer{font-size:22px}.mmm-question-card{padding:20px;min-height:330px}}
/* Version 1.2 countdown + private result styles */
.mmm-countdown-wrap{text-align:right}
.mmm-time-label{display:block;font-size:11px;letter-spacing:.12em;font-weight:900;color:var(--muted);margin-bottom:2px}
.mmm-timer{font-variant-numeric:tabular-nums;font-weight:950;font-size:34px;color:#0b67d1;transition:color .15s ease}
.mmm-timer-danger{color:#c62828!important;animation:mmmPulse 1s infinite}
@keyframes mmmPulse{0%,100%{opacity:1}50%{opacity:.65}}
.mmm-private-result{max-width:520px;margin:22px auto 0;padding:18px;background:#f5f7fb;border:1px solid var(--line);border-radius:16px;color:#3c465c}
.mmm-trophy{color:#18864b}