@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap";:root{color:#eee9f5;font-synthesis:none;scroll-behavior:smooth;background:#100d18;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site{background:radial-gradient(at 50% 15%,#302044 0%,#0000 50%),#100d18;overflow:hidden}.header{background:#130f1c;border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;height:76px;padding:0 7%;display:flex}.logo{letter-spacing:1px;font-size:21px;font-weight:900}.header nav{gap:32px;display:flex}.header nav a{color:#c6b9d5;letter-spacing:2px;font-size:12px;transition:color .2s}.header nav a:hover{color:#ff9b70}.hero{background:linear-gradient(90deg,#100d18 5%,#100d18dd 45%,#100d1840),url(https://needrtas.com/wp-content/uploads/2026/11/1-1.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:650px;padding:70px 20px;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(#0000 65%,#100d18);position:absolute;inset:0}.hero-image{z-index:1;height:85%;position:absolute;top:50%;right:12%;transform:translateY(-50%)}.hero-image img{object-fit:contain;filter:drop-shadow(0 15px 40px #0009);width:auto;height:100%}.hero-overlay{z-index:2;width:100%;max-width:1100px;position:relative}.hero-sub{color:#ff9b70;letter-spacing:5px;font-size:12px;font-weight:700}.hero h1{text-shadow:0 4px 20px #000;margin:20px 0;font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1.5}.hero-overlay>p:not(.hero-sub){color:#d0c5d9;font-size:15px}.hero-button{color:#fff;background:#f07857;border-radius:30px;margin-top:28px;padding:13px 32px;font-size:14px;transition:all .2s;display:inline-block}.hero-button:hover{background:#ff9978;transform:translateY(-3px)}.section{max-width:1100px;margin:0 auto;padding:100px 30px}.section-title{text-align:center;margin-bottom:55px}.section-title span{color:#f18a6b;letter-spacing:6px;font-size:13px;font-weight:700}.section-title h2{letter-spacing:3px;margin:12px 0 0;font-size:30px;font-weight:700}.section-title h2:after{content:"";background:#f18a6b;border-radius:10px;width:45px;height:3px;margin:20px auto 0;display:block}.description{text-align:center;color:#d4c9df;max-width:760px;margin:0 auto 50px;font-size:15px;line-height:2.3}.info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.info-card{text-align:center;background:#21192d;border:1px solid #443452;border-radius:12px;padding:25px}.info-card span,.system-card span{color:#d18b82;margin-bottom:10px;font-size:12px;display:block}.info-card strong,.system-card strong{font-size:17px}.links{justify-content:center;gap:18px;margin-top:35px;display:flex}.links a{color:#f4a28a;border:1px solid #f18a6b;border-radius:30px;padding:12px 25px;font-size:13px;transition:all .2s}.links a:hover{color:#fff;background:#f18a6b}.system{background:#1a1423;max-width:none}.system>*{max-width:1040px;margin-left:auto;margin-right:auto}.system-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.system-card{text-align:center;background:#292034;border:1px solid #493654;border-radius:12px;padding:35px 15px}.notes{background:#21192d;border-left:4px solid #e98a71;border-radius:8px;max-width:1040px;margin:35px auto 0;padding:30px}.notes h3{margin-top:0;font-size:17px}.notes ul{color:#d4c9df;line-height:2.2}.notes p{color:#a99bb6;margin-bottom:0;font-size:12px;line-height:2}.cast-grid{grid-template-columns:repeat(4,1fr);gap:28px 20px;display:grid}.cast-card{background:#21192d;border:1px solid #403149;border-radius:12px;transition:transform .25s,box-shadow .25s;overflow:hidden}.cast-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0006}.cast-card img{aspect-ratio:2/3.2;object-fit:cover;width:100%;display:block}.cast-card p{text-align:center;margin:0;padding:16px 8px;font-size:14px;font-weight:600}.gallery{background:#1a1423;max-width:none}.gallery>*{max-width:1040px;margin-left:auto;margin-right:auto}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.gallery-grid img{aspect-ratio:16/9;object-fit:cover;cursor:pointer;border-radius:9px;width:100%;transition:all .25s;display:block}.gallery-grid img:hover{filter:brightness(1.15);transform:scale(1.025)}.lightbox{z-index:100;cursor:zoom-out;background:#000e;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:95%;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute;top:20px;right:30px}.footer{text-align:center;background:#0b0910;border-top:1px solid #ffffff15;padding:60px 20px 30px}.footer-logo{font-size:23px;font-weight:900}.footer p{color:#a99bb6;letter-spacing:3px;font-size:11px}.footer a{color:#f18a6b;margin:15px;font-size:13px;display:inline-block}.footer small{color:#777080;margin-top:35px;font-size:11px;display:block}@media (width<=768px){.header{flex-direction:column;gap:15px;height:auto;min-height:70px;padding:15px 20px}.header nav{gap:18px}.header nav a{font-size:10px}.hero{background-position:50%;align-items:flex-start;min-height:650px;padding-top:65px}.hero-image{opacity:.85;height:53%;top:auto;bottom:20px;right:5%;transform:none}.hero h1{font-size:36px}.hero-overlay>p:not(.hero-sub){max-width:90%;line-height:1.8}.section{padding:70px 20px}.section-title{margin-bottom:40px}.section-title h2{font-size:24px}.info-grid,.system-grid{grid-template-columns:1fr}.cast-grid{grid-template-columns:repeat(2,1fr);gap:15px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.links{flex-direction:column;align-items:center}.links a{text-align:center;width:220px}}@media (width<=380px){.header nav{gap:12px}.header nav a{letter-spacing:1px;font-size:9px}.hero h1{font-size:30px}}