/* Speichern als lektion-07.css in Lektionen/Lektion-07-01/ */

#lesson7Area{display:none;}
#lesson7Area.active{display:block;}
.stopping-speed-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0;}
.stopping-speed-button{background:var(--blue-light);color:var(--blue-dark);border:2px solid var(--border);}
.stopping-speed-button.selected{background:var(--blue);color:white;border-color:var(--blue);}
.stopping-custom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}
.stopping-custom input{width:150px;padding:12px;border:2px solid var(--border);border-radius:8px;font-size:16px;}
.stopping-teacher-status{margin-top:18px;padding:16px;border-radius:12px;background:#eef3f7;line-height:1.5;}
.stopping-teacher-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.stopping-player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;}
.stopping-player-chip{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:white;}
.stopping-color-dot{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.2);flex:none;}
.stopping-board{position:relative;width:100%;height:100%;overflow:hidden;background:#7d9a65;color:#fff;}
.stopping-road{position:absolute;left:0;right:0;top:18%;height:70%;background:#555b5f;border-top:8px solid #d9d9d9;border-bottom:8px solid #d9d9d9;z-index:2;}
.stopping-road-center{position:absolute;left:0;right:0;top:50%;height:4px;background:repeating-linear-gradient(90deg,#fff 0 35px,transparent 35px 70px);opacity:.75;z-index:3;}
.stopping-post{position:absolute;bottom:8%;width:7px;height:54px;background:#f7f7f7;border:1px solid #777;transform:translateX(-50%);z-index:4;}
.stopping-post:after{content:"";position:absolute;left:-5px;top:10px;width:15px;height:10px;background:#111;border-radius:2px;}
.stopping-post-label{position:absolute;bottom:2%;transform:translateX(-50%);font-size:14px;font-weight:bold;color:white;text-shadow:0 1px 3px #000;z-index:5;}
.stopping-car{position:absolute;left:2%;width:72px;height:34px;border-radius:9px 13px 7px 7px;border:3px solid rgba(0,0,0,.35);box-shadow:0 4px 9px rgba(0,0,0,.3);z-index:20;transition:left 2.2s cubic-bezier(.25,.8,.25,1);}
.stopping-car:before,.stopping-car:after{content:"";position:absolute;bottom:-8px;width:14px;height:14px;border-radius:50%;background:#222;}
.stopping-car:before{left:10px}.stopping-car:after{right:10px}
.stopping-pin{position:absolute;top:20%;bottom:12%;width:4px;background:#ffd54a;transform:translateX(-50%);z-index:15;box-shadow:0 0 8px rgba(0,0,0,.3);}
.stopping-pin span{position:absolute;top:8px;left:8px;white-space:nowrap;background:#fff;color:#18364d;padding:7px 10px;border-radius:8px;font-weight:bold;box-shadow:0 3px 10px rgba(0,0,0,.2);}
.stopping-round-title{position:absolute;left:24px;top:20px;z-index:50;background:rgba(255,255,255,.95);color:var(--blue-dark);padding:12px 16px;border-radius:12px;font-size:20px;font-weight:bold;}
.stopping-ranking{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(24,54,77,.96);z-index:70;padding:30px;}
.stopping-ranking-card{width:min(850px,92vw);background:white;color:var(--text);border-radius:20px;padding:30px;box-shadow:0 10px 35px rgba(0,0,0,.3);}
.stopping-ranking-card h1{text-align:center;color:var(--blue-dark);margin-bottom:18px;}
.stopping-ranking-row{display:grid;grid-template-columns:65px 1fr 180px;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid #e5e7eb;font-size:20px;}
.stopping-ranking-row:last-child{border-bottom:0;}
.stopping-ranking-place{font-size:25px;font-weight:bold;text-align:center;}
@media(max-width:800px){.stopping-speed-grid{grid-template-columns:repeat(2,1fr)}.stopping-player-list{grid-template-columns:1fr}}