/* Walter's place on the classroom board, shared by both child views. */
.sea-status{position:relative;isolation:isolate;min-width:0}
.sea-status::before,.sea-status::after{content:"";position:absolute;border:2px solid #92bcb5;border-radius:50%;z-index:-1;opacity:.45;pointer-events:none}
.sea-status::before{width:13px;height:13px;top:29px;left:21%}
.sea-status::after{width:7px;height:7px;top:8px;left:25%}
.sea-steps{list-style:none;margin:0;padding:70px 3px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;height:194px;border-bottom:3px solid #b0cfc2}
.sea-step{height:calc(24px + var(--step)*16px);position:relative;border:1px solid #a8c9ba;border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(#f7fcf9,#dcece2);display:flex;align-items:flex-start;justify-content:center;padding:10px 0 0;color:#486b62;min-width:0}
.sea-step-number{font-weight:bold;font-size:1rem;line-height:1.1}
.sea-step.reached{background:#c8e1d5;border-color:#83b59f;color:#285b4b}
.sea-step.current{background:linear-gradient(#ffe193,#f3cb65);border:2px solid #997123;border-bottom:0;color:#3e541e;box-shadow:0 -3px 0 #fff8df}
.sea-step.current .sea-step-number{font-size:1.2rem}
.sea-fish{position:absolute;width:68px;max-width:145%;height:auto;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);filter:drop-shadow(0 3px 2px #52765e20)}
.sea-status .sea-next{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff8e4;border:1px solid #e2cb90;border-radius:12px;font-size:1rem;font-weight:bold;color:var(--deep);line-height:1.5;margin:17px 0 0;padding:11px 12px;text-align:center}
.sea-next img{flex:none;object-fit:contain;width:18px;height:29px}
.sea-next .sea-star{color:#956c11;font-size:1.5rem}
.sea-status .sea-next.complete{background:#fff1c2}
.student-board{width:330px;flex:0 0 330px;min-width:0;border-left:1px solid #b6d1c1;padding-left:28px}
.student-board .board-caption{font-weight:bold;color:var(--deep);font-size:1.12rem;margin:0 0 3px;text-align:center}
.student-board .sea-steps{height:176px;padding-top:54px;gap:7px}
.student-board .sea-status .sea-next{font-size:.91rem;padding:10px;margin-top:14px}
.student-progress>div:first-child{min-width:0}
@media(max-width:760px){.student-progress{flex-direction:column;align-items:stretch}.student-board{width:100%;flex:auto;border-left:0;border-top:1px solid #b6d1c1;padding:20px 0 0}.student-board .sea-status{max-width:370px;margin:auto}.student-board .sea-steps{height:185px;padding-top:63px}}
@media(max-width:380px){.sea-steps{gap:5px;height:181px;padding-top:57px}.sea-fish{max-width:150%}.sea-status .sea-next{font-size:.95rem;padding:10px 8px;gap:7px}}
@media(forced-colors:active){.sea-step.current{outline:3px solid Highlight;outline-offset:2px}.sea-step.reached{border-style:dashed}.sea-next{border:1px solid CanvasText}}