/* school3d.css: Ski School 3D (with sim3d.css, ski3d.css, park3d.css) */
.ss-coach { position: absolute; left: 12px; top: 12px; max-width: min(360px, 56%); background: rgba(8, 20, 40, .82); border: 1px solid rgba(125, 211, 252, .35); border-radius: 14px; padding: 7px 11px; color: #e2e8f0; pointer-events: none; display: flex; flex-direction: column; gap: 2px; font: 600 13px/1.35 system-ui, sans-serif; }
.ss-coach b { color: #7dd3fc; font-size: 12px; } .ss-coach.is-new { animation: ssPop .35s ease; }
@keyframes ssPop { 0% { transform: scale(.94); opacity: .4; } 100% { transform: none; opacity: 1; } }
.ss-big b { font-size: 18px; } .ss-big small { font-size: 10.5px; }
.ss-lines { text-align: left; margin: 6px auto; max-width: 360px; padding-left: 18px; font-size: 13.5px; } .ss-lines li { margin: 2px 0; }
.ss-quiz .ss-q { font: 800 19px/1.35 system-ui, sans-serif; margin: 10px 0; } .ss-coachline { color: #7dd3fc; font-weight: 700; margin: 0; }
.ss-answers { display: grid; gap: 8px; margin: 10px 0; } .ss-answers .btn { justify-content: flex-start; text-align: left; white-space: normal; }
.ss-answers .btn.is-right { background: rgba(34, 197, 94, .25); border-color: #22c55e; } .ss-answers .btn.is-wrong { background: rgba(239, 68, 68, .22); border-color: #ef4444; }
.ss-why { background: rgba(255, 255, 255, .06); border-radius: 10px; padding: 8px 10px; margin: 8px 0; }
.ss-quiz .sim-result__card { margin: 0 auto; }
.sk-speed.is-fast { box-shadow: 0 0 0 3px #f97316; }
@container (max-width: 560px) { .ss-coach { top: 98px; left: 8px; max-width: 64%; font-size: 11.5px; padding: 5px 8px; } .ss-big b { font-size: 14px; } .ss-big small { font-size: 9px; } }