.geo-game-container{background:#1e2229;color:#fff;padding:22px;border-radius:26px;max-width:760px;margin:auto;text-align:center;font:17px/1.6 system-ui}.geo-game-container *{box-sizing:border-box}.geo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.geo-header h3{font-size:25px;margin:0}.geo-viewer{background:#11141a;border-radius:20px;margin:18px 0;padding:12px}.geo-viewer canvas{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:4/3;margin:auto;touch-action:none}.geo-controls,.geo-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.geo-game-container button{font:inherit;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid #8e6841;background:#ffad53;color:#25201b;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.geo-game-container button:disabled{opacity:.5;cursor:default}.geo-game-container button:focus-visible{outline:3px solid #fff;outline-offset:3px}.geo-options button{font-size:22px;font-weight:700;flex:1;min-width:80px}.geo-controls button{font-size:14px;background:#303a48;color:white;border-color:#667386}.geo-feedback{min-height:64px;color:#a9e7c4}.geo-note,.geo-hint{font-size:14px;color:#d4dce8}.geo-game-container h3{color:inherit}.geo-viewer p{margin:10px 0}@media(max-width:480px){.geo-game-container{padding:14px}.geo-controls{gap:6px}.geo-controls button{padding:8px}.geo-options button{font-size:18px}}

.geo-viewer canvas{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.geo-viewer canvas.is-dragging{cursor:grabbing}.geo-viewer canvas:focus-visible{outline:3px solid #ffad53;border-radius:12px}

.geo-game-container{overflow-wrap:anywhere}.geo-header>*{min-width:0;max-width:100%}
@media(max-width:650px){.geo-game-container{padding:8px;font-size:14px;line-height:1.35}.geo-header h3{font-size:17px}.geo-greeting{display:none}.geo-viewer{margin:6px 0;padding:6px}.geo-viewer canvas{max-width:230px;max-height:165px}.geo-controls{gap:4px}.geo-controls button{font-size:12px;padding:4px;min-height:44px}.geo-hint,.geo-note{font-size:11px;margin:5px 0}.geo-options{gap:6px}.geo-options button{font-size:16px;padding:6px}.geo-feedback{min-height:24px;margin:6px 0}.geo-viewer p{margin:3px 0}}
.geo-base-guide{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#e4f7ff}.geo-base-guide svg{width:104px;height:56px;flex-shrink:0}@media(max-width:650px){.geo-base-guide svg{width:85px;height:46px}.geo-base-guide{font-size:11px}}

/* Keep geometry headings readable inside the academy's dark game surface. */
.academy-preview #odakMathDialog .geo-game-container h3{color:#fff}


.geo-pair-options{flex-direction:column}.geo-pair-options button{width:100%;flex:auto;font-size:18px}@media(max-width:650px){.geo-pair-options button{font-size:15px}}