Pabloler21 Claude Sonnet 4.6 commited on
Commit
3fdca48
·
1 Parent(s): 817bcec

style(game): scene dissolves to shadow + fog (O2 — one image, no rectangle)

Browse files
Files changed (1) hide show
  1. styles.css +7 -7
styles.css CHANGED
@@ -1412,8 +1412,8 @@ footer { display: none !important; }
1412
  background-position: center 40%;
1413
  background-repeat: no-repeat;
1414
  filter: grayscale(1) brightness(0.46);
1415
- -webkit-mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 26%, transparent 90%);
1416
- mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 26%, transparent 90%);
1417
  z-index: 1;
1418
  pointer-events: none;
1419
  }
@@ -1435,7 +1435,7 @@ footer { display: none !important; }
1435
  inset: 0;
1436
  pointer-events: none;
1437
  z-index: 3;
1438
- box-shadow: inset 0 0 170px 45px rgba(0,0,0,0.6);
1439
  }
1440
 
1441
  /* rising ground fog — dissolves the child's lower half */
@@ -1443,13 +1443,13 @@ footer { display: none !important; }
1443
  position: fixed;
1444
  left: var(--band-h); right: var(--band-h); /* confined to the frame width */
1445
  bottom: var(--band-v); /* rises from the frame's base */
1446
- height: calc(var(--fh) * 0.46);
1447
  z-index: 5; /* above the child (z-index 4) so it veils the legs */
1448
  pointer-events: none;
1449
  background: linear-gradient(transparent,
1450
- rgba(150,150,165,0.07) 45%,
1451
- rgba(180,180,196,0.13) 78%,
1452
- rgba(190,190,205,0.20));
1453
  -webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
1454
  mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
1455
  }
 
1412
  background-position: center 40%;
1413
  background-repeat: no-repeat;
1414
  filter: grayscale(1) brightness(0.46);
1415
+ -webkit-mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 18%, transparent 88%);
1416
+ mask: radial-gradient(ellipse 80% 82% at 50% 46%, #000 18%, transparent 88%);
1417
  z-index: 1;
1418
  pointer-events: none;
1419
  }
 
1435
  inset: 0;
1436
  pointer-events: none;
1437
  z-index: 3;
1438
+ box-shadow: inset 0 0 210px 90px rgba(5,4,10,0.92);
1439
  }
1440
 
1441
  /* rising ground fog — dissolves the child's lower half */
 
1443
  position: fixed;
1444
  left: var(--band-h); right: var(--band-h); /* confined to the frame width */
1445
  bottom: var(--band-v); /* rises from the frame's base */
1446
+ height: calc(var(--fh) * 0.55);
1447
  z-index: 5; /* above the child (z-index 4) so it veils the legs */
1448
  pointer-events: none;
1449
  background: linear-gradient(transparent,
1450
+ rgba(150,150,168,0.10) 50%,
1451
+ rgba(170,170,190,0.18) 80%,
1452
+ rgba(180,180,200,0.26));
1453
  -webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
1454
  mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
1455
  }