:root{--stage-w:800px;--stage-h:600px;--blue:#0d2a57;--soft:#d9d6ff;--line:#7a7890}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}body{display:flex;align-items:center;justify-content:center;padding:18px}.stage{width:min(100%,var(--stage-w));min-height:min(100vh,var(--stage-h));position:relative;background:#05070d radial-gradient(circle at 70% 35%,#1b1b22 0,#090909 38%,#000 75%);border:1px solid #111;overflow:hidden;box-shadow:0 0 60px #000}.stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 2px),radial-gradient(#94a9ff 1px,transparent 3px);background-size:90px 75px,130px 110px;background-position:20px 10px,30px 50px;opacity:.16;pointer-events:none}.center{position:relative;z-index:1;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 34px}.title{font-size:48px;letter-spacing:10px;font-weight:300;margin:0 0 28px;text-shadow:0 0 22px #7a83a6}.button,.nav a{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;border:2px solid #555;background:linear-gradient(#171717,#0d0d0d);font-size:28px;font-weight:700;min-width:168px;height:64px;margin:8px 8px;padding:0 26px}.button:hover,.nav a:hover{border-color:#bfc7ff;box-shadow:0 0 16px #7c86c8;color:#eef}.enter-img{display:block;max-width:160px;max-height:130px;margin:0 auto 18px;border:1px solid #aaa;box-shadow:0 0 18px #1b2a5c}.nav{margin-top:36px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.topnav{position:relative;z-index:3;padding:10px 12px;border-bottom:1px solid #1e2440;text-align:center;background:rgba(0,0,0,.45)}.topnav a{color:#ddd;text-decoration:none;margin:0 8px;font-size:14px}.topnav a:hover{color:white;text-decoration:underline}.flashbox{position:relative;z-index:1;width:min(100%,800px);min-height:560px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px}.panel{width:min(100%,800px);min-height:540px;background:#07193b;border:1px solid #273b68;box-shadow:inset 0 0 70px rgba(255,255,255,.06);padding:28px}.hero-img{max-width:100%;max-height:560px;object-fit:contain;display:block;margin:auto}.slide{max-width:100%;max-height:500px;object-fit:contain;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 28px #000}.caption{margin:12px auto 0;color:#d9d9e8;font-size:15px}.two{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center}.portrait{width:210px;border-radius:2px;box-shadow:0 0 30px #94a9ff}.quote{text-align:left;font-size:18px;line-height:1.45}.quote h1{font-weight:300;font-size:52px;color:#d8c9ff;margin:.5em 0}.small{font-size:14px;color:#ddd}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-height:505px;overflow:auto;padding:4px}.gallery img{width:100%;height:110px;object-fit:cover;border:1px solid rgba(255,255,255,.25);background:#111}.poem{font-size:24px;line-height:1.55;color:#f7f7ff;text-shadow:0 2px 2px #000}.darkcard{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);padding:22px;margin:8px auto;max-width:660px}.footer{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#aaa;font-size:12px}.mobile-note{display:none}@media(max-width:700px){body{padding:0}.stage{min-height:100vh;border:0}.center{min-height:100vh}.title{font-size:34px;letter-spacing:5px}.button,.nav a{font-size:20px;min-width:130px;height:52px}.two{grid-template-columns:1fr}.portrait{margin:auto}.quote{text-align:center}.panel{padding:14px}.mobile-note{display:block;color:#bbb;font-size:12px}}
.star-gallery{position:relative;width:min(100%,800px);height:560px;background:#020610 radial-gradient(circle at 68% 40%,#1a2242 0,#07152e 42%,#010207 78%);overflow:hidden;border:1px solid #26385f;box-shadow:inset 0 0 80px rgba(255,255,255,.08)}
.star-gallery:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 2px),radial-gradient(#cbd6ff 1px,transparent 3px),radial-gradient(#6d85d8 1px,transparent 2px);background-size:75px 65px,118px 96px,160px 120px;background-position:10px 12px,35px 55px,70px 30px;opacity:.38}.star-intro-text{position:absolute;left:42px;top:58px;width:310px;font-size:28px;line-height:1.45;font-family:"Trebuchet MS",Arial,sans-serif;text-align:left;text-shadow:0 2px 4px #000}.star-portrait{position:absolute;right:55px;top:70px;width:190px;filter:drop-shadow(0 0 24px rgba(210,220,255,.9));border-radius:50%}.star-name{position:absolute;right:52px;bottom:92px;text-align:center;font-size:18px;text-shadow:0 2px 4px #000}.click-star{position:absolute;z-index:3;width:26px;height:26px;margin:-13px 0 0 -13px;border:0;background:transparent;cursor:pointer}.click-star:before{content:"✦";display:block;color:white;font-size:22px;line-height:26px;text-shadow:0 0 8px #fff,0 0 16px #9fb0ff;animation:twinkle 2.4s ease-in-out infinite}.click-star:hover:before{transform:scale(1.55);color:#eef3ff}.click-hint{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#cfd7ff;font-size:15px;opacity:.9}@keyframes twinkle{0%,100%{opacity:.55}50%{opacity:1}}.lightbox{position:fixed;z-index:99;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}.lightbox.show{display:flex}.lightbox img{max-width:min(96vw,900px);max-height:82vh;object-fit:contain;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 45px #000}.lightbox p{color:#ddd}.lightbox-close{position:absolute;right:24px;top:18px;font-size:42px;color:white;background:transparent;border:0;cursor:pointer}@media(max-width:700px){.star-gallery{height:calc(100vh - 45px)}.star-intro-text{left:22px;top:46px;width:220px;font-size:22px}.star-portrait{right:20px;top:170px;width:135px}.star-name{right:18px;bottom:95px;font-size:14px}}