/* School identity. Presentation only; quiz state and scoring live in app.js. */
:root{color-scheme:dark;--primary:#f47a20;--primary-hover:#ff963f;--success:#69d5a0;--danger:#ff8989;--warning:#ffd17b;--bg-color:#101b29;--card-bg:#182638;--text-main:#f2f5f8;--text-muted:#b0bdcc;--border-color:#3b4c60;--border-radius:6px}
html{background:var(--bg-color);scroll-padding-top:16px}
body{background:#101b29;animation:none;font-family:Arial,sans-serif;line-height:1.55;align-items:flex-start;padding:28px 20px;min-height:100dvh}
#app-container{max-width:1080px;min-height:0;background:#142131;border:1px solid #304154;border-radius:8px;box-shadow:0 18px 60px #0003;backdrop-filter:none;overflow:visible}
.app-brand-header{display:flex;gap:24px;align-items:center;padding:16px 32px;border-bottom:1px solid #304154;background:#182638;border-radius:8px 8px 0 0}
.brand-home{display:block;margin-right:auto;line-height:0}.brand-home img{width:220px;height:78px;object-fit:contain}
.back-home{color:#c6d2df;text-decoration:none;font-size:13px;font-weight:700}.back-home:hover{color:#ffad6c}
.lang-switcher-container{position:static}.lang-switch-btn-group{border-radius:4px;background:#101b29;box-shadow:none;backdrop-filter:none;gap:3px}
.lang-btn{border-radius:2px;min-width:42px;min-height:40px;justify-content:center;color:#d8e2ed}.lang-btn.active{background:var(--primary);color:#101b29;box-shadow:none}
.screen{padding:32px 40px}.logo-container h1{font-size:clamp(25px,4vw,38px);line-height:1.2;letter-spacing:-.035em;margin:0 0 10px}.subtitle{font-size:15px;color:#b0bdcc;margin-bottom:25px}
#start-screen{align-items:stretch;text-align:left}.start-actions{order:2;display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:10px;margin-bottom:26px}.start-actions #start-btn{grid-column:1/-1;min-height:54px;font-size:17px}.start-actions #review-container{grid-column:1/-1}.top-cards-grid{order:3;display:flex;align-items:stretch;gap:18px;max-width:none;margin-bottom:24px}.rules-card{flex:1;min-width:0}.session-stats-card{flex:0 1 260px}.contact-card{order:4;max-width:none}
.rules-card,.session-stats-card,.contact-card,.stats-card,#wrong-answers-container{background:#182638;border:1px solid #304154;border-radius:6px;box-shadow:none;backdrop-filter:none}
.rules-card{padding:22px}.rules-card h3{font-size:16px}.rules-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.rules-card li{margin:0;font-size:13px;color:#b0bdcc}.rules-card li strong{color:#f2f5f8}.rules-card li:nth-child(n+5){grid-column:1/-1}.rules-card li:nth-child(5){border-top:1px solid #304154;padding-top:14px;color:#ffd17b}
.primary-btn,.secondary-btn,.social-link,.contact-link,.icon-btn{border-radius:4px;min-height:44px;backdrop-filter:none;box-shadow:none;transition:background .15s,border-color .15s;color:var(--text-main);touch-action:manipulation}
.primary-btn{background:#f47a20;color:#101b29;border:1px solid #f47a20;font-weight:700}.primary-btn:hover:not(:disabled){background:#ff963f;border-color:#ff963f;color:#101b29;box-shadow:none;transform:none}#start-btn{animation:none}.secondary-btn{background:#1b2b3d;border:1px solid #415269}.secondary-btn:hover{background:#263b50}.primary-btn:disabled{background:#243244;color:#b0bdcc;border-color:#415269;opacity:.7}
.contact-card{padding:18px;background:transparent;border:0;border-top:1px solid #304154;border-radius:0;text-align:center}.contact-card h3{font-size:13px}.social-links{gap:8px}.social-link,.contact-link{font-size:13px;padding:8px 12px;background:transparent;border-color:#304154}.social-link:hover,.contact-link:hover{transform:none;box-shadow:none}.icon-btn{background:#263b50;border:1px solid #415269;padding:6px 10px}.icon-btn:hover{transform:none}
.quiz-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 20px;margin-bottom:25px}.status-badge{border-radius:5px;border:1px solid #304154;background:#182638;font-size:12px;padding:10px;justify-content:space-between}.status-badge span:last-child{font-size:19px;font-weight:700}.time-badge span:last-child{color:#f2f5f8}.remain-badge span:last-child{color:#ffad6c}
#question-text{font-size:clamp(19px,2.3vw,25px)!important;font-weight:700;line-height:1.45;margin-bottom:22px}#question-image-container{background:#edf1f4;max-height:320px;border:1px solid #415269;border-radius:5px}#question-image{max-height:320px;object-fit:contain}
.options-container{gap:11px;margin-bottom:24px}.option-label{position:relative;gap:14px;border:1px solid #415269;border-radius:5px;background:#182638;font-size:16px!important;padding:15px 17px!important;min-height:60px;line-height:1.5;touch-action:manipulation}.option-label:hover{background:#213247;border-color:#8a9aad}.option-label.selected{background:#302b28;border-color:#f47a20;box-shadow:inset 3px 0 #f47a20}.option-letter{margin:0;background:#28394d;border-radius:4px;color:#dfe7ef;width:32px!important;height:32px!important;min-width:32px!important}.option-label.selected .option-letter{background:#f47a20;color:#101b29}.option-label.selected:after{content:'✓';color:#ffad6c;margin-left:auto;font-weight:700;flex-shrink:0}.option-text{flex:1;min-width:0}.option-label input[type=checkbox]{display:block;position:absolute;width:1px;height:1px;opacity:0}.option-label:focus-within{outline:2px solid #ffad6c;outline-offset:3px}
.actions-container{margin-top:16px;gap:12px}.actions-container #submit-btn{flex:1}.actions-container #later-btn{flex:0 1 180px}.progress-container{margin-top:24px;background:#2a394c;height:5px}.progress-bar{background:#f47a20}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#09111de8;padding:16px}.modal-content{border-radius:8px;background:#182638;max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.history-modal-content{width:min(680px,100%);max-width:680px}.history-list{min-height:0;overscroll-behavior:contain}.wrong-item{line-height:1.6}.result-icon{font-size:48px;color:#ffad6c}.stats-card{margin:20px 0;padding:24px}.result-message{font-size:17px}.screen#result-screen{gap:4px}#wrong-answers-container{width:100%;max-height:50vh}
a:focus-visible,button:focus-visible{outline:2px solid #ffad6c;outline-offset:3px}
@media(max-width:700px){body{padding:0}#app-container{border:0;border-radius:0;min-height:100dvh;padding:0}.app-brand-header{padding:10px 16px;gap:12px;border-radius:0;flex-wrap:wrap}.brand-home img{width:166px;height:58px}.back-home{font-size:11px;order:3;width:100%;text-align:right;margin-top:-5px}.screen{padding:24px 16px}.top-cards-grid{flex-direction:column}.session-stats-card{flex:auto}.rules-card{padding:17px}.start-actions{gap:9px}.start-actions a{font-size:13px;padding:11px 8px}.quiz-header{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:20px;padding-bottom:16px}.status-badge{font-size:12px;padding:7px 10px;min-height:42px}.status-badge span:last-child{font-size:18px}#question-text{font-size:19px!important}#question-image-container,#question-image{max-height:260px}.option-label{padding:12px!important;font-size:15px!important;gap:10px}.actions-container{position:sticky;bottom:0;z-index:3;flex-direction:row;background:#142131;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid #304154;margin-top:12px}.actions-container #later-btn{flex:0 1 115px}.actions-container button{font-size:14px;padding:12px 10px}.contact-card{padding:18px 0}.social-links{gap:6px}.modal-content{padding:20px 16px}.lang-btn{min-height:40px}.progress-container{margin-top:10px}}
@media(max-width:360px){.screen{padding-inline:12px}.brand-home img{width:148px}.start-actions{grid-template-columns:1fr}.rules-card ul{gap:10px}.status-badge{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}