/* ラヴカ・リィカ / 制作：みろん。色→共通→各セクション→スマホ→動きを減らす設定 */
:root{--bg:#111416;--panel:#181c1f;--text:#e9e9e3;--muted:#a5abae;--line:#ffffff20;--yellow:#c7b265;--header:88px;color-scheme:dark;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--bg);color:var(--text);line-height:1.9;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}::selection{background:#c7b26555}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:var(--yellow);color:#111;padding:10px 20px}.skip:focus{top:10px}.yellow{color:var(--yellow)}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.22em;line-height:1.6;margin:0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);vertical-align:middle;margin-right:9px}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:17px 5%;height:var(--header);background:#111416ed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{width:155px}.brand img{width:100%}.header nav{display:flex;gap:38px}.header nav a{font-family:Arial,sans-serif;letter-spacing:.15em;font-size:11px;padding:10px 0;position:relative}.header nav a::after{content:"";position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--yellow);transition:width .25s}.header nav a:hover::after,.header nav a.active::after{width:100%}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:760px;min-height:min(850px,calc(100svh - var(--header)));padding:74px 8% 100px;overflow:hidden;background:radial-gradient(ellipse at 75% 5%,#32383c66,transparent 50%),linear-gradient(160deg,#1c2225,#111416 70%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;max-width:1200px;margin:auto;align-items:center;min-height:540px}.hero-index{display:flex;justify-content:space-between;position:absolute;top:24px;left:5%;right:5%;font:9px Arial,sans-serif;letter-spacing:.18em;color:var(--muted)}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(40px,4.5vw,68px);font-weight:500;line-height:1.55;letter-spacing:.08em;margin:28px 0}.hero-name p{font-size:20px;letter-spacing:.14em;margin:0}.hero-name>span{font:10px Arial,sans-serif;letter-spacing:.35em;color:var(--yellow)}.hero-description{font-size:12px;line-height:2.3;color:#bbc0c1;margin:22px 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;padding:14px 24px;font:13px Arial,sans-serif;letter-spacing:.08em;min-height:48px;transition:background .2s,transform .2s}.button-yellow{background:var(--yellow);color:#171a1b}.button:hover{background:#ddca83;transform:translateY(-2px)}.hero-visual{height:540px;position:relative;display:grid;place-items:center}.hero-sd{height:420px;width:auto;position:relative;z-index:2;filter:drop-shadow(15px 26px 28px #0007);animation:drift 6s ease-in-out infinite}.sonar{position:absolute;border:1px solid #ffffff16;width:420px;height:420px;border-radius:50%}.sonar::before,.sonar::after{content:"";position:absolute;background:#ffffff0c}.sonar::before{width:1px;height:110%;top:-5%;left:50%}.sonar::after{height:1px;width:110%;left:-5%;top:50%}.sonar-two{width:330px;height:330px;border-style:dashed;animation:rotate 100s linear infinite}.hero-signature{position:absolute;width:160px;right:-10px;bottom:4px;opacity:.65;transform:rotate(-10deg);z-index:3}.visual-tag{position:absolute;left:0;bottom:18px;font:9px Arial,sans-serif;letter-spacing:.15em;color:var(--muted);writing-mode:vertical-rl}.visual-cross{position:absolute;color:var(--yellow);font:20px Arial,sans-serif}.cross-top{right:0;top:32px}.cross-bottom{left:10px;bottom:60px}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font:8px Arial,sans-serif;letter-spacing:.15em;color:#929b9f}.dive-link{position:absolute;left:8%;bottom:66px;display:flex;align-items:center;gap:15px;font:9px Arial,sans-serif;letter-spacing:.16em;color:#b6bec1}.dive-line{width:48px;height:1px;background:var(--yellow)}.sea-beam{position:absolute;z-index:-1;top:-180px;right:0;width:70%;height:900px;background:linear-gradient(110deg,transparent 25%,#dfe9eb06 26%,transparent 30%,#dfe9eb06 39%,transparent 44%);transform:rotate(8deg);pointer-events:none}.sea-dust{position:absolute;inset:-80px;z-index:-1;opacity:.3;background-image:radial-gradient(circle,#dbe1de99 1px,transparent 1.8px),radial-gradient(circle,#c7b26566 1px,transparent 1.8px);background-size:193px 163px,307px 283px;background-position:40px 90px,160px 30px;animation:dust 28s linear infinite;pointer-events:none}
.section{padding:110px 7%;position:relative;scroll-margin-top:12px}.section-inner{max-width:1100px;margin:auto}.section-heading{margin-bottom:52px}.section-heading .eyebrow{color:var(--yellow);margin-bottom:18px}.section-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(25px,3vw,36px);font-weight:500;letter-spacing:.1em;margin:0 0 10px;line-height:1.65}.heading-note{font-size:11px;color:var(--muted);letter-spacing:.12em}.profile-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.portrait-placeholder{min-height:510px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 45%,#242a2c,transparent 70%);border:1px solid var(--line);overflow:hidden}.portrait-placeholder::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #ffffff07}.placeholder-number{position:absolute;top:20px;left:23px;font:9px Arial,sans-serif;letter-spacing:.2em;color:var(--muted)}.portrait-placeholder>.eyebrow{color:var(--muted);font-size:9px}.portrait-placeholder strong{font:300 46px/1.2 Arial,sans-serif;letter-spacing:.14em;text-align:center;color:#b7bdba}.placeholder-ja{font-size:10px;color:var(--muted);letter-spacing:.15em}.frame-corner{position:absolute;width:24px;height:24px;border-color:var(--yellow);border-style:solid}.top-left{top:-1px;left:-1px;border-width:1px 0 0 1px}.bottom-right{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.profile-copy h3{font-size:29px;letter-spacing:.1em;font-weight:500;line-height:1.7;margin:22px 0}.profile-copy h3 span{display:block;color:var(--muted);font:11px/2 Arial,sans-serif;letter-spacing:.2em}.bio{font-size:13px;line-height:2.5;color:#c3c8c8;margin-bottom:25px}.facts{margin:0}.facts>div{display:grid;grid-template-columns:115px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;align-items:baseline}.facts dt{font:9px Arial,sans-serif;letter-spacing:.14em;color:var(--muted)}.facts dd{margin:0;font-size:12px}.profile-soon{font-size:10px;line-height:2;color:var(--muted);margin-top:25px}.visual-previews{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:52px}.visual-previews>div{padding:27px 0;border-top:1px solid var(--line);position:relative}.visual-previews .eyebrow{font-size:9px;color:var(--muted)}.visual-previews h3{font-size:14px;letter-spacing:.1em;font-weight:400;margin:10px 0}.coming-label{font:9px Arial,sans-serif;letter-spacing:.13em;color:var(--yellow)}
.stream-section{background:#1a1f22}.stream-intro{display:flex;justify-content:space-between;align-items:center;margin-top:-30px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:30px}.stream-intro>p{font-size:21px;line-height:1.9;letter-spacing:.07em;margin:0}.stream-intro p span{color:var(--muted);font-size:12px;letter-spacing:.02em}.stream-intro img{width:105px;height:140px;object-fit:contain;margin:0 35px}.stream-links{display:grid;grid-template-columns:1fr 1fr;gap:35px}.platform-link{display:flex;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);transition:color .2s}.platform-link strong{display:block;font:24px Arial,sans-serif;letter-spacing:.03em}.platform-link small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.platform-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--yellow)}.platform-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.link-arrow{margin-left:auto;font:25px Arial,sans-serif;color:var(--yellow)}.platform-link:hover{color:var(--yellow)}.movie-placeholder{aspect-ratio:16/7.5;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#272e30,#15191b 65%);text-align:center}.movie-placeholder>.eyebrow{color:var(--yellow);position:relative}.movie-placeholder strong{font:300 clamp(24px,4vw,47px) Arial,sans-serif;letter-spacing:.17em;position:relative;margin-top:22px}.movie-placeholder p{font-size:11px;color:var(--muted);position:relative;margin-top:16px}.movie-mark{position:absolute;bottom:20px;left:24px;color:var(--muted);font:8px Arial,sans-serif;letter-spacing:.2em}.movie-sonar{position:absolute;width:290px;height:290px;border:1px solid #ffffff09;border-radius:50%;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02}.links-section{background:#171b1e}.social-list{border-top:1px solid var(--line)}.social-list>a{display:grid;grid-template-columns:48px 1fr 1fr 25px;align-items:center;gap:20px;padding:25px 12px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.social-number{font:10px Arial,sans-serif;color:var(--yellow)}.social-list strong{font:24px Arial,sans-serif;letter-spacing:.03em;font-weight:400}.social-caption{font-size:11px;color:var(--muted)}.social-list>a>span:last-child{color:var(--yellow);font-size:24px}.social-list>a:hover{background:#ffffff04;padding-left:22px}.contact-note{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;border-left:2px solid var(--yellow);padding:10px 22px}.contact-note p{font-size:12px;margin:0}.contact-note .eyebrow{font-size:9px;color:var(--yellow)}.text-link{border-bottom:1px solid #c7b26566;padding-bottom:3px;font-size:12px}.footer{padding:55px 7% 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer img{width:150px}.footer p,.back-top{font:9px Arial,sans-serif;letter-spacing:.13em;color:var(--muted)}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.motion-ready .reveal.is-visible{opacity:1;transform:none}@keyframes drift{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dust{to{transform:translateY(-65px)}}
@media(min-width:1500px){.hero{min-height:850px}.hero-inner{padding-top:30px}}
@media(max-width:900px){.hero{padding-inline:6%}.hero-inner{gap:20px}.hero h1{font-size:42px}.hero-visual{height:490px}.hero-sd{height:350px}.sonar-one{width:330px;height:330px}.sonar-two{width:260px;height:260px}.hero-signature{width:130px;right:0;bottom:15px}.profile-grid{gap:40px}.portrait-placeholder{min-height:460px}.facts>div{grid-template-columns:90px 1fr}.stream-links{gap:25px}.section{padding-block:85px}}
@media(max-width:700px){:root{--header:72px}.header{padding:13px 6%}.brand{width:125px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:9px;border:1px solid #ffffff25;background:transparent;color:var(--text);z-index:32}.menu-toggle>span:not(.sr-only){height:1px;width:24px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#15191bf7;flex-direction:column;gap:0;padding:14px 7% 23px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{padding:15px 0}.header nav a::after{display:none}.hero{padding:63px 7% 88px;min-height:0}.hero-inner{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-height:0}.hero-copy{z-index:4}.hero h1{font-size:clamp(35px,8.7vw,53px);margin:22px 0 18px;line-height:1.5}.hero-name p{font-size:18px}.hero-name>span{font-size:9px}.hero-description{font-size:11px;margin:16px 0 20px}.hero .button{gap:55px;padding:13px 21px}.hero-visual{height:340px;margin-top:-15px;margin-left:30%;width:70%}.hero-sd{height:280px;max-width:100%;object-fit:contain}.sonar-one{width:280px;height:280px;max-width:125%}.sonar-two{width:215px;height:215px;max-width:100%}.hero-signature{width:98px;bottom:-7px;right:0}.visual-tag{font-size:7px;left:-8px;bottom:16px}.cross-top{right:-3px;top:7px}.cross-bottom{left:0;bottom:20px}.hero-index{font-size:7px;top:19px;left:7%;right:7%}.hero-index span:last-child{display:none}.hero-bottom{left:7%;right:7%;font-size:6px;bottom:20px;gap:18px}.dive-link{bottom:57px;left:7%;font-size:8px}.dive-line{width:30px}.section{padding:66px 7%}.section-heading{margin-bottom:32px}.section-heading .eyebrow{font-size:9px;margin-bottom:14px}.section-heading h2{font-size:26px}.heading-note{font-size:10px}.profile-grid{grid-template-columns:1fr;gap:35px}.portrait-placeholder{min-height:360px;width:100%;max-width:360px;margin:auto}.portrait-placeholder strong{font-size:36px}.profile-copy h3{font-size:26px;margin-top:18px}.profile-copy>.eyebrow{font-size:9px}.bio{font-size:12px}.facts>div{grid-template-columns:100px 1fr;padding:15px 0}.facts dd{font-size:12px;overflow-wrap:anywhere}.visual-previews{gap:20px;margin-top:38px}.visual-previews h3{font-size:12px}.visual-previews .eyebrow{font-size:8px;letter-spacing:.14em}.coming-label{font-size:8px}.stream-intro{margin-top:-10px;padding-bottom:20px}.stream-intro>p{font-size:17px}.stream-intro p span{font-size:10px}.stream-intro img{width:75px;height:105px;margin:0 5px}.stream-links{grid-template-columns:1fr;gap:0}.platform-link{padding:23px 0}.platform-link strong{font-size:22px}.platform-link small{font-size:10px}.movie-placeholder{aspect-ratio:16/10}.movie-placeholder strong{font-size:23px;letter-spacing:.1em;margin-top:17px}.movie-placeholder>.eyebrow{font-size:9px}.movie-mark{font-size:7px;bottom:12px;left:14px}.movie-placeholder p{font-size:10px}.social-list>a{grid-template-columns:25px 1fr 18px;gap:12px;padding:22px 2px}.social-list strong{font-size:22px}.social-caption{grid-column:2;grid-row:2;font-size:10px;margin-top:-7px}.social-list>a>span:last-child{grid-row:1/3;grid-column:3}.social-number{grid-row:1/3;font-size:9px}.contact-note{padding-inline:16px;margin-top:32px;gap:12px}.contact-note p,.text-link{font-size:11px}.footer{padding:37px 7% 28px;flex-wrap:wrap;gap:25px}.footer img{width:125px}.footer p{font-size:8px}.back-top{flex-basis:100%;text-align:right;font-size:8px}}
@media(max-width:370px){.hero-visual{margin-top:-35px;width:76%;margin-left:24%;height:300px}.hero-sd{height:245px}.sonar-one{width:245px;height:245px}.sonar-two{width:195px;height:195px}.hero h1{font-size:34px}.facts>div{grid-template-columns:85px 1fr}.hero-bottom span:last-child{display:none}.visual-previews{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
/* 深海の泡：各セクションの背景だけをゆっくり上昇。リンク操作は透過する。 */
.bubble-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;--rise:-1400px}
.section-inner{position:relative;z-index:1}
.bubble{position:absolute;left:var(--left);bottom:-45px;width:var(--size);height:var(--size);opacity:0;animation:bubble-rise var(--duration) var(--delay) linear infinite;will-change:transform}
.bubble i{display:block;width:100%;height:100%;border:1px solid #dce4e64d;border-radius:50%;background:radial-gradient(circle at 28% 25%,#e6eef012,transparent 62%);box-shadow:inset 1px 1px 3px #f0f5f00d;animation:bubble-sway 4s var(--delay) ease-in-out infinite alternate}
.bubble i::before{content:"";position:absolute;left:24%;top:19%;width:22%;height:13%;border-radius:50%;background:#edf1eb47;transform:rotate(-30deg)}
.bubble-motion-ready .bubble,.bubble-motion-ready .bubble i{animation-play-state:paused}
.bubble-motion-ready .bubble-field.is-active .bubble,.bubble-motion-ready .bubble-field.is-active .bubble i{animation-play-state:running}
@supports(height:1cqh){.bubble-field{container-type:size;--rise:calc(-110cqh - 60px)}}
@keyframes bubble-rise{0%{transform:translateY(0);opacity:0}5%{opacity:.7}88%{opacity:.5}100%{transform:translateY(var(--rise));opacity:0}}
@keyframes bubble-sway{from{transform:translateX(-5px)}to{transform:translateX(var(--sway))}}
.contact-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:32px;align-items:center;padding:12px 0 12px 24px}
.contact-heading h3{font-weight:400;font-size:18px;letter-spacing:.08em;margin:9px 0 8px}
.contact-heading>p:last-child{font-size:11px;color:var(--muted)}
.contact-options{min-width:0;display:grid;gap:6px}
.contact-option{display:grid;grid-template-columns:60px minmax(0,1fr) 18px;align-items:center;gap:18px;padding:15px 10px;border-bottom:1px solid var(--line);transition:background .2s}
.contact-option:hover{background:#ffffff05}
.contact-kind{font:9px Arial,sans-serif;letter-spacing:.1em;color:var(--yellow)}
.contact-address{font:13px/1.7 Arial,sans-serif;overflow-wrap:anywhere}
.contact-arrow{color:var(--yellow);font-size:20px}
@media(max-width:700px){.bubble:nth-child(n+7){display:none}.contact-note{grid-template-columns:1fr;gap:18px;padding:8px 0 8px 16px}.contact-option{grid-template-columns:46px minmax(0,1fr) 14px;gap:10px;padding:13px 3px}.contact-address{font-size:12px}.contact-kind{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bubble{animation:none!important;will-change:auto;opacity:.3;bottom:25%}.bubble:nth-child(2n){bottom:65%}.bubble i{animation:none!important}}