:root{--pink: #eb9098;--pink-deep: #e07a85;--blossom: #f6a5ca;--blossom-pale: #ffd9e4;--sky: #e6f6ff;--sky-deep: #d5e2f2;--plum: #453264;--plum-soft: #7d6a95;--purple: #5e1ae4;--paper: #fffafc;--shadow: 0 1px 0 rgba(69, 50, 100, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Cherry Bomb One,system-ui,sans-serif;font-weight:400;color:var(--plum);background:var(--sky);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#e6f6ff,#dfe7f7,#f0d3e6 70%,#f7bcd5)}#petals{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main,.top{width:min(960px,100% - 32px);margin-inline:auto}@media(min-width:1024px)and (pointer:fine){main,.top{zoom:1.1}}.top{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.wordmark{padding:0;border:0;background:none;font:inherit;font-size:2.8rem;line-height:1;color:#fff;letter-spacing:.04em;paint-order:stroke fill;-webkit-text-stroke:3px var(--plum);text-shadow:4px 4px 0 var(--purple);cursor:pointer;transition:transform .15s ease}.wordmark:hover{transform:rotate(-3deg) scale(1.04)}.wordmark:focus-visible{outline:3px solid var(--purple);outline-offset:6px;border-radius:8px}.wordmark.is-wiggling{animation:wiggle .6s ease-out}@keyframes wiggle{0%{transform:rotate(-3deg) scale(1.04)}20%{transform:rotate(10deg) scale(1.25)}40%{transform:rotate(-9deg) scale(1.15)}60%{transform:rotate(6deg) scale(1.1)}80%{transform:rotate(-3deg) scale(1.05)}to{transform:rotate(-3deg) scale(1.04)}}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:2px solid var(--plum);border-radius:999px;background:var(--paper);color:var(--plum);font-size:1.05rem;line-height:1;box-shadow:3px 3px 0 var(--blossom);transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.pill:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--blossom)}.pill:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--blossom)}.pill-primary{background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--plum)}.pill-primary:hover{box-shadow:5px 5px 0 var(--plum)}.pill-heart:before{content:"♥";color:var(--pink-deep)}.pill-brand{--tint: 22%;transition:transform .12s ease,box-shadow .12s ease,background-color .18s ease}.pill-brand:hover,.pill-brand:focus-visible{background:color-mix(in srgb,var(--brand) var(--tint),white);box-shadow:5px 5px color-mix(in srgb,var(--brand) 45%,white)}.pill-brand:active{box-shadow:1px 1px color-mix(in srgb,var(--brand) 45%,white)}.pill-status .dot{width:10px;height:10px;border-radius:50%;background:var(--plum-soft)}.pill-status.is-live{background:var(--pink);color:#fff;border-color:var(--plum)}.pill-status.is-live .dot{background:#fff;box-shadow:0 0 #ffffffb3;animation:pulse 1.6s ease-out infinite}.pill-status.is-offline .dot{background:var(--sky-deep);border:2px solid var(--plum-soft)}@keyframes pulse{to{box-shadow:0 0 0 8px #fff0}}.hero{position:relative;display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding:16px 0 40px}@media(min-width:820px){.hero{grid-template-columns:5fr 6fr;gap:40px;padding-top:32px}}.avatar{width:112px;height:112px;border-radius:50%;border:3px solid var(--plum);box-shadow:5px 5px 0 var(--blossom);margin-bottom:18px;transform:rotate(-4deg)}h1{margin:0 0 10px;font-size:clamp(1.9rem,4.5vw,2.7rem);line-height:1.1;font-weight:400}.lead{margin:0 0 18px;font-size:1.15rem;line-height:1.5;color:var(--plum-soft)}.games{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.games li{padding:4px 12px;border-radius:999px;background:var(--blossom-pale);color:var(--plum);font-size:.95rem;border:1.5px solid rgba(69,50,100,.2)}.sparkle{position:absolute;width:22px;height:22px;fill:#fff;filter:drop-shadow(0 0 6px #fff3b0) drop-shadow(0 0 2px var(--blossom));animation:twinkle 3s ease-in-out infinite;pointer-events:none}.sparkle.s1{top:6px;left:42%}.sparkle.s2{top:50%;left:-6px;width:16px;animation-delay:1s}.sparkle.s3{bottom:20px;right:-4px;width:26px;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1) rotate(20deg)}}.stream-card{position:relative;border:3px solid var(--plum);border-radius:24px;background:var(--paper);box-shadow:8px 8px 0 var(--blossom);overflow:hidden;min-height:220px}.stream-card.is-loading{background:linear-gradient(90deg,var(--paper) 20%,var(--blossom-pale) 50%,var(--paper) 80%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.game-card{min-height:540px}.player{aspect-ratio:16 / 9;width:100%;border:0;display:block;background:#000}.stream-body{padding:16px 18px 18px}.stream-title{margin:0 0 4px;font-size:1.15rem;line-height:1.3;font-weight:400}.stream-meta{margin:0 0 12px;color:var(--plum-soft);font-size:.95rem}.stream-meta b{font-weight:400;color:var(--pink-deep)}.offline{position:relative;aspect-ratio:16 / 9;background:url(/banner.png) center / cover no-repeat}.offline-note{position:absolute;right:16px;bottom:16px;padding:10px 14px;border:2px solid var(--plum);border-radius:16px;background:#fffafcf0;box-shadow:3px 3px 0 var(--plum);text-align:right;line-height:1.25}.offline-note small{display:block;color:var(--plum-soft);font-size:.85rem}.offline-note strong{font-weight:400;font-size:1.1rem}.schedule{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none;color:var(--plum-soft);font-size:.95rem}.schedule li:before{content:"✿ ";color:var(--pink)}.schedule li.is-next{color:var(--plum)}.stream-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10px;padding:8px 0 44px}.media{padding-bottom:44px}h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.5rem;font-weight:400}.blossom{width:22px;height:22px;flex:none;background:radial-gradient(circle at 50% 50%,#ffe08a 0 3px,transparent 3.5px),radial-gradient(circle at 50% 18%,var(--blossom) 0 5px,transparent 5.5px),radial-gradient(circle at 80% 40%,var(--blossom) 0 5px,transparent 5.5px),radial-gradient(circle at 70% 82%,var(--blossom) 0 5px,transparent 5.5px),radial-gradient(circle at 30% 82%,var(--blossom) 0 5px,transparent 5.5px),radial-gradient(circle at 20% 40%,var(--blossom) 0 5px,transparent 5.5px)}.grid{display:grid;grid-template-columns:1fr;gap:20px 18px}@media(min-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:820px){.grid{grid-template-columns:repeat(3,1fr)}}.grid-shorts{grid-template-columns:repeat(3,1fr);gap:16px 12px}@media(min-width:820px){.grid-shorts{grid-template-columns:repeat(6,1fr)}}.grid-shorts .card-title{font-size:.9rem;margin-top:10px}.grid-shorts .card-meta{font-size:.8rem}.thumb.thumb-tall{aspect-ratio:9 / 16;border-radius:14px}.card{display:block}.thumb{position:relative;aspect-ratio:16 / 9;border:2.5px solid var(--plum);border-radius:16px;overflow:hidden;background:var(--blossom-pale);box-shadow:5px 5px 0 var(--blossom);transition:transform .15s ease,box-shadow .15s ease}.thumb img{width:100%;height:100%;object-fit:cover}.card:hover .thumb{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 var(--blossom)}.thumb .tag{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:999px;border:1.5px solid var(--plum);background:var(--paper);font-size:.8rem;line-height:1.2}.card-title{margin:12px 0 2px;font-size:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin:0;color:var(--plum-soft);font-size:.85rem}@media(prefers-reduced-motion:reduce){.sparkle,.pill-status.is-live .dot,.stream-card.is-loading{animation:none}}
