#athens-game .athens-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#f8fbfe}#athens-game .athens-facts span{font-size:10px;color:#58728c}#athens-game .athens-facts b{display:block;font-size:14px;color:#173e70}#athens-game .athens-mission{display:flex;gap:10px;align-items:center}#athens-game .athens-mission h2{margin:0;font-size:22px}#athens-game .athens-mission p{margin:2px 0;color:#5b7690;font-size:12px}#athens-game .athens-badge{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#173e70;color:white;font-size:20px;font-weight:900}#athens-game .athens-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}#athens-game .primary{background:#1c7c69;color:white;border-color:#1c7c69}#athens-game .athens-actions a{font-size:12px;font-weight:800}#athens-game #progress-status{margin:5px 0 0}#athens-game .read-head{display:flex;justify-content:space-between;align-items:center;gap:8px}#athens-game .read-head h2{margin:4px 0 10px;font-size:22px}#athens-game .reading-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:14px}#athens-game .reading-layout.no-image{grid-template-columns:1fr}#athens-game .essay{font-size:15px;line-height:1.65}#athens-game .essay p{margin-bottom:12px}#athens-game figure{margin:0;align-self:start}#athens-game figure img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #bcd0e3}#athens-game figcaption{font-size:10px;color:#58728c;line-height:1.4;margin-top:5px}#athens-game .read-controls{display:flex;justify-content:space-between;gap:8px;margin-top:12px}#athens-game .read-sources{font-size:11px;margin-top:9px;display:flex;gap:10px;flex-wrap:wrap}#athens-game #quiz-area h2{font-size:21px;line-height:1.3}#athens-game .quiz-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}#athens-game .quiz-top button{font-size:11px;min-height:32px;padding:5px 8px}#athens-game .research{padding:8px 10px;background:#fff9dc;border-left:4px solid #e0aa1c;margin:8px 0;font-size:12px}#athens-game .board-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}#athens-game .board-heading h2{margin:0;font-size:20px}#athens-game .board-heading button{min-height:32px;font-size:11px;padding:5px 8px}#athens-game .board-scroll{overflow:auto;margin-top:8px}#athens-game table{width:100%;border-collapse:collapse;font-size:12px}#athens-game th,#athens-game td{padding:7px 6px;border-bottom:1px solid #dbe5ef;text-align:right;white-space:nowrap}#athens-game th:nth-child(2),#athens-game td:nth-child(2){text-align:left;white-space:normal;min-width:100px;max-width:180px;overflow-wrap:anywhere}#athens-game tbody tr.self{background:#e5f4ed}#athens-game .guest-label{display:block;font-size:9px;color:#58728c}#athens-game details{margin-top:9px;font-size:12px;line-height:1.5}#athens-game summary{cursor:pointer;font-weight:800}#athens-game details p{margin-top:6px}#athens-game .answers button{min-height:48px}#athens-game .result-pass{background:#e6f5ed}#athens-game .result-review{background:#fff0e9}#athens-game .save-note{font-size:12px;margin:8px 0}#athens-game .question-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:10px 0}#athens-game .question-grid span{padding:5px 2px;background:#eaf3fb;border-radius:5px;text-align:center;font-size:10px}#athens-game .question-grid span.correct{background:#e5f4ed;color:#195943}#athens-game .question-grid span.incorrect{background:#fff0e9;color:#91492e}#athens-game .question-grid span.current{background:#174a7e;color:white}#athens-game button,#athens-game a,#athens-game input{touch-action:manipulation}#athens-game dialog{position:fixed;margin:auto;max-width:min(420px,90vw)}
@media(max-width:520px){#athens-game .athens-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#athens-game .athens-facts b{font-size:12px}#athens-game .athens-mission{gap:6px}#athens-game .athens-mission h2{font-size:16px}#athens-game .athens-mission p{font-size:10px}#athens-game .athens-badge{width:34px;height:34px;flex-basis:34px;font-size:15px}#athens-game .reading-layout{grid-template-columns:1fr;gap:8px}#athens-game figure{max-width:300px;margin:auto}#athens-game .essay{font-size:14px;line-height:1.6}#athens-game .read-head h2,#athens-game #quiz-area h2{font-size:18px}#athens-game .athens-actions button{font-size:12px;padding:8px;min-height:40px}#athens-game .read-controls button{font-size:12px;padding:8px}#athens-game .board-heading h2{font-size:17px}#athens-game table{font-size:10px}#athens-game th,#athens-game td{padding:5px 4px}#athens-game .question-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}