/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* ページ全体 */

/* 星空レイヤー */
.stars-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  will-change: transform;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 遠い星 */
#stars {
  opacity: 0.45;
  filter: blur(.3px);
  background-image:
    radial-gradient(circle at 5% 10%, rgba(255,255,255,0.95) 1px, transparent 1.5px),
    radial-gradient(circle at 15% 40%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 25% 70%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 35% 20%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 45% 60%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 55% 30%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 65% 80%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 75% 50%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 85% 25%, rgba(255,255,255,0.9) 1px, transparent 1.5px),
    radial-gradient(circle at 95% 75%, rgba(255,255,255,0.9) 1px, transparent 1.5px);
  animation: drift1 10s linear infinite;
}

/* 中間の星 */
#stars2 {
  opacity: 0.8;
  filter: blur(.2px);
  background-image:
    radial-gradient(circle at 7% 80%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 29% 48%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 41% 10%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 53% 62%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 64% 32%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 76% 72%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 88% 22%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 92% 44%, rgba(255,255,255,0.98) 1.2px, transparent 2px),
    radial-gradient(circle at 35% 88%, rgba(255,255,255,0.98) 1.2px, transparent 2px);
  animation: drift2 90s linear infinite reverse;
}

/* 近い星 */
#stars3 {
  opacity: 1;
  background-image:
    radial-gradient(circle at 12% 28%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 22% 58%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 34% 12%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 48% 42%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 61% 68%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 72% 25%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 82% 52%, rgba(255,255,255,1) 1.6px, transparent 2.6px),
    radial-gradient(circle at 94% 14%, rgba(255,255,255,1) 1.6px, transparent 2.6px);
  animation: drift3 20s linear infinite;
}

/* アニメーション */
@keyframes drift1 {
  0%   { transform: translateY(0) }
  50%  { transform: translateY(-6%) }
  100% { transform: translateY(0) }
}
@keyframes drift2 {
  0%   { transform: translateY(0) translateX(0) }
  50%  { transform: translateY(-12%) translateX(2%) }
  100% { transform: translateY(0) translateX(0) }
}
@keyframes drift3 {
  0%   { transform: translateY(0) translateX(0) }
  50%  { transform: translateY(-18%) translateX(-3%) }
  100% { transform: translateY(0) translateX(0) }
}




/* ---- 追加分 ---- */

/* ランダム大量星 (box-shadow) */
.stars-random {
  position: fixed;
  top: 0; left: 0;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    50px 100px #fff, 120px 350px #fff, 300px 400px #fff,
    450px 600px #fff, 700px 200px #fff, 900px 800px #fff,
    1200px 500px #fff, 1500px 700px #fff, 1800px 300px #fff,
    2000px 900px #fff, 2300px 400px #fff, 2600px 600px #fff,
    2800px 100px #fff, 2950px 850px #fff;
  animation: drift-random 120s linear infinite;
  z-index: 0;
}
.stars-random::after {
  content: "";
  position: absolute;
  top: 1000px;
  width: 1px;
  height: 1px;
  box-shadow: inherit;
}

/* ランダム星が上下に動く */
@keyframes drift-random {
  from { transform: translateY(0); }
  to   { transform: translateY(-1000px); }
}

