*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(circle at top left,rgba(207,32,48,.22),transparent 34rem),radial-gradient(circle at bottom right,rgba(40,120,255,.16),transparent 38rem),var(--bg)}a{color:inherit}.topbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:rgba(0,0,0,.28);backdrop-filter:blur(12px)}.footer{border-top:1px solid var(--border);border-bottom:0;margin-top:1rem;flex-wrap:wrap}.footer nav{display:flex;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem}.brand h1{font-size:1.15rem;margin:0;letter-spacing:.03em}.brand p{margin:.2rem 0 0;color:rgba(255,255,255,.72);font-size:.9rem}.logo{height:42px;width:auto}.version{font-size:.85rem;color:rgba(255,255,255,.72);white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;padding:1rem;max-width:1680px;margin:0 auto}.stage-card,.panel-box,.content-page{border:1px solid var(--border);background:var(--card);border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.stage-card{overflow:hidden;min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border);background:rgba(0,0,0,.22)}#statusText{display:block;color:rgba(255,255,255,.68);font-size:.82rem;margin-top:.15rem}.toolbar-buttons{display:flex;gap:.5rem;flex-wrap:wrap}button,select,textarea,input{font:inherit}button,select{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.1);color:var(--buttonText);padding:.55rem .7rem}button{cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06))}button:disabled{cursor:not-allowed;opacity:.45}.primary-action{background:linear-gradient(180deg,var(--accent),rgba(207,32,48,.62));border-color:rgba(255,255,255,.32);font-weight:800;box-shadow:0 0 22px rgba(207,32,48,.35)}button:hover{border-color:rgba(255,255,255,.35)}
.demo-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#020208;isolation:isolate;cursor:pointer;contain:layout paint style}.demo-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.2));z-index:3;pointer-events:none}.demo-stage.glow{filter:saturate(1.25) contrast(1.08)}.layer,canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#starCanvas{z-index:4;image-rendering:auto}.layer-plasma{z-index:1;opacity:.68;background:radial-gradient(circle at 20% 20%,rgba(255,0,120,.8),transparent 27%),radial-gradient(circle at 78% 28%,rgba(0,210,255,.68),transparent 26%),radial-gradient(circle at 44% 74%,rgba(255,230,0,.48),transparent 30%),linear-gradient(120deg,rgba(105,40,255,.45),rgba(0,0,0,.2));background-size:140% 140%,150% 150%,120% 120%,100% 100%;animation:plasmaMove 10s linear infinite;will-change:background-position,transform}.layer-tunnel{z-index:2;background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.16) 0 2px,transparent 3px 34px);transform:scale(1.7) rotate(0deg);animation:tunnelSpin 8s linear infinite;opacity:.48;will-change:transform}.layer-rasterbars{z-index:5;background:linear-gradient(180deg,transparent 0 18%,rgba(255,255,255,.06) 18% 19%,transparent 19% 23%,rgba(255,220,0,.45) 23% 26%,rgba(255,40,120,.4) 26% 29%,transparent 29% 38%,rgba(0,220,255,.38) 38% 41%,rgba(120,80,255,.38) 41% 44%,transparent 44% 56%,rgba(255,80,0,.36) 56% 59%,rgba(255,255,255,.07) 59% 61%,transparent 61% 100%);animation:rasterWave 5.6s ease-in-out infinite alternate;mix-blend-mode:screen;opacity:.9;will-change:transform}.layer-sprites{z-index:7}.sprite{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:16px;border:2px solid rgba(255,255,255,.7);display:grid;place-items:center;font-weight:900;font-size:28px;color:#fff;text-shadow:0 0 12px currentColor;box-shadow:0 0 20px rgba(255,255,255,.22);will-change:transform}.sprite.ball{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,rgba(0,220,255,.8) 18%,rgba(207,32,48,.2) 68%,rgba(0,0,0,.1))}.sprite.ship{clip-path:polygon(50% 0,90% 88%,50% 66%,10% 88%);border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(0,220,255,.45),rgba(207,32,48,.35))}.sprite.sign{background:rgba(0,0,0,.32)}.layer-vignette{z-index:9;background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.55) 100%)}.layer-scanlines{z-index:10;background:repeating-linear-gradient(180deg,rgba(0,0,0,.32) 0 1px,transparent 1px 4px);opacity:.55}.scroll-mask{position:absolute;left:0;right:0;bottom:0;height:34%;overflow:hidden;z-index:11;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.scroll-text{position:absolute;white-space:nowrap;left:0;bottom:14%;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(32px,5vw,92px);font-weight:900;letter-spacing:.06em;line-height:1;color:#ffe65a;-webkit-text-stroke:.045em #100;text-shadow:0 .06em 0 #000,0 0 24px rgba(255,230,90,.55);transform:translate3d(100%,0,0);will-change:transform}.start-overlay{position:absolute;z-index:20;inset:0;display:grid;place-content:center;text-align:center;background:rgba(0,0,0,.42)}.start-overlay strong{font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(34px,5vw,78px);color:#ffe65a;-webkit-text-stroke:3px #080808;text-shadow:0 0 24px rgba(255,230,90,.4)}.start-overlay span{margin-top:.65rem;color:rgba(255,255,255,.8);font-weight:700}.running .start-overlay{display:none}.hide-plasma .layer-plasma,.hide-tunnel .layer-tunnel,.hide-rasterbars .layer-rasterbars,.hide-scanlines .layer-scanlines,.hide-scrolltext .scroll-mask,.hide-sprites .layer-sprites{display:none}.control-panel{display:flex;flex-direction:column;gap:1rem}.panel-box{padding:1rem}.panel-box h2{font-size:1rem;margin:0 0 .75rem}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.switch{display:flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:12px;padding:.55rem;background:rgba(0,0,0,.16)}.switch input{accent-color:var(--accent)}label{display:block;margin:.75rem 0;color:rgba(255,255,255,.86)}textarea{width:100%;height:92px;resize:vertical;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.28);color:var(--fg);padding:.65rem;line-height:1.35}select{width:100%;margin-top:.35rem;background:#151522}input[type=range]{width:100%;accent-color:var(--accent)}output{float:right;color:rgba(255,255,255,.72)}.info p{line-height:1.45;color:rgba(255,255,255,.74);margin:.25rem 0 0}.content-page{max-width:980px;margin:1rem auto;padding:1.25rem;line-height:1.6}
.palette-fire .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(255,45,0,.9),transparent 28%),radial-gradient(circle at 76% 26%,rgba(255,170,0,.75),transparent 27%),radial-gradient(circle at 50% 75%,rgba(255,240,110,.55),transparent 32%),linear-gradient(120deg,rgba(80,0,0,.65),rgba(0,0,0,.2))}.palette-ice .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(0,190,255,.85),transparent 28%),radial-gradient(circle at 76% 26%,rgba(220,250,255,.7),transparent 27%),radial-gradient(circle at 50% 75%,rgba(70,80,255,.55),transparent 32%),linear-gradient(120deg,rgba(0,20,80,.55),rgba(0,0,0,.2))}.palette-matrix .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(0,255,90,.75),transparent 28%),radial-gradient(circle at 76% 26%,rgba(0,120,60,.62),transparent 27%),radial-gradient(circle at 50% 75%,rgba(180,255,200,.42),transparent 32%),linear-gradient(120deg,rgba(0,35,16,.65),rgba(0,0,0,.2))}.palette-c64 .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(117,137,191,.78),transparent 28%),radial-gradient(circle at 76% 26%,rgba(203,219,252,.62),transparent 27%),radial-gradient(circle at 50% 75%,rgba(136,57,50,.52),transparent 32%),linear-gradient(120deg,rgba(238,238,119,.26),rgba(0,0,0,.2))}.palette-mono .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.55),transparent 28%),radial-gradient(circle at 76% 26%,rgba(180,180,180,.45),transparent 27%),radial-gradient(circle at 50% 75%,rgba(90,90,90,.42),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.12),rgba(0,0,0,.2))}
@keyframes plasmaMove{0%{background-position:0 0,100% 0,40% 100%,0 0;transform:scale(1)}50%{background-position:80% 30%,20% 80%,70% 20%,0 0;transform:scale(1.05)}100%{background-position:0 0,100% 0,40% 100%,0 0;transform:scale(1)}}@keyframes tunnelSpin{from{transform:scale(1.7) rotate(0deg)}to{transform:scale(1.7) rotate(360deg)}}@keyframes rasterWave{from{transform:translate3d(0,-8%,0) skewY(-2deg)}to{transform:translate3d(0,8%,0) skewY(2deg)}}
@media (max-width:1100px){.layout{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar,.stage-toolbar{align-items:flex-start;flex-direction:column}.control-panel{display:flex}.switch-grid{grid-template-columns:1fr}.layout{padding:.6rem}.footer{display:block}.footer nav{margin-top:.75rem}.toolbar-buttons{width:100%}.toolbar-buttons button{flex:1 1 auto}}

/* v1.0.3 Erweiterungen: leichte Live-Varianten statt rechenintensiver Bildberechnung */
.sprite.rings{border-radius:50%;background:transparent;border-width:5px;box-shadow:inset 0 0 18px currentColor,0 0 24px currentColor}.sprite.diamonds{border-radius:8px;transform-origin:center;background:linear-gradient(135deg,rgba(255,255,255,.72),currentColor);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.sprite.stars,.sprite.hearts,.sprite.coins,.sprite.notes,.sprite.letters,.sprite.logos,.sprite.blocks,.sprite.invaders{background:rgba(0,0,0,.34)}.sprite.stars{border-radius:50%}.sprite.hearts{border-radius:18px}.sprite.logos{font-size:18px;letter-spacing:.02em}.sprite.invaders{font-size:18px;font-family:monospace;border-radius:6px;image-rendering:pixelated}.sprite.coins{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,currentColor 40%,rgba(0,0,0,.35) 78%);color:#ffe45c}.sprite.notes{font-size:34px}.sprite.letters{font-size:26px}.sprite.bubbles{border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),rgba(255,255,255,.1) 28%,rgba(0,220,255,.12) 68%,transparent);border-color:rgba(255,255,255,.68)}.sprite.comets{width:78px;height:28px;border-radius:999px;background:linear-gradient(90deg,transparent,currentColor);border:0;filter:drop-shadow(0 0 10px currentColor)}.sprite.blocks{border-radius:4px;box-shadow:8px 8px 0 rgba(255,255,255,.12),0 0 20px currentColor}
.plasma-waves .layer-plasma{background:repeating-linear-gradient(35deg,rgba(255,0,128,.35) 0 12px,rgba(0,220,255,.28) 12px 24px,rgba(255,230,0,.2) 24px 36px),radial-gradient(circle at 70% 30%,rgba(255,255,255,.22),transparent 32%);background-size:160% 160%;animation:plasmaMove 7s linear infinite}.plasma-blobs .layer-plasma{background:radial-gradient(circle at 18% 22%,rgba(255,0,128,.9),transparent 20%),radial-gradient(circle at 62% 30%,rgba(0,220,255,.8),transparent 22%),radial-gradient(circle at 40% 75%,rgba(255,230,0,.62),transparent 24%),radial-gradient(circle at 82% 78%,rgba(170,40,255,.7),transparent 18%);filter:blur(10px) saturate(1.25);animation:plasmaMove 9s ease-in-out infinite}.plasma-stripes .layer-plasma{background:repeating-linear-gradient(90deg,rgba(255,0,128,.5) 0 18px,rgba(0,220,255,.36) 18px 36px,rgba(255,230,0,.25) 36px 54px);animation:rasterWave 4s ease-in-out infinite alternate;mix-blend-mode:screen}.tunnel-warp .layer-tunnel{background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.18) 0 8deg,transparent 8deg 18deg);animation:tunnelSpin 6s linear infinite;opacity:.45}.tunnel-grid .layer-tunnel{background:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:44px 44px;transform:perspective(520px) rotateX(64deg) scale(1.8);animation:gridDrift 3.5s linear infinite;transform-origin:center bottom}.tunnel-hypno .layer-tunnel{background:repeating-radial-gradient(circle at center,rgba(255,255,255,.25) 0 5px,transparent 5px 18px);animation:tunnelPulse 2.4s ease-in-out infinite;opacity:.56}.raster-fat .layer-rasterbars{background:linear-gradient(180deg,transparent 0 20%,rgba(255,230,0,.72) 20% 28%,transparent 28% 38%,rgba(0,220,255,.58) 38% 47%,transparent 47% 58%,rgba(255,0,128,.56) 58% 67%,transparent 67% 100%)}.raster-thin .layer-rasterbars{background:repeating-linear-gradient(180deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px,rgba(0,220,255,.35) 20px 22px,transparent 22px 38px)}.raster-dual .layer-rasterbars{background:linear-gradient(180deg,transparent 0 16%,rgba(255,0,128,.48) 16% 18%,rgba(255,230,0,.55) 18% 21%,transparent 21% 55%,rgba(0,220,255,.48) 55% 58%,rgba(170,40,255,.52) 58% 62%,transparent 62% 100%)}.scan-fine .layer-scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.24) 0 1px,transparent 1px 3px)}.scan-coarse .layer-scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.42) 0 2px,transparent 2px 7px)}.scan-crt .layer-scanlines{background:repeating-linear-gradient(180deg,rgba(0,0,0,.42) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,0,0,.06) 0 1px,rgba(0,255,0,.04) 1px 2px,rgba(0,0,255,.06) 2px 3px);opacity:.68}.palette-sunset .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(255,77,109,.82),transparent 28%),radial-gradient(circle at 76% 26%,rgba(255,183,3,.66),transparent 27%),radial-gradient(circle at 50% 75%,rgba(131,56,236,.52),transparent 32%),linear-gradient(120deg,rgba(251,133,0,.3),rgba(0,0,0,.2))}.palette-acid .layer-plasma{background:radial-gradient(circle at 20% 25%,rgba(223,255,0,.78),transparent 28%),radial-gradient(circle at 76% 26%,rgba(0,255,204,.62),transparent 27%),radial-gradient(circle at 50% 75%,rgba(255,0,245,.56),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.08),rgba(0,0,0,.2))}
@keyframes gridDrift{from{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes tunnelPulse{0%,100%{transform:scale(1.45) rotate(0deg)}50%{transform:scale(1.85) rotate(22deg)}}

/* v1.0.8 lesbarer vertikaler Scrolltext + Scrolltext-Farben */
.save-result{padding:.65rem .75rem;border-bottom:1px solid var(--border);background:rgba(0,0,0,.18);font-size:.9rem;line-height:1.45;color:rgba(255,255,255,.88)}
.save-result:empty{display:none}.save-result a{color:#ffe65a;word-break:break-all}.save-result button{margin-left:.5rem;padding:.35rem .55rem}.save-note{color:rgba(255,255,255,.65);margin-left:.45rem}.viewer-layout{max-width:1380px;margin:0 auto;padding:1rem}.viewer-card{max-width:1280px;margin:0 auto}.viewer-toolbar{border-bottom:1px solid var(--border)}.viewer-bottom{display:flex;justify-content:center;padding:1rem;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}.viewer-create-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.7rem 1rem;background:linear-gradient(180deg,var(--accent),rgba(207,32,48,.6));font-weight:800;text-decoration:none;color:#fff;box-shadow:0 0 22px rgba(207,32,48,.28)}.hidden-controls{display:none!important}

/* v1.0.8 Erweiterungen: Scrollpositionen, vertikaler Scrolltext, C64-Rasterbars und weitere Sprites */
.scrollpos-top .scroll-mask{top:0;bottom:auto;height:30%;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}
.scrollpos-middle .scroll-mask{top:50%;bottom:auto;height:34%;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(0,0,0,.16),transparent)}
.scrollpos-bottom .scroll-mask{top:auto;bottom:0;height:34%}
.scrollmode-vertical .scroll-mask,.scrollmode-verticalSine .scroll-mask{top:0;bottom:0;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.22),transparent)}
.scrollmode-vertical .scroll-text,.scrollmode-verticalSine .scroll-text{left:50%;bottom:auto;top:0;white-space:nowrap;width:auto;max-width:none;text-align:left;line-height:1;writing-mode:horizontal-tb;text-orientation:mixed;font-size:clamp(30px,5vw,86px);transform-origin:center center}
.scrollmode-typewriter .scroll-text{left:0;bottom:35%;font-size:clamp(28px,4.2vw,72px)}
.scrollmode-strobe .scroll-text{text-shadow:0 0 18px currentColor,0 0 42px currentColor;-webkit-text-stroke:.04em #000}
.scrollmode-mirror .scroll-text{transform-origin:center center}.scrollmode-crawl3d .scroll-text{transform-origin:center bottom}
.sprite.c64chars,.sprite.bolts,.sprite.arrows,.sprite.planets,.sprite.smileys,.sprite.skulls,.sprite.sparkles{background:rgba(0,0,0,.34)}
.sprite.c64chars{font-family:"Courier New",monospace;font-size:32px;border-radius:2px;image-rendering:pixelated;box-shadow:6px 6px 0 rgba(0,0,0,.45),0 0 18px currentColor}.sprite.bolts{font-size:36px;border-radius:8px;border-color:currentColor}.sprite.arrows{font-size:34px;border-radius:8px}.sprite.planets{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,currentColor 34%,rgba(0,0,0,.8) 76%)}.sprite.smileys{font-size:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,currentColor 45%,rgba(0,0,0,.25) 80%);color:#ffe65a}.sprite.cubes{border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.8) 0 22%,currentColor 22% 58%,rgba(0,0,0,.45) 58%);clip-path:polygon(18% 8%,78% 8%,96% 28%,96% 82%,35% 96%,8% 70%,8% 25%)}.sprite.pyramids{border-radius:2px;background:linear-gradient(135deg,rgba(255,255,255,.8),currentColor 48%,rgba(0,0,0,.5));clip-path:polygon(50% 3%,96% 92%,5% 92%)}.sprite.checker{border-radius:3px;background-color:currentColor;background-image:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.5) 75%),linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.5) 75%);background-position:0 0,10px 10px;background-size:20px 20px}.sprite.orbs{border-radius:50%;border:0;background:radial-gradient(circle at 35% 25%,#fff,currentColor 28%,rgba(255,255,255,.14) 54%,transparent 72%);filter:drop-shadow(0 0 16px currentColor)}.sprite.skulls{font-size:32px;border-radius:10px}.sprite.sparkles{font-size:32px;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 8px currentColor)}
.raster-c64 .layer-rasterbars{background:linear-gradient(180deg,#6c5eb5 0 9%,#887ecb 9% 13%,transparent 13% 21%,#8b3f96 21% 25%,#b869c8 25% 29%,transparent 29% 43%,#4386c6 43% 47%,#75a9df 47% 52%,transparent 52% 66%,#d0dc71 66% 70%,#eeee77 70% 74%,transparent 74% 100%);opacity:.96;mix-blend-mode:normal;image-rendering:pixelated;animation:c64Raster 2.6s steps(14,end) infinite alternate}.raster-c64thin .layer-rasterbars{background:repeating-linear-gradient(180deg,transparent 0 10px,#6c5eb5 10px 12px,#887ecb 12px 14px,transparent 14px 24px,#b869c8 24px 26px,#eeee77 26px 28px,transparent 28px 42px);animation:c64Raster 2.2s steps(12,end) infinite alternate;mix-blend-mode:normal}.raster-amiga .layer-rasterbars{background:linear-gradient(180deg,transparent 0 12%,rgba(255,255,255,.16) 12% 13%,rgba(0,90,255,.68) 13% 18%,rgba(0,255,255,.62) 18% 23%,transparent 23% 42%,rgba(255,0,150,.62) 42% 48%,rgba(255,210,0,.62) 48% 53%,transparent 53% 100%);animation:rasterWave 3.2s ease-in-out infinite alternate}.raster-chunky .layer-rasterbars{background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px),linear-gradient(180deg,transparent 0 25%,rgba(255,230,90,.55) 25% 34%,transparent 34% 49%,rgba(0,220,255,.5) 49% 58%,transparent 58% 100%);image-rendering:pixelated;animation:c64Raster 3s steps(8,end) infinite alternate}.raster-split .layer-rasterbars{background:linear-gradient(180deg,rgba(255,0,128,.36) 0 15%,transparent 15% 47%,rgba(255,230,0,.45) 47% 53%,transparent 53% 85%,rgba(0,220,255,.36) 85% 100%);animation:rasterSplit 4s ease-in-out infinite alternate}
@keyframes c64Raster{from{transform:translate3d(0,-4%,0)}to{transform:translate3d(0,7%,0)}}@keyframes rasterSplit{from{transform:translate3d(0,-10%,0) skewY(-1deg)}to{transform:translate3d(0,10%,0) skewY(1deg)}}
.sprite.balls{border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,rgba(0,220,255,.8) 18%,rgba(207,32,48,.2) 68%,rgba(0,0,0,.1))}.sprite.ships{clip-path:polygon(50% 0,90% 88%,50% 66%,10% 88%);border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(0,220,255,.45),rgba(207,32,48,.35))}.sprite.signs{background:rgba(0,0,0,.32)}

