/* Bildflaeche von Shape Scale (scene.js): Spielseite UND Live-Demo im Regeln-Sheet. Das umgebende .ss-stage (position: relative, overflow:
   hidden) bringt die jeweilige Seite mit. */
.ss-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; user-select: none; -webkit-user-select: none; }
.ss-anim .ss-scene { transition: transform 0.22s ease-out; }
.ss-ref { fill: var(--ss-green); }
.ss-tgt { fill: var(--terra); }
.ss-band-outer, .ss-band-inner { fill: none; stroke: #3F9BC7; stroke-width: 1.8px; stroke-dasharray: 6 4; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.ss-true { fill: rgb(var(--ink-rgb) / 0.12); stroke: var(--ink); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; } /* Navy bzw. im Dunkeln hell: kollidiert weder mit Terrakotta, Gruen noch dem blauen Band */
.ss-hide { display: none; }
@media (prefers-reduced-motion: reduce) { .ss-anim .ss-scene { transition: none; } }