/* キラキラする星 */
.twinkle {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.twinkle span {
  position: absolute;
  width: 2px; height: 2px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  animation: twinkleAnim 3s infinite ease-in-out;
}
@keyframes twinkleAnim {
  0%, 100% { opacity: 0; transform: scale(0.5); }
  50% { opacity: 1; transform: scale(1.3); }
}


/* 左から右に吹き出す小粒 */
.shooting {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
.shooting span {
  position: absolute;
  width: 2px; height: 2px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  animation: shootAnim 5s linear infinite;
}
@keyframes shootAnim {
  0%   { transform: translateX(-10%) translateY(0); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: translateX(120vw) translateY(-20vh); opacity: 0; }
}

/* 星空 */
.stars::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow:
    2811px 297px #fff,
    2786px 875px #fff,
    1543px 496px #fff,
    1983px 414px #fff,
    2005px 880px #fff,
    2139px 971px #fff,
    1789px 312px #fff,
    330px 216px #fff,
    787px 719px #fff,
    228px 342px #fff,
    622px 137px #fff,
    936px 737px #fff,
    1953px 75px #fff,
    2668px 953px #fff,
    731px 982px #fff,
    791px 475px #fff,
    2630px 953px #fff,
    686px 741px #fff,
    1517px 479px #fff,
    2887px 850px #fff,
    1288px 539px #fff,
    1341px 527px #fff,
    2904px 564px #fff,
    471px 98px #fff,
    635px 326px #fff,
    337px 863px #fff,
    2290px 511px #fff,
    1222px 501px #fff,
    2324px 625px #fff,
    2911px 868px #fff,
    1636px 132px #fff,
    173px 829px #fff,
    687px 827px #fff,
    2390px 70px #fff,
    2310px 750px #fff,
    1819px 156px #fff,
    1196px 813px #fff,
    231px 527px #fff,
    730px 7px #fff,
    104px 909px #fff,
    1706px 642px #fff,
    599px 858px #fff,
    1812px 188px #fff,
    2310px 272px #fff,
    2375px 634px #fff,
    1078px 933px #fff,
    399px 960px #fff,
    2755px 880px #fff,
    907px 657px #fff,
    3000px 648px #fff,
    526px 470px #fff,
    2115px 910px #fff,
    1139px 177px #fff,
    1774px 104px #fff,
    1827px 634px #fff,
    2750px 297px #fff,
    814px 691px #fff,
    300px 21px #fff,
    429px 356px #fff,
    2407px 472px #fff,
    686px 299px #fff,
    717px 215px #fff,
    2676px 478px #fff,
    963px 899px #fff,
    1661px 493px #fff,
    413px 34px #fff,
    2091px 34px #fff,
    401px 630px #fff,
    2408px 917px #fff,
    2137px 188px #fff,
    2805px 68px #fff,
    1px 479px #fff,
    329px 828px #fff,
    2706px 153px #fff,
    612px 536px #fff,
    416px 275px #fff,
    1906px 534px #fff,
    1964px 209px #fff,
    324px 840px #fff,
    2794px 470px #fff,
    2166px 682px #fff,
    2115px 231px #fff,
    2029px 728px #fff,
    718px 621px #fff,
    1849px 160px #fff,
    2524px 357px #fff,
    925px 817px #fff,
    1594px 544px #fff,
    1px 976px #fff,
    292px 488px #fff,
    2275px 197px #fff,
    85px 116px #fff,
    887px 788px #fff,
    2240px 880px #fff,
    1375px 288px #fff,
    1687px 128px #fff,
    2976px 937px #fff,
    1344px 657px #fff,
    2695px 535px #fff,
    1287px 224px #fff,
    1433px 82px #fff,
    1674px 297px #fff,
    1991px 994px #fff,
    2896px 328px #fff,
    2799px 171px #fff,
    545px 607px #fff,
    2219px 118px #fff,
    2268px 386px #fff,
    1355px 359px #fff,
    1999px 401px #fff,
    1991px 338px #fff,
    155px 472px #fff,
    2270px 976px #fff,
    1949px 343px #fff,
    1140px 956px #fff,
    1398px 567px #fff,
    1760px 803px #fff,
    2654px 513px #fff,
    244px 394px #fff,
    2681px 802px #fff,
    601px 230px #fff,
    1426px 95px #fff,
    2484px 67px #fff,
    1282px 27px #fff,
    1264px 812px #fff,
    744px 663px #fff,
    1085px 988px #fff,
    482px 360px #fff,
    2239px 488px #fff,
    639px 449px #fff,
    1937px 597px #fff,
    1007px 623px #fff,
    2206px 95px #fff,
    2237px 0px #fff,
    779px 142px #fff,
    423px 844px #fff,
    529px 197px #fff,
    826px 470px #fff,
    2520px 443px #fff,
    359px 307px #fff,
    779px 24px #fff,
    528px 382px #fff,
    482px 797px #fff,
    491px 281px #fff,
    1519px 349px #fff,
    1797px 143px #fff,
    1518px 91px #fff,
    2748px 640px #fff,
    2682px 233px #fff,
    1968px 107px #fff,
    300px 709px #fff,
    1184px 918px #fff,
    821px 265px #fff,
    2115px 192px #fff,
    529px 559px #fff,
    1166px 913px #fff,
    1021px 663px #fff,
    1816px 319px #fff,
    390px 645px #fff,
    1412px 111px #fff,
    2970px 14px #fff,
    2161px 742px #fff,
    176px 891px #fff,
    2606px 65px #fff,
    2076px 805px #fff,
    296px 18px #fff,
    2469px 968px #fff,
    129px 430px #fff,
    876px 695px #fff,
    1614px 579px #fff,
    1677px 188px #fff,
    774px 901px #fff,
    539px 163px #fff,
    605px 650px #fff,
    2021px 859px #fff,
    687px 24px #fff,
    2441px 29px #fff,
    1381px 772px #fff,
    2548px 85px #fff,
    2663px 939px #fff,
    2755px 918px #fff,
    1976px 905px #fff,
    167px 477px #fff,
    2806px 778px #fff,
    1969px 349px #fff,
    1966px 882px #fff,
    2569px 857px #fff,
    1509px 834px #fff,
    2164px 782px #fff,
    2206px 584px #fff,
    2006px 920px #fff,
    0px 494px #fff,
    711px 258px #fff,
    967px 57px #fff,
    2159px 106px #fff,
    2571px 459px #fff,
    2915px 996px #fff,
    2133px 880px #fff,
    522px 352px #fff,
    1677px 627px #fff,
    2964px 49px #fff,
    2103px 829px #fff,
    1995px 953px #fff,
    2887px 907px #fff,
    666px 971px #fff,
    1926px 355px #fff,
    1828px 649px #fff,
    141px 698px #fff,
    1827px 215px #fff,
    1100px 688px #fff,
    483px 745px #fff,
    2129px 374px #fff,
    1062px 556px #fff,
    2893px 807px #fff,
    1960px 302px #fff,
    1500px 669px #fff,
    1121px 939px #fff,
    540px 917px #fff,
    1585px 490px #fff,
    638px 325px #fff,
    1078px 491px #fff,
    326px 383px #fff,
    1030px 695px #fff,
    1587px 959px #fff,
    1576px 433px #fff,
    324px 263px #fff,
    1986px 176px #fff,
    2157px 40px #fff,
    2093px 265px #fff,
    2987px 780px #fff,
    1220px 11px #fff,
    1300px 23px #fff,
    831px 156px #fff,
    1505px 914px #fff,
    1959px 331px #fff,
    350px 656px #fff,
    633px 239px #fff,
    665px 758px #fff,
    2793px 880px #fff,
    1890px 697px #fff,
    804px 790px #fff,
    2688px 366px #fff,
    937px 615px #fff,
    1206px 72px #fff,
    2653px 9px #fff,
    334px 789px #fff,
    2642px 29px #fff,
    2547px 996px #fff,
    2648px 351px #fff,
    2614px 80px #fff,
    16px 550px #fff,
    2266px 946px #fff,
    1207px 906px #fff,
    2547px 357px #fff,
    1830px 291px #fff,
    1345px 983px #fff,
    1912px 140px #fff,
    1067px 36px #fff,
    2572px 649px #fff,
    1728px 279px #fff,
    853px 322px #fff,
    964px 758px #fff,
    2135px 416px #fff,
    1250px 307px #fff,
    169px 412px #fff,
    2694px 81px #fff,
    846px 583px #fff,
    2481px 687px #fff,
    205px 552px #fff,
    1150px 321px #fff,
    813px 143px #fff,
    1228px 384px #fff,
    1819px 228px #fff,
    982px 637px #fff,
    2672px 480px #fff,
    667px 591px #fff,
    2835px 345px #fff,
    1589px 601px #fff,
    2896px 51px #fff,
    2245px 511px #fff,
    2195px 520px #fff,
    2216px 564px #fff,
    1765px 188px #fff,
    1813px 312px #fff,
    1946px 558px #fff,
    1177px 759px #fff,
    87px 360px #fff,
    306px 962px #fff,
    1629px 214px #fff,
    2928px 471px #fff,
    2563px 364px #fff,
    1595px 142px #fff,
    2377px 550px #fff,
    1668px 257px #fff,
    2209px 393px #fff,
    1537px 533px #fff,
    2071px 424px #fff,
    833px 791px #fff,
    513px 747px #fff,
    2421px 692px #fff,
    1298px 948px #fff,
    2826px 740px #fff,
    267px 581px #fff,
    1173px 997px #fff,
    324px 828px #fff,
    2104px 289px #fff,
    2049px 434px #fff,
    356px 430px #fff,
    1886px 819px #fff,
    2818px 660px #fff,
    1020px 446px #fff,
    1474px 208px #fff,
    285px 104px #fff,
    1211px 417px #fff,
    1613px 978px #fff,
    983px 845px #fff,
    1603px 746px #fff,
    16px 28px #fff,
    1140px 801px #fff,
    2509px 863px #fff,
    2691px 54px #fff,
    370px 620px #fff,
    1732px 72px #fff,
    1525px 301px #fff,
    1313px 519px #fff,
    1240px 367px #fff,
    1100px 183px #fff,
    1837px 147px #fff,
    1349px 53px #fff,
    960px 355px #fff,
    2279px 758px #fff,
    712px 880px #fff,
    951px 427px #fff,
    275px 608px #fff,
    1851px 294px #fff,
    2173px 774px #fff,
    2072px 935px #fff,
    1987px 380px #fff,
    1720px 7px #fff,
    1659px 142px #fff,
    2039px 181px #fff,
    964px 717px #fff,
    1424px 980px #fff,
    1778px 933px #fff,
    1703px 839px #fff,
    161px 997px #fff,
    1106px 382px #fff,
    439px 714px #fff,
    136px 464px #fff,
    1853px 679px #fff,
    774px 291px #fff,
    733px 162px #fff,
    2302px 382px #fff,
    2380px 633px #fff,
    2251px 448px #fff,
    1349px 123px #fff,
    1633px 602px #fff,
    1225px 817px #fff,
    408px 312px #fff,
    2223px 27px #fff,
    1005px 439px #fff,
    2973px 224px #fff,
    1508px 27px #fff,
    2596px 361px #fff,
    1868px 331px #fff,
    436px 297px #fff,
    1767px 76px #fff,
    1072px 495px #fff,
    819px 593px #fff,
    1891px 481px #fff,
    2967px 264px #fff,
    752px 554px #fff,
    2433px 4px #fff,
    1229px 816px #fff,
    2822px 55px #fff,
    392px 825px #fff,
    2836px 165px #fff,
    219px 487px #fff,
    11px 782px #fff,
    254px 892px #fff,
    1773px 247px #fff,
    1857px 661px #fff,
    467px 708px #fff,
    2033px 279px #fff,
    739px 415px #fff,
    310px 14px #fff,
    1112px 906px #fff,
    1125px 646px #fff,
    887px 88px #fff,
    1630px 298px #fff,
    45px 618px #fff,
    2452px 198px #fff,
    2748px 676px #fff,
    2307px 595px #fff,
    2655px 513px #fff,
    2211px 648px #fff,
    2525px 217px #fff,
    1061px 536px #fff,
    761px 165px #fff,
    1626px 915px #fff,
    423px 82px #fff,
    422px 360px #fff,
    29px 426px #fff,
    2758px 646px #fff,
    2230px 620px #fff,
    1740px 804px #fff,
    84px 508px #fff,
    383px 931px #fff,
    991px 389px #fff,
    664px 314px #fff,
    1514px 278px #fff,
    706px 916px #fff,
    2175px 588px #fff,
    1689px 136px #fff,
    2319px 266px #fff,
    408px 622px #fff,
    479px 733px #fff,
    1403px 870px #fff,
    2135px 581px #fff,
    1106px 843px #fff,
    313px 942px #fff,
    1794px 134px #fff,
    2379px 935px #fff,
    2312px 648px #fff,
    987px 953px #fff,
    1403px 345px #fff,
    954px 722px #fff,
    1086px 249px #fff,
    1242px 520px #fff,
    2641px 71px #fff,
    1808px 354px #fff,
    1071px 369px #fff,
    841px 449px #fff,
    2956px 995px #fff,
    1711px 133px #fff,
    920px 46px #fff,
    504px 591px #fff,
    1859px 972px #fff,
    1244px 161px #fff,
    2222px 441px #fff,
    1125px 689px #fff,
    939px 251px #fff,
    307px 321px #fff,
    1541px 764px #fff,
    1194px 304px #fff,
    658px 168px #fff,
    2661px 181px #fff,
    1560px 649px #fff,
    1597px 417px #fff,
    2856px 16px #fff,
    321px 1000px #fff,
    522px 311px #fff,
    1837px 24px #fff,
    2946px 521px #fff,
    1116px 501px #fff,
    540px 649px #fff,
    2651px 871px #fff,
    1411px 241px #fff,
    1427px 179px #fff,
    2674px 310px #fff,
    1266px 85px #fff,
    1085px 333px #fff,
    1268px 331px #fff,
    2154px 317px #fff,
    1908px 445px #fff,
    1166px 181px #fff,
    1504px 388px #fff,
    209px 322px #fff,
    513px 973px #fff,
    2496px 277px #fff,
    2478px 138px #fff,
    2888px 445px #fff,
    1072px 858px #fff,
    9px 870px #fff,
    1172px 836px #fff,
    2718px 79px #fff,
    1198px 905px #fff,
    2567px 309px #fff,
    84px 228px #fff,
    1040px 185px #fff,
    2824px 238px #fff,
    314px 760px #fff,
    2002px 145px #fff,
    720px 307px #fff,
    344px 526px #fff,
    1173px 832px #fff,
    1807px 156px #fff,
    602px 455px #fff,
    1756px 164px #fff,
    2410px 555px #fff,
    2500px 382px #fff,
    2351px 519px #fff,
    879px 877px #fff,
    1780px 793px #fff,
    2556px 269px #fff,
    2753px 153px #fff,
    682px 525px #fff,
    2067px 344px #fff,
    1554px 868px #fff,
    2450px 812px #fff;
}

/* 光の川 */
.stream {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stream span {
  position: absolute;
  left: 0;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  animation-name: flow;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes flow {
  from { transform: translateX(0); opacity: 1; }
  to   { transform: translateX(3000px); opacity: 0; }
}