@import url('/shared/yona-costumes.css');
:root{color-scheme:dark;font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;color:#f6eaff;background:#0d091a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#36204b,transparent 65%)}main{max-width:1100px;margin:auto;padding:20px 18px 80px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#ffe1aa}header{margin:30px 0}header small{letter-spacing:3px;color:#d7a8f1}h1{font-size:clamp(26px,6vw,40px)}h2{font-size:20px}p{line-height:1.7}button{font:inherit;min-height:44px;padding:10px 14px;border:1px solid #b08acc;border-radius:12px;background:#3d2555;color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #aef4ff;outline-offset:3px}.layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:28px}.layout>section{min-width:0}#status{min-height:50px;padding:12px;border:1px solid #705184;border-radius:12px;background:#21162e}.look{position:relative;isolation:isolate;aspect-ratio:1/1.18;background:radial-gradient(ellipse,#644584,#171027 72%);border:3px solid var(--frame,#bc94dc);border-radius:26px;overflow:hidden}.look>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:-1}.look .yona-costume{position:absolute;width:100%;aspect-ratio:1;left:0;top:1%}.caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;background:linear-gradient(transparent,#150d26e8);padding:16px 6px}.caption strong,.caption span{display:block}.caption strong{font-size:18px}.caption span{font-size:12px;color:#f7d9a3;margin-top:6px}.equipped{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.equipped>div{padding:10px;border:1px solid #644879;border-radius:12px;font-size:12px;overflow-wrap:anywhere}.equipped small{display:block;color:#c2abd4}.equipped button{font-size:11px;padding:5px 8px;margin-top:5px}.categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.categories button[aria-pressed=true]{background:#9a66bb}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{padding:10px;background:#241832;border:1px solid #735286;border-radius:16px;min-width:0}.item img{width:100%;aspect-ratio:1;object-fit:contain}.item .yona-costume{width:100%;aspect-ratio:1}.item strong{display:block;font-size:13px;min-height:40px}.item small{display:block;color:#d7bfeb;margin:6px 0}.item button{width:100%}.note{color:#c2add4;font-size:12px}[hidden]{display:none!important}@media(max-width:700px){.layout{grid-template-columns:1fr}.layout>section:first-child{max-width:470px;width:100%;margin:auto}}@media(prefers-reduced-motion:no-preference){.yona-costume{transition:filter .2s}}
.linked-yona{position:absolute;inset:0 0 12%;display:grid;place-items:center}.linked-yona svg{width:100%;height:100%}.linked-profile{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:6px;margin:15px 0;padding:12px;border:1px solid #ad87cb;border-radius:14px}.linked-profile svg{width:80px;grid-row:span 2}.linked-profile strong{font-size:13px}.linked-profile small{font-size:12px;color:#d8b7ec}.legacy-collection-link{display:inline-flex;align-items:center;min-height:48px;margin:12px 10px 0 0}