.scrollmode-starwars .scroll-mask{top:0;bottom:0;height:auto;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 72%,rgba(0,0,0,.65) 100%)}
.scrollmode-starwars .scroll-text{left:50%;bottom:auto;top:auto;width:min(74%,980px);max-width:74%;white-space:pre-line;text-align:justify;line-height:1.18;letter-spacing:.02em;font-size:clamp(22px,3.1vw,48px);color:#f6d94b;-webkit-text-stroke:0;text-shadow:0 0 12px rgba(246,217,75,.18);transform-origin:center bottom;font-family:Arial Black,Impact,system-ui,sans-serif;padding:0 .4rem}

/* v1.0.13: Starwars-Scroller als echte 2D-Perspektiv-Projektion per Canvas, nicht als hochgeklappte Textebene */
.layer-crawl{position:absolute;inset:0;width:100%;height:100%;z-index:12;pointer-events:none;display:none}
.scrollmode-starwars .layer-crawl{display:block}
.scrollmode-starwars .scroll-mask{display:none!important}

/* v1.0.14: Zoom out Back bleibt als eigene alte Wegzoom-/Kippvariante erhalten */
.scrollmode-zoomOutBack .scroll-mask{top:0;bottom:0;height:auto;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 72%,rgba(0,0,0,.65) 100%);perspective:720px}
.scrollmode-zoomOutBack .scroll-text{left:50%;bottom:auto;top:auto;width:min(78%,980px);max-width:78%;white-space:pre-line;text-align:justify;line-height:1.18;letter-spacing:.02em;font-size:clamp(22px,3.1vw,48px);color:#f6d94b;-webkit-text-stroke:0;text-shadow:0 0 12px rgba(246,217,75,.18);transform-origin:center bottom;font-family:Arial Black,Impact,system-ui,sans-serif;padding:0 .4rem}