:root{--ink:#291d2b;--paper:#fffaf6;--pink:#ff659b;--blue:#84c5ff;--yellow:#ffdc64;--muted:#726674;--accent:var(--pink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Noto Sans CJK JP",sans-serif;font-weight:600;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;overflow-x:clip;line-height:1.8;background:radial-gradient(#9b788412 .8px,transparent .8px) 0 0/12px 12px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;line-height:1.4}h2{font-size:clamp(30px,3.4vw,50px)}em{font-style:normal;background:linear-gradient(transparent 66%,var(--yellow) 66%,var(--yellow) 92%,transparent 92%)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.shell{width:calc(100% - 80px);max-width:1440px;margin-inline:auto}.momo{--accent:var(--pink)}.ruru{--accent:var(--blue)}.hiyo{--accent:var(--yellow)}.skip-link{position:fixed;left:12px;top:-100px;z-index:500;padding:12px;background:var(--ink);color:white}.skip-link:focus{top:10px}:focus-visible{outline:4px solid #345cef;outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.mobile-only{display:none}
.site-header{position:sticky;top:0;z-index:100;background:#fffaf6f5;backdrop-filter:blur(12px);border-bottom:3px solid var(--ink)}.header-inner{height:89px;max-width:1560px;margin:auto;padding:9px 38px;display:flex;align-items:center;gap:25px}.brand{flex:0 0 auto}.brand img{width:160px;max-height:74px;object-fit:contain}.header-inner nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:13px}.header-inner nav a{padding-block:8px;position:relative;white-space:nowrap}.header-inner nav a:not(.nav-sns)::after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--pink);height:5px;transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .2s}.header-inner nav a:hover::after{transform:scaleX(1) rotate(-2deg)}.nav-sns{display:flex;align-items:center;gap:15px;padding:7px 16px!important;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);transform:rotate(-2deg)}.header-tools{display:flex;align-items:center;gap:14px}.motion-toggle{font-size:10px;white-space:nowrap;line-height:1.25;min-height:36px;display:flex;gap:6px;align-items:center;padding:7px;background:none;border:1px solid #291d2b40}.motion-icon{font-weight:900;font-size:15px}.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;padding:8px}.menu-toggle span{display:block;height:3px;background:var(--ink);margin:6px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.read-progress{position:absolute;bottom:-3px;left:0;width:100%;height:3px;transform:scaleX(var(--read-progress,0));transform-origin:left;background:var(--pink)}
.hero{padding-top:24px;padding-bottom:45px}.hero-topline{display:flex;justify-content:space-between;align-items:center;font:800 10px/1.6 Arial,sans-serif;letter-spacing:.15em;margin-bottom:12px}.live-badge{display:flex;gap:9px;align-items:center;letter-spacing:.04em}.live-badge i{display:block;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #ff659b20}.hero-frame{position:relative;isolation:isolate;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);overflow:hidden;aspect-ratio:1672/941;background:#edd9e3;transform:rotate(-.6deg)}.hero-pan{width:100%;height:100%;transform:translate(var(--px,0px),var(--py,0px)) scale(1.015);transition:transform .5s ease-out}.hero-pan picture,.hero-pan img{height:100%;width:100%;object-fit:cover}.hero-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 60%);opacity:0;animation:shine 12s 2s infinite}.hero-stamp{position:absolute;right:24px;top:27px;font-size:clamp(14px,1.6vw,24px);line-height:1.6;padding:13px 20px;background:#fffdf1;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pink);transform:rotate(6deg);font-weight:900}.hero-spark{position:absolute;font-size:54px;filter:drop-shadow(2px 2px 0 var(--ink));pointer-events:none;animation:sparkle 3.7s infinite}.hero-spark.one{left:15px;top:50%;color:var(--yellow)}.hero-spark.two{right:15px;bottom:20%;color:white;animation-delay:-2s}.hero-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:34px}.hero-caption h1{font-size:clamp(23px,2.5vw,37px);line-height:1.5;transform:rotate(-2deg)}.hero-caption h1 span{font-size:.68em;background:linear-gradient(transparent 68%,#ffa1c2 68%)}.hero-actions{display:flex;gap:15px;position:relative;justify-content:flex-end;align-items:center;padding-bottom:23px}.hero-actions small{position:absolute;right:0;bottom:-3px;font-size:10px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:56px;padding:13px 24px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:white;font-weight:900;font-size:14px;line-height:1.5;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.primary{background:var(--pink)}.light{background:var(--paper)}.yellow{background:var(--yellow)}.ticker{border-block:3px solid var(--ink);background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1deg);padding:9px 0;margin-top:15px}.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.ticker-track>span{padding-right:26px;font:800 20px/1.6 Arial,sans-serif;letter-spacing:.04em;white-space:nowrap}.ticker b{display:inline-block;color:var(--pink);font-size:25px;margin:0 20px}.ticker b:nth-child(2n){color:var(--yellow)}
.section-kicker{display:flex;gap:15px;align-items:center;font:800 11px/1.6 Arial,sans-serif;letter-spacing:.11em;margin-bottom:24px}.section-kicker>span{font:800 18px Arial,sans-serif;background:var(--ink);color:var(--paper);padding:8px 11px;transform:rotate(-4deg);box-shadow:3px 3px 0 var(--pink)}.tiny-label{font:800 10px Arial,sans-serif;letter-spacing:.2em;display:block;margin-bottom:20px;color:#8d6174}.about-section{padding-top:94px;padding-bottom:45px}.about-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center}.about-copy h2{margin-bottom:25px}.about-copy p{font-size:14px;line-height:2.15;margin-bottom:17px}.about-copy .about-punch{font-size:20px;font-weight:900;line-height:1.9;margin-top:25px;border-left:6px solid var(--pink);padding-left:18px}.about-manga{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 245px;gap:12px;padding:8px 6px 8px 0}.mini-panel{position:relative;overflow:hidden;border:3px solid var(--ink);background:var(--accent);box-shadow:4px 4px 0 var(--ink)}.mini-panel img{height:100%;width:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.03);transition:transform .65s}.mini-panel:hover img{transform:scale(1.08) rotate(1.3deg)}.mini-panel.momo{grid-row:1/3;transform:rotate(-2.5deg);margin-right:6px}.mini-panel.momo img{width:130%;max-width:none;margin-left:-12%;object-position:42% 20%}.mini-panel.ruru{transform:rotate(3deg)}.mini-panel.hiyo{transform:rotate(-1deg);margin-top:5px}.mini-panel.ruru img,.mini-panel.hiyo img{height:130%;margin-top:-7%}.bubble{position:absolute;top:15px;left:12px;border:2px solid var(--ink);background:#fffdf9;padding:10px 14px;border-radius:45% 45% 44% 42%;font-size:14px;line-height:1.7;transform:rotate(-3deg);box-shadow:2px 2px 0 #291d2b15}.bubble::after{content:"";position:absolute;bottom:-7px;left:25px;width:12px;height:12px;background:#fffdf9;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:skew(25deg) rotate(35deg)}.mini-panel.momo .bubble{top:auto;bottom:25px}.sound-effect{position:absolute;right:10px;bottom:9px;font-size:27px;font-weight:900;transform:rotate(-13deg);text-shadow:2px 2px white,-2px -2px white,2px -2px white,-2px 2px white}.mini-panel.momo .sound-effect{bottom:auto;top:15px;color:#ff3f85}.characters-section{padding:85px 0 100px}.heading-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.scribble{font-size:20px;font-weight:800;display:inline-block;transform:rotate(-7deg);letter-spacing:.04em}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:10px 6px 12px 0}.character-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:white;transition:transform .25s,box-shadow .25s;transform:rotate(-1.5deg)}.character-card:nth-child(2){transform:rotate(1.2deg);margin-top:20px;margin-bottom:-14px}.character-card:nth-child(3){transform:rotate(-1deg)}.character-card:hover{transform:translateY(-9px) rotate(0deg);box-shadow:9px 15px 0 var(--ink)}.character-art{height:340px;overflow:hidden;position:relative;background:var(--accent)}.character-art img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transition:transform .8s}.character-card:hover img{transform:scale(1.055)}.card-number{position:absolute;top:8px;left:17px;font:900 68px/1 Arial,sans-serif;color:transparent;-webkit-text-stroke:2px white;filter:drop-shadow(2px 2px 0 var(--ink));opacity:.85}.character-catch{position:absolute;bottom:18px;left:13px;right:13px;background:#fffef5;border:2px solid var(--ink);padding:9px 12px;text-align:center;transform:rotate(-3deg);font-size:13px;font-weight:900;line-height:1.7}.art-glint{position:absolute;right:12px;top:5px;font-size:49px;color:white;text-shadow:2px 2px var(--ink);animation:sparkle 4s infinite}.character-name{padding:22px 24px 19px;border-top:3px solid var(--ink);background:var(--accent)}.roman{font:800 10px Arial,sans-serif;letter-spacing:.15em}.character-name h3{font-size:33px;margin:7px 0;letter-spacing:.06em}.character-name p{font-size:11px;line-height:1.8}.profile-link{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding-top:11px;border-top:1px solid #291d2b65;font-size:12px}
.playroom{padding:76px 0 68px;background:radial-gradient(#ffffff18 .8px,transparent .8px) 0 0/10px 10px,var(--ink);color:var(--paper);border-block:3px solid var(--ink);overflow:hidden}.playroom .section-kicker>span{background:var(--yellow);color:var(--ink)}.play-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.play-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.5}.play-heading em{background:linear-gradient(transparent 67%,var(--pink) 67%,var(--pink) 94%,transparent 94%)}.play-heading p{font-size:13px;line-height:2;color:#e2d2df;margin-bottom:8px}.stage-console{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.scene-switch{display:flex;gap:8px}.scene-switch button{color:var(--paper);border:1px solid #fff8;background:#fff1;min-height:44px;padding:9px 16px;display:flex;gap:20px;font-size:12px}.scene-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:900}.stage-status{font-size:11px;color:#e9dde4}.motion-stage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;isolation:isolate;border:3px solid var(--paper);padding:10px;background:#fff8f5;overflow:hidden}.stage-cell{position:relative;isolation:isolate;text-align:center;border:3px solid var(--ink);height:369px;overflow:hidden;color:var(--ink);background:radial-gradient(#fff9 2px,transparent 2px) 0 0/15px 15px,var(--accent);display:flex;align-items:center;flex-direction:column;justify-content:end;padding-bottom:18px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.stage-cell.ruru{clip-path:polygon(0 0,97% 0,100% 100%,3% 100%)}.stage-cell::after{content:"";position:absolute;bottom:49px;left:-20%;right:-20%;height:88px;background:#fff5;transform:rotate(-6deg);border-top:2px solid var(--ink);z-index:-1}.cell-counter{position:absolute;left:15px;top:13px;font:800 10px Arial,sans-serif;letter-spacing:.1em;opacity:.65}.cell-name{font-weight:900;font-size:19px;line-height:1.6;z-index:2;pointer-events:none}.cell-note{font-size:10px;pointer-events:none}.actor{position:relative;width:100%;height:266px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:0 0 13px;isolation:isolate;color:var(--ink);outline-offset:-7px}.actor-body{position:relative;display:block;width:177px;height:186px;transform-origin:center 92%;z-index:2;animation:bob 3.6s ease-in-out infinite}.ruru .actor-body{animation:sway 5.4s ease-in-out infinite}.hiyo .actor-body{animation:hop 3.4s ease-in-out infinite}.actor-sprite{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 3px 0 #ffffffb3)}.actor-speech{position:absolute;top:6px;left:50%;transform:translateX(-50%) rotate(-4deg);background:var(--paper);padding:10px 12px;border:2px solid var(--ink);border-radius:40% 42% 38% 38%;font-size:11px;line-height:1.6;width:max-content;max-width:91%;box-shadow:3px 3px 0 #291d2b30;z-index:5}.actor-orbit{position:absolute;right:20%;top:98px;font-size:28px;animation:orbit 5s linear infinite;pointer-events:none}.actor-shadow{position:absolute;bottom:12px;width:117px;height:13px;border-radius:50%;background:#291d2b25;z-index:0;animation:shadow 3.6s ease-in-out infinite}.tap-label{position:absolute;bottom:30px;right:14px;background:var(--ink);color:white;font:700 10px Arial,sans-serif;letter-spacing:.07em;transform:rotate(10deg);padding:5px 7px;z-index:4;pointer-events:none}.stage-beam{position:absolute;top:-100px;left:5%;height:700px;width:24%;background:linear-gradient(#fff0,#fff8);filter:blur(5px);transform-origin:center top;z-index:4;opacity:.26;mix-blend-mode:screen;pointer-events:none;animation:beam 9s ease-in-out infinite alternate;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.beam-two{left:67%;animation-delay:-4s;background:linear-gradient(#fff0,#f8a4da)}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.stage-bottom .button{color:var(--ink);box-shadow:4px 4px 0 white}.stage-bottom p{font-size:10px;color:#e4d6e1;text-align:right}.motion-stage[data-scene=backstage] .stage-cell{background-color:color-mix(in srgb,var(--accent),white 62%)}.motion-stage[data-scene=backstage] .actor-body{animation:sway 5s infinite}.motion-stage[data-scene=backstage] .stage-beam{opacity:0}.burst-bit{position:absolute;left:var(--bx,50%);top:55%;font-size:var(--bs,25px);font-weight:900;z-index:8;pointer-events:none;color:var(--bc,white);text-shadow:1px 1px var(--ink),-1px -1px var(--ink);animation:burst 1.15s ease-out forwards}.actor.is-reacting .actor-body{animation-play-state:paused}
.sns-section{padding:94px 0 95px}.sns-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding:34px 44px 47px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:linear-gradient(135deg,#fffdf8 0%,#fffdf8 59%,#fff0f6 59%)}.tag-paper{display:inline-block;background:var(--yellow);font-size:11px;padding:5px 14px;transform:rotate(-3deg);margin-bottom:23px;box-shadow:3px 2px 0 #291d2b25}.sns-copy h2{font-size:clamp(27px,3.2vw,44px);line-height:1.55;margin-bottom:19px}.sns-copy em{background:linear-gradient(transparent 65%,#ffb4d0 65%,#ffb4d0 92%,transparent 92%)}.sns-copy>p{font-size:13px;line-height:2.1}.sns-copy .social-pending{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 24px}.social-links{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.social-links:empty{display:none}.social-links a{padding:7px 15px;border:2px solid var(--ink);background:white;font-size:12px}.social-art{height:361px;position:relative}.social-frame{position:absolute;border:3px solid var(--ink);background:white;padding:8px 8px 10px;box-shadow:4px 4px 0 var(--ink);width:143px;text-align:center;animation:card-float 6s ease-in-out infinite}.social-frame img{width:100%;height:132px;object-fit:cover}.social-frame b{display:block;font-size:11px;padding-top:7px;line-height:1.5}.social-frame.one{left:7%;top:15px;--r:-13deg}.social-frame.two{right:4%;top:76px;--r:12deg;animation-delay:-3s}.social-frame.three{left:27%;bottom:0;--r:-3deg;animation-delay:-1.6s}.social-star{position:absolute;right:16%;top:0;font-size:59px;color:var(--yellow);text-shadow:2px 2px var(--ink);animation:sparkle 3.5s infinite}.social-heart{position:absolute;left:-9px;bottom:22px;font-size:82px;color:var(--pink);transform:rotate(-13deg)}.site-footer{background:var(--ink);color:var(--paper);padding:50px 40px 0;position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;top:0;left:-10%;width:150%;height:18px;background:repeating-linear-gradient(135deg,var(--pink) 0 18px,var(--yellow) 18px 36px,var(--blue) 36px 54px);transform:rotate(-1deg)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1360px;margin:auto;padding:24px 0 43px}.footer-title{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;font-size:40px;font-weight:900;line-height:1.13;letter-spacing:.03em;transform:rotate(-4deg)}.footer-title>span{padding-left:57px}.footer-title small{display:block;font:10px/2 Arial,sans-serif;letter-spacing:.07em;transform:rotate(4deg);text-align:center;padding-top:16px}.footer-note{text-align:right}.footer-note .scribble{color:var(--yellow);font-size:22px;margin-bottom:10px}.footer-note p{font-size:11px;color:#d9cad6;margin-bottom:18px}.publisher{display:inline-flex;gap:13px;align-items:center;font:800 16px/1.5 Arial,sans-serif;letter-spacing:.05em}.publisher .icon{width:15px;height:15px}.footer-bottom{padding:19px 0;max-width:1360px;margin:auto;border-top:1px solid #fff3;display:flex;justify-content:space-between;gap:25px;font:10px/1.6 Arial,sans-serif;letter-spacing:.04em}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;border:2px solid white;box-shadow:3px 3px 0 var(--pink);z-index:250;padding:12px 24px;opacity:0;pointer-events:none;font-size:12px;max-width:90vw;text-align:center;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.profile-page{background:radial-gradient(color-mix(in srgb,var(--accent),transparent 75%) .8px,transparent .8px) 0 0/10px 10px,var(--paper)}.profile-hero{padding:22px 0 50px}.back-link{font-size:12px;display:inline-block;text-decoration:underline;text-underline-offset:5px;margin-bottom:25px}.profile-hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:5%;align-items:center}.profile-art-panel{position:relative;transform:rotate(-2deg)}.poster-open{display:block;width:100%;padding:0;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:white;overflow:hidden;position:relative}.poster-open img{width:100%;height:auto;aspect-ratio:1086/1448;object-fit:cover;transition:transform .6s}.poster-open:hover img{transform:scale(1.025)}.enlarge-hint{position:absolute;right:8px;bottom:10px;background:var(--ink);color:white;font-size:10px;padding:7px 12px}.profile-star{position:absolute;right:-25px;top:-30px;font-size:65px;color:var(--accent);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px white;animation:sparkle 5s infinite;pointer-events:none}.profile-kana{font-size:12px;letter-spacing:.15em;margin-bottom:5px}.profile-info h1{font-size:clamp(35px,4.5vw,67px);letter-spacing:.03em;white-space:nowrap}.profile-roman{font:800 12px/1.6 Arial,sans-serif;letter-spacing:.28em;margin:10px 0 23px}.profile-role{font-size:17px;font-weight:900;line-height:1.7;margin-bottom:20px;border-left:5px solid var(--accent);padding-left:12px}.profile-info blockquote{margin:0 0 22px;padding:15px 21px;background:var(--accent);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:18px;font-weight:900;transform:rotate(-2deg)}.profile-description{font-size:13px;line-height:2.2;max-width:440px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:23px 0 0;gap:0 25px}.stats>div{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid #291d2b3a;padding:10px 0}.stats dt{font-size:10px;align-self:center;color:var(--muted)}.stats dd{margin:0;font-size:13px;font-weight:800}.profile-detail{padding:45px 0}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.profile-list h2{font-size:32px;margin-bottom:25px}.profile-list em{background:linear-gradient(transparent 67%,var(--accent) 67%,var(--accent) 94%,transparent 94%)}.profile-list dl{margin:0}.profile-list dl>div{padding:17px 0;border-bottom:1px dashed #291d2b50;display:flex;gap:18px}.profile-list dt{font-size:11px;min-width:72px;color:var(--muted)}.profile-list dd{margin:0;font-size:13px;line-height:1.9}.profile-message{font-size:16px;line-height:1.8;margin-top:26px;padding:15px 18px;background:white;border:2px solid var(--ink);transform:rotate(-2deg);box-shadow:4px 4px 0 var(--accent)}.profile-message span{color:var(--accent);font-size:22px}.solo-stage{position:relative;overflow:hidden;min-height:350px;border:3px solid var(--ink);background:radial-gradient(#fffa 2px,transparent 2px) 0 0/18px 18px,var(--accent);box-shadow:7px 7px 0 var(--ink);padding:19px 18px 25px;text-align:center;transform:rotate(2deg)}.solo-stage .tag-paper{background:white;font-size:10px;margin:0;z-index:6;position:relative}.solo-stage .actor{height:268px}.solo-caption{font-size:11px}.expression-section{padding:52px 0 65px}.expression-section h2{font-size:36px}.expression-instruction{font-size:12px;color:var(--muted);margin:12px 0 25px}.face-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:950px}.face-button{padding:8px 8px 12px;border:2px solid var(--ink);background:white;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,background .2s}.face-button img{width:100%;height:150px;object-fit:cover}.face-button span{display:block;font-size:12px;margin-top:9px}.face-button[aria-pressed=true]{background:var(--accent);transform:translateY(-6px) rotate(-2deg)}.face-button:hover{transform:translateY(-6px) rotate(1deg)}.expression-status{font-size:11px;color:var(--muted);margin-top:21px;min-height:25px}.other-characters{padding:35px 0 85px}.other-characters h2{font-size:25px;margin-bottom:25px}.other-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:30px}.other-card{display:flex;align-items:center;gap:24px;padding:14px;background:white;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--accent);transition:transform .2s}.other-card:hover{transform:translateY(-4px)}.other-card img{width:75px;height:83px;object-fit:cover}.other-card small{font:800 9px Arial,sans-serif;letter-spacing:.15em;display:block}.other-card b{display:block;font-size:25px;line-height:1.6}.other-card .icon{margin-left:auto}.poster-dialog{padding:0;border:3px solid var(--ink);max-width:min(94vw,970px);max-height:93vh;width:90vw;background:var(--paper);color:var(--ink)}.poster-dialog::backdrop{background:#291d2bd9;backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:9px 16px;background:var(--paper);border-bottom:2px solid var(--ink);z-index:2;font:800 11px Arial,sans-serif;letter-spacing:.1em}.dialog-close{background:var(--ink);border:0;color:white;width:40px;height:40px;font-size:26px;line-height:1}.dialog-image{width:100%;height:auto}.bottom-close{display:block;width:120px;height:44px;font-size:13px;margin:16px auto}.not-found{padding:80px 0 100px;min-height:65vh}.error-code{font:900 90px Arial,sans-serif;color:var(--pink);-webkit-text-stroke:2px var(--ink)}.not-found h1{font-size:40px}.not-found p{margin:20px 0}
@keyframes shine{0%,64%,100%{opacity:0;transform:translateX(-120%)}68%{opacity:.22}84%{opacity:0;transform:translateX(120%)}}@keyframes sparkle{0%,100%{transform:rotate(-8deg) scale(.9)}50%{transform:rotate(10deg) scale(1.12)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes hop{0%,30%,60%,100%{transform:translateY(0) rotate(-2deg)}40%{transform:translateY(-19px) rotate(4deg)}50%{transform:translateY(0) rotate(-2deg) scaleY(.97)}}@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.87);opacity:.4}}@keyframes orbit{0%,100%{transform:rotate(0deg) translateY(0);opacity:.5}50%{transform:rotate(160deg) translateY(-10px);opacity:1}}@keyframes beam{from{transform:rotate(-22deg)}to{transform:rotate(18deg)}}@keyframes burst{0%{opacity:0;transform:scale(.2)}17%{opacity:1}100%{transform:translate(var(--dx,0px),var(--dy,-100px)) rotate(var(--dr,20deg)) scale(.8);opacity:0}}@keyframes card-float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(calc(var(--r) + 3deg))}}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.js .reveal.is-visible{opacity:1;transform:none}.js .is-offscreen *{animation-play-state:paused!important}body.is-hidden *{animation-play-state:paused!important}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}html[data-motion=off],html[data-motion=off] *{scroll-behavior:auto!important}html[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off] .hero-pan{transform:none}html[data-motion=off] .hero-shine{display:none}
@media(max-width:1150px){.header-inner{padding-inline:25px;gap:15px}.header-inner nav{gap:16px;font-size:11px}.brand img{width:138px}.shell{width:calc(100% - 56px)}.hero-actions{gap:10px;max-width:53%}.hero-actions .button{font-size:12px;padding:11px 15px;gap:12px;min-height:49px}.hero-caption h1{font-size:30px}.character-cards{gap:18px}.character-art{height:290px}.character-name{padding:18px}.character-name h3{font-size:29px}.about-grid{gap:34px}.about-manga{grid-template-rows:185px 215px}.sns-grid{padding:32px 29px;gap:15px}.social-frame{width:126px}.social-frame img{height:121px}.social-art{height:340px}.profile-info h1{font-size:46px}.profile-info blockquote{font-size:16px}.profile-description{font-size:12px}.stats{column-gap:16px}.stats dd{font-size:12px}.stats dt{font-size:9px}.actor-speech{font-size:10px;padding:9px}.actor-body{width:164px;height:180px}.cell-note{font-size:9px}.actor-orbit{right:8%}.stage-cell{height:358px}.face-strip{gap:15px}.face-button img{height:132px}}
@media(max-width:850px){html{scroll-padding-top:95px}.header-inner{height:78px;padding-inline:20px}.brand img{width:134px;max-height:61px}.header-tools{margin-left:auto;gap:12px}.js .menu-toggle{display:block}.header-inner nav{position:absolute;top:100%;left:0;right:0;padding:20px 23px 26px;background:var(--paper);border-bottom:3px solid var(--ink);margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 10px 0 #291d2b18}.js .header-inner nav:not(.open){display:none}.header-inner nav a{font-size:12px;padding:11px;border-bottom:1px solid #291d2b30}.nav-sns{justify-content:center}.shell{width:calc(100% - 40px)}.hero{padding-top:18px;padding-bottom:31px}.hero-caption{align-items:start;padding-top:26px;gap:20px}.hero-caption h1{font-size:24px}.hero-actions{display:grid;grid-template-columns:1fr;padding-bottom:22px}.hero-actions small{font-size:8px;white-space:nowrap}.hero-stamp{right:14px;top:15px;font-size:14px;padding:8px 13px}.hero-spark{font-size:38px}.hero-topline{font-size:8px}.about-section{padding-top:64px}.about-grid{grid-template-columns:1fr 1fr;gap:25px}.about-copy p{font-size:12px}.about-copy h2{font-size:30px}.about-copy .about-punch{font-size:18px}.about-manga{grid-template-rows:180px 210px;gap:8px}.bubble{font-size:11px;padding:8px 10px;left:7px;top:8px}.sound-effect{font-size:21px}.characters-section{padding:65px 0 75px}.heading-note{margin-bottom:26px}.heading-note h2{font-size:34px}.scribble{font-size:15px}.character-art{height:258px}.character-cards{gap:13px}.character-name{padding:14px 12px}.character-name .roman{font-size:8px}.character-name h3{font-size:24px;white-space:nowrap}.character-name p{font-size:10px;min-height:36px}.character-catch{font-size:10px;padding:7px;bottom:10px;left:8px;right:8px}.card-number{font-size:50px}.profile-link{font-size:10px;gap:5px}.playroom{padding:54px 0}.play-heading h2{font-size:37px}.play-heading p{font-size:11px}.scene-switch button{font-size:11px;padding:8px 12px;gap:12px}.stage-status{font-size:9px}.motion-stage{gap:5px;padding:7px}.stage-cell{height:324px;padding-bottom:16px}.actor{height:248px}.actor-body{width:137px;height:159px}.actor-speech{font-size:10px;top:14px;padding:8px 11px}.cell-counter{font-size:8px;left:12px}.tap-label{font-size:8px;right:6px;bottom:32px}.cell-name{font-size:16px}.cell-note{font-size:8px;max-width:95%}.actor-orbit{right:7%;font-size:20px}.sns-section{padding:63px 0 70px}.sns-copy h2{font-size:30px}.sns-grid{grid-template-columns:1fr .85fr;padding:24px 25px}.sns-copy>p{font-size:12px}.social-art{height:325px}.social-frame{width:111px}.social-frame img{height:105px}.social-frame b{font-size:9px}.social-frame.one{left:-5px;top:23px}.social-frame.two{right:-4px;top:92px}.social-frame.three{left:24%}.social-star{font-size:42px;right:0}.social-heart{font-size:60px;left:-2px;bottom:38px}.footer-title{font-size:33px}.profile-hero-grid{grid-template-columns:1fr 1fr}.profile-info h1{font-size:34px}.profile-info .section-kicker{gap:9px;letter-spacing:.06em;font-size:9px;margin-bottom:17px}.profile-role{font-size:13px;margin-bottom:14px}.profile-roman{font-size:10px;letter-spacing:.2em;margin-bottom:17px}.profile-info blockquote{font-size:13px;padding:10px 13px;margin-bottom:15px}.profile-description{font-size:11px;line-height:2}.stats{grid-template-columns:1fr;margin-top:14px}.stats>div{padding:6px 0}.stats dt{font-size:10px}.profile-hero{padding-bottom:30px}.detail-grid{gap:30px}.profile-list h2{font-size:27px}.profile-list dd{font-size:12px}.profile-list dl>div{display:block;padding:10px 0}.profile-list dt{margin-bottom:3px}.profile-message{font-size:13px}.solo-stage{min-height:330px;padding-inline:9px}.face-button img{height:115px}.face-strip{gap:12px}.face-button span{font-size:10px}.other-card{gap:15px}.other-card b{font-size:22px}.other-characters h2{font-size:22px}}
@media(max-width:600px){html{scroll-padding-top:86px}.shell{width:calc(100% - 32px)}.header-inner{height:71px;padding-inline:14px;gap:10px}.brand img{width:121px;max-height:55px}.header-tools{gap:8px}.motion-toggle{font-size:9px;padding:6px;min-height:35px}.menu-toggle{width:39px}.hero{padding-top:14px;padding-bottom:25px}.hero-topline{font-size:7px;letter-spacing:.08em;gap:8px;margin-bottom:9px}.hero-topline>span:nth-child(2){display:none}.live-badge{gap:6px}.live-badge i{width:6px;height:6px}.hero-frame{border-width:3px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-.5deg)}.hero-stamp{font-size:9px;right:7px;top:8px;padding:5px 8px;border-width:1.5px;box-shadow:2px 2px 0 var(--pink)}.hero-spark{font-size:24px}.hero-spark.one{left:6px}.hero-spark.two{right:5px;bottom:12%}.hero-caption{display:block;padding-top:23px}.hero-caption h1{font-size:27px;line-height:1.4;padding-left:2px}.hero-caption h1 span{font-size:.65em}.hero-actions{max-width:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-bottom:23px}.hero-actions .button{font-size:10px;min-height:49px;padding:9px;gap:5px;justify-content:space-between;box-shadow:3px 3px 0 var(--ink)}.hero-actions .icon{width:15px;height:15px}.hero-actions small{font-size:8px;bottom:0}.ticker{padding:6px 0;margin-top:9px}.ticker-track>span{font-size:14px}.ticker b{font-size:18px;margin:0 12px}.about-section{padding-top:47px;padding-bottom:10px}.section-kicker{font-size:8px;gap:12px;letter-spacing:.08em;margin-bottom:22px}.section-kicker>span{font-size:15px;padding:7px 9px}.about-grid{grid-template-columns:1fr;gap:22px}.about-copy h2{font-size:34px;margin-bottom:19px}.tiny-label{font-size:8px;margin-bottom:13px}.about-copy p{font-size:12px;line-height:2.15;margin-bottom:12px}.about-copy .about-punch{font-size:18px;margin-top:18px}.about-manga{grid-template-rows:160px 184px;gap:10px;padding-left:5px;margin-top:7px}.bubble{font-size:12px}.sound-effect{font-size:24px}.characters-section{padding:48px 0 58px}.heading-note{align-items:start;gap:10px;margin-bottom:27px}.heading-note h2{font-size:29px;line-height:1.5}.heading-note .scribble{font-size:11px;margin-top:11px;max-width:104px;line-height:1.8}.mobile-only{display:block}.character-cards{grid-template-columns:1fr;gap:31px;padding:5px 7px 8px 3px}.character-card{display:grid;grid-template-columns:1.03fr 1fr;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg)}.character-card:nth-child(2){margin:0;transform:rotate(1.5deg)}.character-art{height:270px}.character-art img{object-position:50% 14%}.character-name{border-top:0;border-left:3px solid var(--ink);display:flex;flex-direction:column;justify-content:center;padding:15px 13px}.character-name h3{font-size:25px;margin:9px 0;white-space:normal;line-height:1.5}.character-name .roman{font-size:8px;letter-spacing:.06em}.character-name p{font-size:10px;line-height:1.9;min-height:0}.character-catch{font-size:9px;left:6px;right:6px;bottom:12px;padding:8px 7px;line-height:1.6}.profile-link{font-size:10px;margin-top:15px;align-items:end}.profile-link .icon{width:17px;height:17px}.card-number{font-size:48px;left:10px;top:9px}.art-glint{font-size:33px;right:4px}.playroom{padding:47px 0}.play-heading{display:block;margin-bottom:21px}.play-heading h2{font-size:30px;line-height:1.55}.play-heading p{font-size:11px;line-height:1.9;margin-top:16px}.stage-console{display:block}.scene-switch{gap:9px}.scene-switch button{min-height:41px;flex:1;justify-content:space-between;font-size:11px}.stage-status{display:block;margin-top:13px;margin-bottom:9px;font-size:10px;line-height:1.7;min-height:19px}.motion-stage{grid-template-columns:1fr;gap:9px;padding:8px}.stage-cell{height:245px;clip-path:none!important;align-items:flex-end;justify-content:end;padding:0 16px 12px 0}.cell-counter{left:12px;top:11px;font-size:8px}.actor{position:absolute;inset:0;width:100%;height:100%;padding:0}.actor-body{position:absolute;left:15px;bottom:26px;width:141px;height:158px}.actor-speech{top:31px;right:7px;left:auto;max-width:50%;font-size:11px;line-height:1.8;transform:rotate(3deg);padding:12px 11px}.actor-shadow{width:100px;left:36px;bottom:22px}.actor-orbit{right:50%;top:50px;font-size:23px}.tap-label{bottom:84px;right:23px;font-size:9px}.cell-name{font-size:19px;position:relative}.cell-note{font-size:8px;position:relative;max-width:49%;text-align:right}.stage-cell::after{left:0;right:0;bottom:0;height:62px;transform:rotate(-4deg)}.stage-cell.ruru::after{transform:rotate(4deg)}.stage-bottom{display:block;margin-top:21px}.stage-bottom .button{width:100%;font-size:13px;justify-content:space-between}.stage-bottom p{text-align:left;font-size:9px;margin-top:18px;line-height:1.8}.stage-beam{height:950px;width:55%}.beam-two{left:56%}.sns-section{padding:48px 0 59px}.sns-grid{grid-template-columns:1fr;padding:25px 21px 22px;gap:22px;box-shadow:5px 5px 0 var(--ink)}.sns-copy h2{font-size:29px;line-height:1.55;margin-bottom:16px}.tag-paper{font-size:10px;margin-bottom:20px}.sns-copy>p{font-size:11px;line-height:2.1}.sns-copy .social-pending{font-size:10px;margin:17px 0 20px}.sns-copy .button{font-size:12px;min-height:49px}.social-art{height:303px;width:100%;max-width:330px;margin:auto}.social-frame{width:121px}.social-frame img{height:114px}.social-frame b{font-size:10px}.social-frame.one{left:7%;top:8px}.social-frame.two{right:4%;top:48px}.social-frame.three{left:29%;bottom:0}.social-star{right:3%;top:-18px}.social-heart{left:4%;bottom:8px;font-size:62px}.site-footer{padding:48px 22px 0}.footer-top{display:block;padding:5px 0 25px}.footer-title{font-size:34px;width:max-content;max-width:95%;display:block}.footer-title>span{padding-left:33px}.footer-title small{font-size:9px;padding-top:15px}.footer-note{margin-top:33px;text-align:left}.footer-note .scribble{font-size:21px;margin-left:3px;margin-bottom:12px}.footer-note p{font-size:10px;margin-bottom:14px}.publisher{font-size:15px}.footer-bottom{font-size:9px;padding:17px 0;gap:10px;flex-wrap:wrap}.footer-bottom small:last-child{display:none}.toast{font-size:11px;padding:10px 15px;min-width:240px;bottom:16px}.profile-hero{padding-top:19px;padding-bottom:18px}.back-link{font-size:11px;margin-bottom:22px}.profile-hero-grid{display:flex;flex-direction:column;gap:33px}.profile-art-panel{width:calc(100% - 10px);transform:rotate(-1.5deg);order:2;margin:0 5px}.profile-info{order:1;width:100%}.profile-info .section-kicker{font-size:9px;margin-bottom:16px}.profile-kana{font-size:11px;margin-bottom:4px}.profile-info h1{font-size:47px;white-space:normal}.profile-roman{font-size:10px;letter-spacing:.23em;margin:10px 0 17px}.profile-role{font-size:14px;margin-bottom:18px}.profile-info blockquote{font-size:15px;padding:13px 16px;max-width:96%;margin-bottom:20px}.profile-description{font-size:12px;line-height:2;max-width:none}.stats{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:20px}.stats>div{padding:8px 0;gap:8px}.stats dd{font-size:11px}.stats dt{font-size:9px}.profile-star{font-size:51px;right:-5px;top:-22px}.profile-detail{padding:43px 0 15px}.detail-grid{grid-template-columns:1fr;gap:31px}.profile-list h2{font-size:28px}.profile-list dl>div{display:flex;gap:14px;padding:13px 0}.profile-list dt{font-size:10px;min-width:66px}.profile-list dd{font-size:11px}.profile-message{font-size:13px;margin-top:22px}.solo-stage{min-height:329px;transform:rotate(1.5deg);padding:17px 16px}.solo-stage .tag-paper{font-size:10px;display:block;width:max-content;max-width:100%;margin:0 auto}.solo-stage .actor{position:relative;inset:auto;height:255px}.solo-stage .actor-body{left:35px;bottom:17px;width:149px;height:167px}.solo-stage .actor-speech{top:35px;max-width:48%;right:3px;left:auto;transform:rotate(5deg);font-size:11px}.solo-stage .actor-shadow{left:57px;bottom:13px}.solo-stage .tap-label{bottom:47px;right:19px}.solo-caption{display:block;font-size:10px}.expression-section{padding:40px 0}.expression-section h2{font-size:29px}.expression-instruction{font-size:11px;line-height:1.8;margin:12px 0 23px}.face-strip{gap:7px}.face-button{padding:3px 3px 8px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.face-button img{height:68px}.face-button span{font-size:8px;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.expression-status{font-size:10px;margin-top:17px}.other-characters{padding:23px 0 52px}.other-characters h2{font-size:22px;line-height:1.7}.other-links{grid-template-columns:1fr;gap:19px;margin-bottom:27px}.other-card{padding:11px 15px;gap:19px}.other-card img{width:62px;height:72px}.other-card b{font-size:25px}.other-card small{font-size:8px}.other-characters>.button{font-size:12px}.poster-dialog{max-width:96vw;width:96vw;max-height:94dvh}.dialog-head{padding:7px 10px;font-size:10px}.dialog-close{width:38px;height:38px}.dialog-close.bottom-close{width:110px;height:41px}.not-found{padding-top:60px}.not-found h1{font-size:34px}}
@media(max-width:360px){.hero-actions{grid-template-columns:1fr;gap:12px}.hero-actions .button{font-size:12px}.hero-caption h1{font-size:25px}.character-art{height:245px}.character-name h3{font-size:23px}.character-name p{font-size:9px}.actor-body{left:8px;width:127px}.cell-name{font-size:17px}.actor-speech{font-size:10px}.face-button img{height:60px}.profile-info h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html:not([data-user-motion=on]){scroll-behavior:auto}html:not([data-user-motion=on]) *,html:not([data-user-motion=on]) *::before,html:not([data-user-motion=on]) *::after{animation:none!important;transition:none!important}html:not([data-user-motion=on]) .reveal{opacity:1;transform:none}html:not([data-user-motion=on]) .hero-pan{transform:none}}
html:not(.js) *{animation:none!important}html:not(.js) .header-tools,html:not(.js) .stage-console,html:not(.js) .stage-bottom,html:not(.js) .share-button{display:none}html:not(.js) .actor{pointer-events:none}html:not(.js) .reveal{opacity:1;transform:none}@media(max-width:850px){html:not(.js) .header-inner{height:auto;display:block;padding-top:10px}html:not(.js) .header-inner nav{position:static;box-shadow:none;border:0;padding:10px 0;display:grid}html:not(.js) .site-header{position:relative}}
@media print{.site-header,.playroom,.sns-section,.header-tools,.back-link,.poster-dialog,.toast{display:none!important}.shell{width:100%}.reveal{opacity:1!important;transform:none!important}body{background:white}*{animation:none!important;box-shadow:none!important}.site-footer{background:white;color:black}}
/* The tilted full-width ticker stays inside the viewport, including fractional tablet pixels. */
.ticker{width:calc(100% - 4px);margin-inline:auto}


/* v2 motion characters: independent transparent PNG/WebP layers; speech never overlaps faces */
.motion-stage{align-items:stretch}
.stage-cell{position:relative;min-height:480px;padding:22px 18px 26px;overflow:hidden}
.speech-zone{position:relative;z-index:8;display:flex;align-items:center;justify-content:center;width:min(88%,330px);min-height:68px;margin:20px auto 2px;padding:12px 18px;border:3px solid #251d2b;border-radius:50%;background:#fff;color:#241d28;font-weight:800;line-height:1.35;text-align:center;filter:drop-shadow(4px 5px 0 rgba(37,29,43,.14))}
.speech-zone:after{content:"";position:absolute;left:52%;bottom:-15px;width:20px;height:20px;background:#fff;border-right:3px solid #251d2b;border-bottom:3px solid #251d2b;transform:rotate(45deg) skew(-8deg,-8deg)}
.actor{position:relative;display:block;width:100%;height:300px;margin:2px auto 0;border:0;background:transparent;cursor:pointer}
.actor-body{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;transform-origin:50% 90%}
.actor-sprite{display:block;width:auto;height:285px;max-width:96%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(39,28,48,.18));pointer-events:none}
.actor-shadow{position:absolute;left:50%;bottom:8px;width:126px;height:18px;transform:translateX(-50%);border-radius:50%;background:rgba(44,32,48,.14);filter:blur(5px)}
.tap-label{position:absolute;right:10px;bottom:18px;z-index:7;transform:rotate(-6deg);padding:7px 11px;background:#251d2b;color:#fff;font-weight:900;font-size:.72rem;letter-spacing:.08em;box-shadow:4px 4px 0 rgba(255,255,255,.75)}
.stage-cell.momo .speech-zone{box-shadow:inset 0 -5px 0 #ffd3e4}.stage-cell.ruru .speech-zone{box-shadow:inset 0 -5px 0 #d2eaff}.stage-cell.hiyo .speech-zone{box-shadow:inset 0 -5px 0 #fff0a8}
@media(max-width:760px){.stage-cell{min-height:410px}.speech-zone{min-height:58px;margin-top:14px;font-size:.92rem}.actor{height:245px}.actor-sprite{height:235px}}

/* Dense SNS collage: individual framed assets, no unpublished comic panels */
.sns-grid{grid-template-columns:minmax(310px,.72fr) minmax(0,1.5fr);gap:0;align-items:stretch}
.dense-collage{position:relative;min-height:650px;overflow:hidden;background:linear-gradient(135deg,#fff8fb 0 33%,#f6fbff 33% 66%,#fffbea 66%);border-left:3px solid #281f2e}
.dense-collage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#342839 1px,transparent 1px);background-size:14px 14px;opacity:.08}
.dense-collage .social-frame{position:absolute;display:block;width:17%;padding:7px 7px 24px;background:#fff;border:3px solid #2c2231;box-shadow:6px 7px 0 rgba(44,34,49,.16);transform:rotate(var(--rot,0deg));transition:transform .25s ease,filter .25s ease;overflow:hidden;z-index:2}
.dense-collage .social-frame:hover{transform:rotate(0deg) scale(1.06);filter:saturate(1.08);z-index:12}
.dense-collage .social-frame img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
.dense-collage .social-frame b{position:absolute;left:7px;right:7px;bottom:5px;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.dense-collage .social-frame.momo{border-color:#5a2c42}.dense-collage .social-frame.ruru{border-color:#25415d}.dense-collage .social-frame.hiyo{border-color:#66521f}
.collage-note{position:absolute;z-index:10;padding:6px 9px;font:900 .9rem/1 system-ui,sans-serif;letter-spacing:.08em;transform:rotate(-4deg);box-shadow:3px 3px 0 rgba(0,0,0,.15)}.note-a{left:5%;top:2%;background:#ff8fba}.note-b{left:41%;top:5%;background:#84c5ff}.note-c{right:5%;top:2%;background:#ffe270}.collage-heart,.collage-star{position:absolute;z-index:8;font-size:3rem;font-weight:900}.collage-heart{color:#ff62a1}.h1{left:33%;top:34%;transform:rotate(-10deg)}.h2{right:18%;bottom:11%;transform:rotate(12deg)}.collage-star{right:40%;top:46%;color:#f5c700}
.social-frame-1{left:3%;top:10%;width:18%;--rot:-7deg}
.social-frame-2{left:22%;top:4%;width:15%;--rot:5deg}
.social-frame-3{left:38%;top:12%;width:21%;--rot:-3deg}
.social-frame-4{left:61%;top:5%;width:18%;--rot:5deg}
.social-frame-5{left:79%;top:10%;width:17%;--rot:-4deg}
.social-frame-6{left:6%;top:30%;width:15%;--rot:6deg}
.social-frame-7{left:19%;top:27%;width:18%;--rot:-5deg}
.social-frame-8{left:34%;top:38%;width:16%;--rot:4deg}
.social-frame-9{left:50%;top:31%;width:19%;--rot:-6deg}
.social-frame-10{left:70%;top:31%;width:16%;--rot:5deg}
.social-frame-11{left:83%;top:29%;width:15%;--rot:-2deg}
.social-frame-12{left:2%;top:50%;width:18%;--rot:-4deg}
.social-frame-13{left:20%;top:50%;width:15%;--rot:5deg}
.social-frame-14{left:32%;top:58%;width:19%;--rot:-5deg}
.social-frame-15{left:52%;top:52%;width:17%;--rot:4deg}
.social-frame-16{left:67%;top:53%;width:18%;--rot:-4deg}
.social-frame-17{left:82%;top:49%;width:16%;--rot:5deg}
.social-frame-18{left:6%;top:72%;width:17%;--rot:4deg}
.social-frame-19{left:23%;top:70%;width:20%;--rot:-3deg}
.social-frame-20{left:45%;top:73%;width:16%;--rot:5deg}
.social-frame-21{left:60%;top:69%;width:18%;--rot:-5deg}
.social-frame-22{left:78%;top:71%;width:17%;--rot:4deg}
.social-frame-23{left:35%;top:18%;width:12%;--rot:7deg}
.social-frame-24{left:88%;top:66%;width:11%;--rot:-7deg}

@media(max-width:900px){.sns-grid{grid-template-columns:1fr}.dense-collage{min-height:720px;border-left:0;border-top:3px solid #281f2e}.dense-collage .social-frame{width:23%!important}.social-frame-1{left:3%!important;top:8%!important}.social-frame-2{left:27%!important;top:4%!important}.social-frame-3{left:54%!important;top:10%!important}.social-frame-4{left:74%!important;top:5%!important}.social-frame-5{left:6%!important;top:27%!important}.social-frame-6{left:31%!important;top:25%!important}.social-frame-7{left:55%!important;top:30%!important}.social-frame-8{left:75%!important;top:25%!important}.social-frame-9{left:2%!important;top:47%!important}.social-frame-10{left:26%!important;top:48%!important}.social-frame-11{left:51%!important;top:49%!important}.social-frame-12{left:76%!important;top:48%!important}.social-frame-13{left:7%!important;top:68%!important}.social-frame-14{left:30%!important;top:68%!important}.social-frame-15{left:54%!important;top:68%!important}.social-frame-16{left:76%!important;top:67%!important}.social-frame-17,.social-frame-18,.social-frame-19,.social-frame-20,.social-frame-21,.social-frame-22,.social-frame-23,.social-frame-24{display:none}.collage-note{font-size:.72rem}}


/* Profile motion bubbles: outside the character face */
.solo-stage{position:relative;padding-top:86px}
.solo-stage .actor{height:360px}
.solo-stage .actor-sprite{height:335px}
.solo-stage .profile-actor-speech{position:absolute;z-index:12;top:-72px;left:50%;width:min(84%,310px);transform:translateX(-50%);padding:11px 16px;border:3px solid #251d2b;border-radius:50%;background:#fff;color:#251d2b;font-weight:900;line-height:1.3;text-align:center;filter:drop-shadow(4px 5px 0 rgba(37,29,43,.12))}
.solo-stage .profile-actor-speech:after{content:"";position:absolute;left:52%;bottom:-13px;width:18px;height:18px;background:#fff;border-right:3px solid #251d2b;border-bottom:3px solid #251d2b;transform:rotate(45deg)}
html[data-motion="on"] .dense-collage .social-frame{animation:collageFloat 5.2s ease-in-out infinite alternate}
html[data-motion="on"] .dense-collage .social-frame:nth-of-type(3n){animation-delay:-1.4s;animation-duration:6.1s}
html[data-motion="on"] .dense-collage .social-frame:nth-of-type(4n){animation-delay:-2.3s;animation-duration:4.7s}
@keyframes collageFloat{from{translate:0 0}to{translate:0 -8px}}
@media(max-width:760px){.solo-stage{padding-top:78px}.solo-stage .actor{height:300px}.solo-stage .actor-sprite{height:280px}.solo-stage .profile-actor-speech{top:-64px}}

/* Star☆Lily unit identity — 2026-10-01 */
.hero-unit{display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,78px);margin-top:27px;padding:16px 28px;border:2px solid var(--ink);background:linear-gradient(100deg,#fff0f6,#fffdf8 48%,#eef7ff);box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.hero-unit:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--ink)}
.hero-unit-kicker{font-size:12px;font-weight:900;white-space:nowrap;border-bottom:4px solid var(--yellow);line-height:1.8}
.hero-unit img{width:clamp(220px,30vw,400px);height:auto;flex-shrink:1}
.hero-unit-caption{font-size:12px;line-height:1.9}
.unit-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,74px);margin-bottom:62px;scroll-margin-top:135px}
.unit-logo-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:25px;padding:32px 30px 28px;background:linear-gradient(135deg,#fff0f6,#fffaf1 55%,#eef7ff);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.unit-eyebrow{font:800 10px/1.6 Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}
.unit-logo-panel>img{width:100%;height:auto;max-width:560px}
.unit-color-line{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:800}
.unit-color-line>span{display:inline-flex;align-items:center;gap:7px}
.unit-color-line i{width:12px;height:12px;border:1px solid #291d2b40;border-radius:50%;background:var(--accent)}
.unit-copy .unit-type{font-size:12px;letter-spacing:.09em;font-weight:800;margin-bottom:9px;color:var(--muted)}
.unit-copy h2{font-family:Arial,"Yu Gothic","Meiryo",sans-serif;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;margin-bottom:23px;line-height:1.2}
.unit-copy .unit-star{color:#ae6a00;margin-inline:2px}
.unit-copy h2 small{display:block;font-family:"Yu Gothic","Meiryo",sans-serif;font-size:13px;letter-spacing:.2em;margin-top:10px}
.unit-copy>p:not(.unit-type){font-size:14px;line-height:2;margin-top:12px}
.stats .unit-affiliation{grid-column:1/-1}
.unit-affiliation a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;font-weight:900}
.unit-affiliation small{font-size:10px;color:var(--muted);font-weight:600}
.unit-affiliation a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.footer-unit{display:block;margin:12px 0 8px auto;width:190px}
.footer-unit img{width:100%;height:auto}
@media(max-width:850px){
  .hero-unit{gap:25px;padding:14px 18px}
  .hero-unit-kicker{font-size:10px}
  .hero-unit-caption{font-size:10px}
  .unit-intro{gap:30px;margin-bottom:42px;scroll-margin-top:115px}
  .unit-logo-panel{padding:25px 20px;gap:19px}
  .unit-color-line{gap:16px;font-size:11px}
  .unit-copy>p:not(.unit-type){font-size:12px}
}
@media(max-width:600px){
  .hero-unit{flex-wrap:wrap;gap:9px 15px;margin-top:22px;padding:14px 19px 15px}
  .hero-unit-kicker{border-bottom:0;flex-basis:100%;text-align:center;font-size:10px;letter-spacing:.07em}
  .hero-unit img{width:min(100%,330px);flex-basis:100%}
  .hero-unit-caption{flex-basis:100%;text-align:center;font-size:10px;line-height:1.8}
  .hero-unit-caption br{display:none}
  .unit-intro{grid-template-columns:1fr;gap:27px;margin-bottom:40px;scroll-margin-top:105px}
  .unit-logo-panel{padding:23px 21px 22px;gap:19px;box-shadow:4px 4px 0 var(--ink)}
  .unit-copy h2{font-size:39px;margin-bottom:20px}
  .unit-copy>p:not(.unit-type){font-size:13px;line-height:2}
  .unit-color-line{gap:30px}
  .footer-unit{margin:12px 0;width:190px}
}