/* Wspólny wygląd wszystkich gier MatGraj */
:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#10264c;background:#f5f9ff}
body{margin:0;padding:0;background:#f5f9ff;color:#10264c}
.site-header{background:#fff;border-bottom:1px solid #e3edfa;margin:0}
.header-content{max-width:1160px;margin:auto;min-height:82px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{text-decoration:none;display:flex;align-items:center;gap:9px;color:#10264c;font-size:27px;font-weight:900;letter-spacing:-1px}
.brand-symbol{height:44px;width:44px;display:grid;place-items:center;background:linear-gradient(135deg,#155ed0,#08b4ce);border-radius:15px;color:#fff;font-size:22px}
.brand-accent{color:#08b4ce}
.back{color:#155ed0;text-decoration:none;font-weight:800;background:#eaf3ff;border-radius:13px;padding:12px 15px}
.game{width:calc(100% - 32px);max-width:1000px;margin:30px auto 55px;background:#fff;border:1px solid #e3edfa;border-radius:28px;padding:clamp(18px,4vw,38px);box-shadow:0 16px 45px #10264c0d}
.game-heading{text-align:center;margin:0 0 22px}
.game-heading h1{font-size:clamp(29px,5vw,42px);line-height:1.2;color:#10264c;font-weight:850;letter-spacing:-.035em;margin:0 0 10px;text-align:center}
.game-heading .sub{color:#64748b;font-size:15px;font-weight:650;margin:0;text-align:center}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
.stat{background:#f0f6ff;border:1px solid #e1ecfb;border-radius:17px;text-align:center;padding:16px 8px;color:#61738e;font-size:14px;font-weight:700}
.stat strong{display:block;font-size:clamp(24px,4vw,30px);line-height:1.2;margin-top:5px;color:#155ed0;font-weight:850}
.levels{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;justify-content:center}
.levels button{flex:1 1 auto;background:#eaf3ff;color:#155ed0;border:1px solid #d5e5fb;border-radius:13px;padding:13px 14px;font-weight:750}
.levels button.active{background:#155ed0;color:#fff;border-color:#155ed0}
.question{background:linear-gradient(120deg,#e8f9ff,#eaf0ff);border-radius:22px;text-align:center}
button:focus-visible,input:focus-visible,svg:focus-visible,a:focus-visible{outline:3px solid #ffc83e;outline-offset:3px}
@media(max-width:550px){.header-content{min-height:70px;padding:12px}.brand{font-size:23px}.back{font-size:12px;padding:11px}.game{margin:15px auto 40px;width:calc(100% - 20px);border-radius:20px}.stats{gap:7px}.stat{font-size:12px;padding:12px 4px}.stat strong{font-size:24px}.levels button{flex:1 1 43%}}