/* Rink interior and real station buttons. No curriculum/progression rules. */
.rink-page{background:linear-gradient(#152d3c,#24465b);color:#eef8ff}.rink-page header{max-width:1440px;padding:12px 24px}.rink-page .brand,.rink-page .store-nav,.rink-page header button{color:#e9f7ff}.rink-page header button{border-color:#62869d}.rink-page main{max-width:1440px;padding-top:0}.rink-page footer{color:#bad3e4}.rink-destination{border:1px solid #657e8e;border-radius:16px;overflow:hidden;background:#102d40;box-shadow:0 12px 40px #06131f66}.rink-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#102b3bf5;border-bottom:1px solid #c7a457}.rink-toolbar .back{margin:0;color:#d7f1ff;min-height:44px;display:flex;align-items:center;font-size:13px}.rink-toolbar h1{font-size:30px;margin:0;color:#ffe096;letter-spacing:.2px}.rink-toolbar p{font-size:12px;margin:3px 0 0;color:#c4deed}.rink-count{font-size:12px;color:#c8e7f4;white-space:nowrap}.rink-interior{position:relative;width:100%;aspect-ratio:3/2;isolation:isolate;background:#b5dbe9}.rink-interior picture,.rink-interior-image{display:block;width:100%;height:100%}.rink-interior-image{object-fit:fill}.rink-station-signs{position:absolute;inset:0}.rink-station{position:absolute;left:var(--wx);top:var(--wy);width:var(--ww);height:var(--wh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:85px;padding:24px 10px 12px;background:linear-gradient(130deg,#25516e 0,#09243d 32%,#102d49 70%,#051d32);color:#f3f7ff;border:5px ridge #b99145;border-radius:36px 36px 14px 14px;box-shadow:inset 0 0 0 2px #e6ca7b,0 9px 0 #796130,0 13px 0 #15202b,0 18px 18px #143e5b66;text-align:center;transform:none;transition:filter .15s}.rink-station:hover:not(:disabled){transform:none;filter:brightness(1.15)}.rink-station:focus-visible{outline:4px solid #00b8f5;outline-offset:6px;z-index:5}.rink-station strong{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(18px,2.35vw,35px);line-height:1.04;overflow-wrap:normal;text-wrap:balance}.station-medallion{position:absolute;left:50%;top:0;transform:translate(-50%,-70%);display:grid;place-items:center;width:clamp(42px,5.3vw,76px);height:clamp(42px,5.3vw,76px);border-radius:50%;border:4px ridge #e5bb5f;box-shadow:inset 0 0 0 2px #73dcec,0 3px 0 #3e391d;background:radial-gradient(ellipse at 35% 25%,#14788b,#052944 75%);font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(30px,3.8vw,55px);color:#fff0c4;font-weight:800}.station-state{display:block;max-width:100%;font-size:clamp(10px,1.1vw,16px);line-height:1.2;padding:6px 10px;color:#102f48;background:linear-gradient(#e8f1ff,#95b4d5);border:1px solid #5d7a9a;border-radius:7px;box-shadow:0 2px 0 #05182b;font-weight:800}.next-station{border-color:#ffd259;box-shadow:inset 0 0 0 2px #fff1b5,0 9px 0 #b98b29,0 13px 0 #7b5714,0 0 24px #ffd259cc}.next-station .station-state{background:linear-gradient(#ffe9a0,#eebf4c);color:#463014}.station-complete .station-state{background:#bde3d5;color:#164f42}.station-preview{background:linear-gradient(130deg,#3a506b,#10263d 75%)}.rink-explore-note{padding:14px 20px;margin:0;font-size:12px;line-height:1.6;color:#c7dfed}.rink-page .content-update{margin:14px}
@media(max-width:700px){.rink-page header{padding:10px 12px;flex-wrap:wrap;gap:6px}.rink-page header button{padding:7px 9px;min-height:36px}.rink-page .brand-title{font-size:22px}.rink-page .store-nav{font-size:11px}.rink-page main{padding:0 8px 25px}.rink-toolbar{padding:10px;flex-wrap:wrap;gap:4px 12px}.rink-toolbar .back{font-size:11px}.rink-toolbar h1{font-size:26px}.rink-toolbar p{font-size:11px}.rink-count{width:100%;font-size:10px;text-align:right}.rink-interior{aspect-ratio:1/2}.rink-station{left:var(--tx);top:var(--ty);width:var(--tw);height:var(--th);min-height:78px;padding:14px 6px 7px;gap:4px;border-width:3px;border-radius:22px 22px 9px 9px;box-shadow:inset 0 0 0 1px #e6ca7b,0 5px 0 #796130,0 8px 0 #15202b,0 12px 10px #143e5b55}.rink-station strong{font-size:clamp(17px,4.5vw,25px);line-height:1.02}.station-medallion{width:38px;height:38px;border-width:3px;font-size:27px;transform:translate(-50%,-76%)}.station-state{font-size:10px;padding:4px 6px}.rink-explore-note{font-size:11px;padding:12px}.next-station{box-shadow:inset 0 0 0 1px #fff1b5,0 5px 0 #b98b29,0 8px 0 #7b5714,0 0 18px #ffd259bb}}
@media(prefers-reduced-motion:reduce){.rink-station{transition:none}}
.rink-toolbar button{font-size:12px;min-height:44px;padding:9px 12px;background:#193e56;color:#e4f6ff;border:1px solid #6b9dbb}
/* Fit wide screens where labels stay readable; short windows may still scroll. */
@media(min-width:701px){.rink-interior{width:min(100%,calc((100dvh - 230px)*1.5));min-width:min(100%,720px);margin-inline:auto;container-type:inline-size}.rink-station strong{font-size:clamp(18px,2.35cqw,35px)}.station-medallion{width:clamp(42px,5.3cqw,76px);height:clamp(42px,5.3cqw,76px);font-size:clamp(30px,3.8cqw,55px)}.station-state{font-size:clamp(10px,1.1cqw,16px)}}

/* Upright rink signs on short twin runners. Feet/shadows, not card offsets,
   establish contact with the ice. Positions are calibrated to each artwork. */
.rink-station{min-height:90px;padding:14px 6px 6px;gap:4px;border-width:3px;border-radius:20px 20px 7px 7px;box-shadow:inset 0 0 0 1px #e6ca7b,0 4px 0 #796130;overflow:visible;z-index:1}
.rink-station::before{content:"";position:absolute;pointer-events:none;left:21%;right:21%;top:100%;height:10px;background:linear-gradient(90deg,#304b5c 0 13%,transparent 13% 87%,#304b5c 87%);border-bottom:3px solid #17354b;border-radius:0 0 45% 45%;box-shadow:0 2px 0 #d6f4ffb0}
.rink-station::after{content:"";position:absolute;pointer-events:none;left:12%;width:80%;top:calc(100% + 8px);height:9px;border-radius:50%;background:radial-gradient(ellipse,#153b5966,transparent 72%);transform:skewX(-22deg)}
.rink-station.next-station{box-shadow:inset 0 0 0 1px #fff1b5,0 4px 0 #b98b29,0 0 12px #ffd25977}
@media(min-width:701px){.rink-station strong{font-size:clamp(16px,2.35cqw,32px)}.station-medallion{width:clamp(34px,4.6cqw,66px);height:clamp(34px,4.6cqw,66px);font-size:clamp(25px,3.3cqw,48px)}.station-state{padding:4px 6px}}
@media(max-width:700px){.rink-station{min-height:80px;padding:10px 4px 5px;gap:3px;border-radius:16px 16px 6px 6px}.rink-station strong{font-size:clamp(15px,4vw,25px);line-height:1.02}.station-medallion{width:30px;height:30px;border-width:2px;font-size:23px;transform:translate(-50%,-72%)}.station-state{font-size:10px;padding:3px 5px}.rink-station::before{height:8px}.rink-station::after{top:calc(100% + 6px);height:7px}}

@media(max-width:700px){.rink-station .station-medallion{transform:translate(-50%,-50%)}}

@media(min-width:701px){.rink-station .station-medallion{transform:translate(-50%,-30%)}}