.friends-world,.character-home{--friend-color:#ffe179;color:#172b55}.friends-hero{padding:72px max(24px,calc((100% - 1200px)/2));background:#ffe879;border-bottom:2px solid #172b55;position:relative}.friends-hero h1{font-size:clamp(38px,6vw,82px);line-height:1.35;letter-spacing:.015em;margin:18px 0 24px}.friends-hero h1 em{font-style:normal;background:#ffb4c6;box-shadow:7px 7px 0 #172b55;padding:0 .12em}.friends-hero>p:not(.eyebrow){font-size:18px;line-height:2}.friends-hero-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:36px;font-weight:900;font-size:12px;letter-spacing:.1em}.friends-world button,.character-home button,.character-home summary{font:inherit;cursor:pointer}.character-motion,.character-actions button{border:2px solid #172b55;border-radius:999px;padding:12px 20px;background:#fffdf5;font-weight:800;min-height:48px;color:#172b55}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:48px 24px 72px;max-width:1280px;margin:auto}.friend-tile{background:var(--friend-color);border:2px solid #172b55;border-radius:28px;position:relative;box-shadow:5px 6px 0 #172b55;isolation:isolate;overflow:hidden}.friend-tile-link{display:block;padding:24px;color:inherit;text-decoration:none;height:100%}.friend-tile-link:hover .meet-link{background:#172b55;color:white}.friend-number{font-size:12px;letter-spacing:.12em;font-weight:900}.character-art{display:block;position:relative;width:100%;border:0;background:none;color:inherit;padding:0;transform-origin:center 80%}.pose-window{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1}.pose-sheet{display:block!important;width:200%!important;max-width:none!important;height:100%!important;object-fit:fill;transform:translateX(0);pointer-events:none}.character-art[data-pose-state="1"] .pose-sheet{transform:translateX(-50%)}.friend-tile .character-art{margin:-10px 0 12px;animation:friend-sway 5s ease-in-out infinite}.friend-tile:nth-child(2n) .character-art{animation-delay:-2.1s}.friend-tile:nth-child(3n) .character-art{animation-delay:-3.3s}.friend-role{font-size:12px;font-weight:800}.friend-tile h2{font-size:clamp(24px,2.6vw,36px);line-height:1.35;margin:8px 0 12px}.friend-tile p{font-size:14px;line-height:1.8;margin:0 0 22px}.meet-link{display:flex;justify-content:space-between;align-items:center;border:2px solid #172b55;border-radius:999px;padding:10px 16px;background:#fffdf5;font-size:14px;font-weight:900;min-height:44px}.favorite-badge{position:absolute;top:18px;right:14px;border-radius:20px;background:#172b55;color:white;padding:5px 9px;font-size:11px}.favorite-badge[hidden]{display:none}.friends-after{padding:64px 24px;text-align:center;background:#b0e8ea;border-block:2px solid #172b55}.friends-after h2{font-size:clamp(30px,5vw,60px);line-height:1.4}.friends-after p{line-height:2}.friends-after img{width:min(100%,1100px);height:auto;margin:35px auto 0}.character-disclosure{max-width:1100px!important;padding:28px 24px;margin:0 auto!important;font-size:12px;line-height:1.9;color:#4d5662}.character-breadcrumb{padding:20px max(24px,calc((100% - 1200px)/2));display:flex;gap:20px;font-size:13px;border-bottom:2px solid #172b55}.character-breadcrumb a{font-weight:900}.character-hero{background:var(--friend-color);display:grid;grid-template-columns:1fr 1fr;padding:48px max(24px,calc((100% - 1200px)/2)) 40px;column-gap:32px;align-items:center;border-bottom:2px solid #172b55}.character-heading h1{font-size:clamp(42px,5.6vw,82px);line-height:1.3;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 20px}.character-tagline{font-weight:900;font-size:clamp(18px,2vw,24px);line-height:1.7}.character-hello{font-size:15px;line-height:2}.character-stage{position:relative;min-width:0}.character-stage .character-art{animation:friend-sway 5s ease-in-out infinite}.character-stage .art-mikaeru{animation-name:friend-hop}.character-stage .art-majokkuma{animation-name:friend-float}.character-stage .art-darudaru{animation-duration:7s}.character-stage .art-babura{animation-name:friend-peek}.art-hint{display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:800;background:#fffdf5;padding:8px 15px;border:1.5px solid #172b55;border-radius:100px}.pose-caption{text-align:center;font-size:15px;font-weight:900;min-height:2em;margin:20px 0 0}.character-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:20px}.character-actions [data-favorite]{background:#172b55;color:white}.character-actions [data-favorite][aria-pressed="true"]{background:#fffdf5;color:#172b55}.favorite-help,.character-actions [data-character-status]{flex-basis:100%;font-size:12px;line-height:1.7;margin:0}.character-about{max-width:1050px;margin:0 auto;padding:72px 24px}.character-about h2{font-size:clamp(30px,4vw,48px);margin:16px 0 24px}.character-intro{font-size:20px;line-height:2;max-width:42em}.character-about dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 0}.character-about dl>div{border-top:3px solid #172b55;padding-top:20px}.character-about dt{font-weight:900;font-size:14px}.character-about dd{margin:12px 0 0;line-height:1.9}.character-play{background:#172b55;color:#fffdf5;padding:64px max(24px,calc((100% - 1050px)/2));display:grid;grid-template-columns:3fr 1fr;gap:30px;overflow:hidden}.character-play h2{font-size:clamp(26px,3.2vw,40px);line-height:1.5}.play-question{font-size:clamp(20px,2.3vw,28px);line-height:1.8;font-weight:900}.character-play summary{display:inline-block;border:2px solid #fffdf5;border-radius:100px;padding:12px 20px;min-height:48px}.character-play details p{line-height:2;max-width:36em;background:#fffdf5;color:#172b55;padding:24px;border-radius:16px}.play-note{font-size:12px;line-height:1.9;margin:24px 0 0}.play-letter{font-size:clamp(50px,8vw,96px);font-weight:900;writing-mode:vertical-rl;letter-spacing:.08em;align-self:center;color:var(--friend-color);transform:rotate(8deg)}.character-friend{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px 24px;margin:auto;gap:32px}.character-friend h2{font-size:clamp(28px,3.6vw,44px);line-height:1.5}.character-friend .character-art{background:var(--friend-color);border-radius:50%}.character-friend>a{display:block;min-width:0}.character-dock{display:flex;justify-content:center;gap:20px;padding:22px;background:#fffdf5;border-top:2px solid #172b55}.character-dock a{font-weight:900;text-decoration:none;min-height:44px;display:flex;align-items:center}.character-dock a+a{background:#172b55;color:white;padding:10px 20px;border-radius:100px}.friends-world a:focus-visible,.character-home :is(a,button,summary):focus-visible{outline:4px solid #197580;outline-offset:5px}.character-motion-paused .character-art{animation-play-state:paused!important}.pose-pop .pose-window{animation:pose-pop .35s ease-out}.character-home [hidden]{display:none}
@keyframes friend-sway{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-5px)}}@keyframes friend-hop{0%,85%,100%{transform:translateY(0)}92%{transform:translateY(-12px) rotate(-2deg)}}@keyframes friend-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes friend-peek{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pose-pop{0%{scale:.94}65%{scale:1.025}100%{scale:1}}
@media(max-width:760px){.friends-hero{padding:40px 22px}.friends-hero h1{font-size:42px}.friends-hero>p:not(.eyebrow){font-size:15px}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px 16px 48px}.friend-tile{border-radius:20px;box-shadow:3px 4px 0 #172b55}.friend-tile-link{padding:14px 12px}.friend-tile h2{font-size:clamp(20px,5.7vw,29px);letter-spacing:-.03em}.friend-tile p{font-size:12px;min-height:44px;margin-bottom:14px}.friend-role{font-size:10px}.meet-link{font-size:12px;padding:8px 12px}.friend-tile .character-art{margin:0 0 12px}.favorite-badge{font-size:9px;top:12px;right:8px}.character-breadcrumb{padding:16px 20px;font-size:12px}.character-hero{grid-template-columns:1fr;padding:28px 20px}.character-heading h1{font-size:clamp(38px,11vw,60px);margin:8px 0 12px}.character-tagline{font-size:18px;margin:0}.character-hello{margin:10px 0}.character-stage{width:100%;max-width:390px;margin:0 auto}.character-stage .pose-window{max-height:370px}.pose-caption{font-size:14px;margin-top:14px}.character-actions{justify-content:center;gap:10px}.character-actions button{font-size:12px;padding:11px 14px}.favorite-help,.character-actions [data-character-status]{text-align:center;font-size:11px}.character-about{padding:48px 22px}.character-intro{font-size:17px}.character-about dl{grid-template-columns:1fr;gap:24px}.character-play{padding:40px 22px;grid-template-columns:1fr}.play-letter{display:none}.character-friend{grid-template-columns:1fr;padding:44px 22px;gap:20px}.character-friend>a{width:70%;max-width:300px;margin:auto}.character-friend .wonder-button{font-size:13px;padding:14px 18px}.character-dock{position:sticky;bottom:0;z-index:5;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172b5510}.character-dock a{font-size:12px}.character-dock a+a{padding:8px 14px}.friends-hero-bottom{font-size:10px;letter-spacing:0;gap:8px}.friends-hero-bottom button{font-size:12px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.friends-world *,.character-home *{animation:none!important;scroll-behavior:auto!important}.friend-tile-link,.pose-sheet{transition:none!important}}

.art-mikaeru .pose-window{clip-path:inset(0 1%)}

.character-return-play{padding:48px clamp(24px,6vw,80px);background:#fff1bc;color:#152c54}.character-return-play h2{font-size:clamp(25px,4vw,38px);line-height:1.5}.character-return-play>div{display:flex;gap:14px;flex-wrap:wrap}.character-return-play a{min-height:48px}@media(max-width:560px){.character-return-play>div{display:grid}.character-return-play a{justify-content:space-between}}