.og-app{max-width:980px;margin:0 auto;padding:18px 14px 48px;color:#243044}.og-hero,.og-panel{background:#fff;border:1px solid #dce4ee;border-radius:18px;box-shadow:0 8px 24px rgba(31,51,73,.07)}.og-hero{padding:28px 24px;text-align:center;background:linear-gradient(135deg,#eef7ff,#fff8e8)}.og-hero h1{margin:.2em 0;font-size:clamp(1.8rem,5vw,2.7rem)}.og-hero a{color:#1769aa;font-weight:700}.og-kicker,.og-lock-label,.og-subject{margin:0;color:#1769aa;font-weight:800}.og-panel{margin-top:18px;padding:24px}.og-panel>h2{margin-top:0}.og-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.og-card{display:flex;flex-direction:column;padding:18px;border:1px solid #dce4ee;border-radius:14px}.og-card h3{margin:.3em 0}.og-card p:not(.og-subject){flex:1}.og-card button,.og-actions button,.og-login button,.og-member-head button{border:0;border-radius:11px;padding:12px 15px;background:#1769aa;color:#fff;font:inherit;font-weight:800;cursor:pointer}.og-card.is-locked{background:#f5f6f8;color:#6d7682}.og-card button:disabled{background:#aeb6bf}.og-member-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:34px;padding-top:24px;border-top:2px solid #e4eaf0}.og-member-head h2{margin:.25em 0 0}.og-secondary{background:#fff!important;color:#1769aa!important;border:1px solid #1769aa!important}.og-primary{background:#df6b23!important}.og-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.og-instruction{padding:12px 15px;border-left:5px solid #df6b23;background:#fff7ef;font-weight:800}.og-order{margin-top:18px;padding:14px 18px;border-radius:14px;background:#f3f8fc}.og-order ol{margin:0;padding-left:2em;columns:2}.og-order li{padding:5px 8px;break-inside:avoid}.og-order li span{margin-left:10px;color:#68778a;font-size:.9em}.og-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 15px;border-radius:12px;background:#243044;color:#fff}.og-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.og-buttons button{min-height:66px;padding:12px;border:2px solid #bfd0df;border-radius:14px;background:#fff;color:#243044;font:inherit;font-size:1.1rem;font-weight:800;cursor:pointer}.og-buttons .is-correct{visibility:hidden}.og-buttons .is-next{background:#fff2a8;border-color:#d49a00;box-shadow:0 0 0 3px rgba(212,154,0,.22)}.og-buttons .is-wrong{animation:wrong .35s;background:#ffe5e5;border-color:#d94343;color:#a51616}@keyframes wrong{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.og-result{text-align:center}.og-result-stats{display:flex;justify-content:center;gap:18px;margin:22px}.og-result-stats div{min-width:130px;padding:16px;border-radius:14px;background:#f3f8fc}.og-result-stats span,.og-result-stats strong{display:block}.og-result-stats strong{font-size:1.5rem}.og-result .og-actions{justify-content:center}.og-login{display:flex;gap:10px;max-width:440px}.og-login input{min-width:0;flex:1;padding:12px;border:2px solid #bdcad7;border-radius:10px;font-size:1.1rem}.og-message{min-height:1.5em;color:#b22;font-weight:700}.og-link{border:0;background:transparent;color:#1769aa;text-decoration:underline}@media(max-width:680px){.og-panel,.og-hero{padding:20px 16px}.og-grid{grid-template-columns:1fr}.og-member-head,.og-login{align-items:stretch;flex-direction:column}.og-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.og-order ol{columns:1}.og-actions>*{flex:1 1 100%}.og-result-stats{gap:10px}.og-result-stats div{min-width:0;flex:1}}
.og-app [hidden]{display:none!important}.og-version{display:block;margin-top:8px;color:#7b8795;font-size:.75rem}
.og-game-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.og-game-actions button{border-radius:10px;padding:10px 20px;font:inherit;font-weight:800;cursor:pointer}.og-unknown{border:2px solid #d49a00;background:#fff8d8;color:#725100}.og-unknown:disabled{border-color:#c8c8c8;background:#eee;color:#888;cursor:default}.og-retire{border:1px solid #aeb8c3;background:#fff;color:#68778a}
.og-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px;padding-bottom:12px;border-bottom:1px solid #dce4ee}.og-tabs button{border:1px solid #b9c8d6;border-radius:999px;padding:9px 16px;background:#fff;color:#40536a;font:inherit;font-weight:800;cursor:pointer}.og-tabs button.is-active{border-color:#1769aa;background:#1769aa;color:#fff}
@media(max-width:680px){.og-game-actions{align-items:stretch;flex-direction:column}}