:root{--ink:#4c3043;--muted:#795f70;--pink:#ef79ae;--pink-dark:#d94f91;--pink-soft:#ffe1ee;--cream:#fffaf7;--white:#fff;--lilac:#e8ddff;--mint:#dff7e9;--yellow:#fff0b8;--line:#eec6d9;--shadow:0 20px 60px rgba(133,74,105,.16);--shadow-soft:0 10px 30px rgba(133,74,105,.11);--radius:28px;--radius-sm:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--cream);line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 8% 8%,rgba(255,185,216,.42),transparent 26%),radial-gradient(circle at 90% 15%,rgba(230,214,255,.55),transparent 25%),linear-gradient(180deg,#fff9fc 0%,#fffdf8 48%,#fff6fb 100%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 12px 12px}.skip-link:focus{top:0}.petal{position:fixed;width:280px;height:280px;border-radius:60% 40% 55% 45%;filter:blur(2px);opacity:.16;z-index:-2;animation:float 9s ease-in-out infinite}.petal-one{left:-140px;top:30%;background:var(--pink)}.petal-two{right:-150px;top:55%;background:#ab8eea;animation-delay:-4s}@keyframes float{50%{transform:translateY(-25px) rotate(8deg)}}
.site-header{position:sticky;top:0;z-index:100;padding:16px 0;background:rgba(255,250,247,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(238,198,217,.7)}.nav-wrap{display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:linear-gradient(145deg,#fff,#ffd5e8);border:1px solid #f2bcd5;border-radius:16px;box-shadow:0 8px 20px rgba(208,90,143,.17);font-size:25px;transform:rotate(-3deg)}.brand strong{display:block;font:700 22px/1 'Fredoka',sans-serif;letter-spacing:-.5px}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin:auto}.site-nav a{padding:9px 12px;border-radius:13px;color:#6b5060;font-weight:700;font-size:13px;transition:.2s ease}.site-nav a:hover,.site-nav a.active{background:var(--pink-soft);color:var(--pink-dark);transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:transparent;padding:8px;color:var(--ink)}.menu-toggle span{display:block;width:24px;height:2px;margin:4px;background:var(--ink)}.menu-toggle b{font-size:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 21px;border:1px solid transparent;border-radius:16px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 16px;border-radius:14px;font-size:14px}.button-primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--pink-dark));box-shadow:0 12px 28px rgba(217,79,145,.28)}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-soft)}.button-ghost{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.65);color:#fff}.button-discord{color:#fff;background:#7c6ddd;box-shadow:0 10px 20px rgba(124,109,221,.22)}.discord-face{display:grid;place-items:center;width:22px;height:22px;background:#fff;color:#7c6ddd;border-radius:8px;font-size:11px}.text-button{display:block;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;font-weight:600}
.hero{padding:68px 0 74px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--pink-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"✦"}.hero h1,.page-hero h1{margin:16px 0 18px;font:700 clamp(48px,7vw,82px)/.98 'Fredoka',sans-serif;letter-spacing:-3px}.hero h1 span,.page-hero h1 span{color:var(--pink-dark);text-shadow:0 5px 0 rgba(255,255,255,.9)}.hero-copy{max-width:640px;color:var(--muted);font-size:18px}.hero-copy strong{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}.server-pill{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:10px 13px 10px 16px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-soft)}.server-pill code{color:var(--ink);font:700 14px 'DM Sans',sans-serif;overflow-wrap:anywhere}.server-pill button{border:0;background:var(--pink-soft);color:var(--pink-dark);border-radius:11px;padding:7px 10px;font-weight:800;cursor:pointer}.tiny-note{margin-top:12px;color:#947487;font-size:12px}.hero-visual{position:relative;min-height:550px}.hero-frame{position:absolute;inset:0 25px 45px 0;overflow:hidden;border:10px solid #fff;border-radius:36px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-frame img{width:100%;height:100%;object-fit:cover}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(68,28,51,.28))}.hero-sticker{position:absolute;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);font:600 15px 'Fredoka',sans-serif}.sticker-one{right:-6px;top:40px;transform:rotate(5deg)}.sticker-two{left:-28px;bottom:20px;transform:rotate(-5deg)}.bunny-card{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:11px 14px 11px 11px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}.bunny-card img{width:72px;height:72px;object-fit:cover;border-radius:14px}.bunny-card strong{display:block;font-family:'Fredoka',sans-serif}.bunny-card span{font-size:12px;color:var(--muted)}
.section{padding:84px 0}.section-soft{background:rgba(255,224,238,.38);border-block:1px solid rgba(238,198,217,.65)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading.center{display:block;text-align:center;max-width:760px;margin:0 auto 40px}.section-heading h2{margin:8px 0 0;font:700 clamp(34px,5vw,54px)/1.05 'Fredoka',sans-serif;letter-spacing:-1.7px}.section-heading p{max-width:520px;margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.feature-card{padding:25px;transition:.25s ease}.feature-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow)}.icon-bubble{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:18px;background:var(--pink-soft);font-size:25px}.feature-card:nth-child(2) .icon-bubble{background:var(--mint)}.feature-card:nth-child(3) .icon-bubble{background:var(--lilac)}.feature-card:nth-child(4) .icon-bubble{background:var(--yellow)}.feature-card h3{margin:0 0 9px;font:700 21px 'Fredoka',sans-serif}.feature-card p{margin:0;color:var(--muted);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.image-stack{position:relative;min-height:510px}.image-stack .main-image{position:absolute;inset:0 70px 50px 0;width:calc(100% - 70px);height:calc(100% - 50px);object-fit:cover;border:8px solid #fff;border-radius:30px;box-shadow:var(--shadow)}.image-stack .mini-image{position:absolute;right:0;bottom:0;width:220px;height:190px;object-fit:cover;border:7px solid #fff;border-radius:25px;box-shadow:var(--shadow);transform:rotate(3deg)}.content-block h2{margin:10px 0 18px;font:700 clamp(36px,5vw,58px)/1.03 'Fredoka',sans-serif;letter-spacing:-1.7px}.content-block p{color:var(--muted)}.check-list{display:grid;gap:12px;margin:25px 0 30px;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:11px;font-weight:600}.check-list li:before{content:"♡";display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:var(--pink-soft);color:var(--pink-dark)}
.map-showcase{position:relative;overflow:hidden;padding:54px;background:#523849;border-radius:36px;color:#fff;box-shadow:var(--shadow)}.map-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,34,52,.94),rgba(63,34,52,.5)),url('/assets/images/enchanted-forest.gif') center/cover}.map-showcase>*{position:relative}.map-showcase h2{max-width:650px;margin:10px 0 15px;font:700 clamp(38px,6vw,64px)/1 'Fredoka',sans-serif}.map-showcase p{max-width:620px;color:#f8dfea}.map-showcase .eyebrow{color:#ffd5e8}.map-showcase .button{margin-top:12px}.gallery-preview{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:240px 240px;gap:15px}.gallery-preview a{position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-soft)}.gallery-preview a:first-child{grid-row:1/3}.gallery-preview a:last-child{grid-column:2/4}.gallery-preview img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.gallery-preview a:hover img{transform:scale(1.05)}.gallery-preview span{position:absolute;left:14px;bottom:14px;padding:7px 11px;background:rgba(255,255,255,.88);border-radius:10px;font-weight:800;font-size:12px}
.page-hero{padding:70px 0 44px}.page-hero-inner{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:40px}.page-hero h1{font-size:clamp(48px,7vw,76px)}.page-hero p{max-width:690px;color:var(--muted);font-size:18px}.page-hero-art{position:relative;height:330px}.page-hero-art img{width:100%;height:100%;object-fit:cover;border:8px solid #fff;border-radius:30px;box-shadow:var(--shadow);transform:rotate(2deg)}.kawaii-divider{text-align:center;color:var(--pink-dark);letter-spacing:.15em;margin:18px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:28px}.info-card h2,.info-card h3{margin:0 0 10px;font:700 23px 'Fredoka',sans-serif}.info-card p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:22px;text-align:center}.stat strong{display:block;font:700 28px 'Fredoka',sans-serif;color:var(--pink-dark)}.stat span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.join-card{padding:30px}.join-card.featured{background:linear-gradient(145deg,#fff,#ffe9f3)}.join-card h2{margin:0 0 7px;font:700 30px 'Fredoka',sans-serif}.join-card .edition{display:inline-block;margin-bottom:17px;padding:5px 10px;border-radius:9px;background:var(--lilac);font-size:11px;font-weight:800;text-transform:uppercase}.address-box{margin:18px 0;padding:17px;background:#fff;border:1px dashed #dc94b5;border-radius:17px}.address-box span{display:block;color:var(--muted);font-size:12px}.address-box strong{display:block;overflow-wrap:anywhere;font:700 20px 'Fredoka',sans-serif}.steps{counter-reset:steps;display:grid;gap:14px;margin-top:25px}.step{counter-increment:steps;display:flex;gap:14px;align-items:flex-start}.step:before{content:counter(steps);display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:12px;background:var(--pink);color:#fff;font-weight:800}.step strong{display:block}.step p{margin:2px 0 0;color:var(--muted);font-size:14px}
.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.rule-card{display:flex;gap:17px;padding:24px}.rule-number{display:grid;place-items:center;flex:0 0 46px;height:46px;background:var(--pink-soft);border-radius:16px;color:var(--pink-dark);font:700 18px 'Fredoka',sans-serif}.rule-card h2{margin:0 0 5px;font:700 21px 'Fredoka',sans-serif}.rule-card p{margin:0;color:var(--muted)}.sweet-note{margin-top:25px;padding:27px;text-align:center;background:linear-gradient(135deg,var(--pink-soft),var(--lilac));border-radius:25px;font-weight:700}
.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:27px}.filter-bar button{padding:9px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.filter-bar button.active,.filter-bar button:hover{background:var(--pink);border-color:var(--pink);color:#fff}.gallery-grid{columns:3 280px;column-gap:16px}.gallery-item{position:relative;break-inside:avoid;margin:0 0 16px;overflow:hidden;border:7px solid #fff;border-radius:24px;box-shadow:var(--shadow-soft)}.gallery-item[hidden]{display:none}.gallery-item img{width:100%;transition:.45s ease}.gallery-item:hover img{transform:scale(1.045)}.gallery-item figcaption{position:absolute;inset:auto 10px 10px;padding:9px 12px;background:rgba(255,255,255,.9);border-radius:12px;font-size:12px;font-weight:800}
.map-card{overflow:hidden;padding:12px}.map-frame{width:100%;height:630px;border:0;border-radius:22px;background:#f5dce8}.map-fallback{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 13px 8px}.map-fallback p{margin:0;color:var(--muted)}.faq-list{display:grid;gap:12px;max-width:900px;margin:auto}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft)}.faq-list summary{padding:20px 24px;cursor:pointer;font:700 18px 'Fredoka',sans-serif;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--pink-dark)}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 24px 22px;color:var(--muted)}
.join-ribbon{padding:42px 0;background:linear-gradient(135deg,#ef7eaf,#c868ae);color:#fff}.join-ribbon-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.join-ribbon .eyebrow{color:#fff4f8}.join-ribbon h2{max-width:760px;margin:7px 0 0;font:700 clamp(28px,4vw,43px)/1.08 'Fredoka',sans-serif}.ribbon-actions{display:flex;gap:10px;min-width:max-content}.join-ribbon .button-primary{background:#fff;color:var(--pink-dark)}.site-footer{padding:60px 0 22px;background:#402c3a;color:#fcecf4}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.site-footer .brand-mark{background:#fff1f7}.footer-brand p{max-width:430px;color:#d9bdcb}.site-footer h3{margin:0 0 15px;font:700 16px 'Fredoka',sans-serif}.site-footer a,.site-footer .text-button,.footer-note{display:block;margin:8px 0;color:#d9bdcb;font-size:14px}.site-footer a:hover,.site-footer .text-button:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:19px;border-top:1px solid rgba(255,255,255,.12);color:#b99daa;font-size:12px}.toast{position:fixed;left:50%;bottom:22px;z-index:200;transform:translate(-50%,90px);padding:13px 18px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;transition:.3s ease}.toast.show{transform:translate(-50%,0);opacity:1}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:1050px){.site-nav{position:absolute;left:20px;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;padding:13px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{text-align:center}.menu-toggle{display:block;margin-left:auto}.nav-wrap>.button-discord{display:none}.hero-grid,.page-hero-inner,.split{grid-template-columns:1fr}.hero-visual{min-height:500px}.page-hero-art{height:420px}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2}.join-ribbon-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.shell{width:min(100% - 26px,1180px)}.site-header{padding:11px 0}.brand-mark{width:42px;height:42px}.brand strong{font-size:19px}.hero{padding:42px 0 55px}.hero h1,.page-hero h1{font-size:clamp(43px,14vw,62px);letter-spacing:-2px}.hero-copy,.page-hero p{font-size:16px}.hero-visual{min-height:390px}.hero-frame{inset:0 8px 42px}.hero-sticker{font-size:12px}.sticker-one{right:0}.sticker-two{left:0}.bunny-card img{width:58px;height:58px}.section{padding:62px 0}.section-heading{display:block}.section-heading p{margin-top:14px}.feature-grid,.info-grid,.stats,.join-layout,.rules-grid{grid-template-columns:1fr}.gallery-preview{grid-template-columns:1fr 1fr;grid-template-rows:230px 170px}.gallery-preview a:first-child{grid-column:1/3;grid-row:auto}.gallery-preview a:last-child{grid-column:auto}.image-stack{min-height:390px}.image-stack .main-image{right:35px;width:calc(100% - 35px)}.image-stack .mini-image{width:150px;height:140px}.map-showcase{padding:32px 24px}.page-hero{padding-top:46px}.page-hero-inner{gap:25px}.page-hero-art{height:300px}.map-frame{height:500px}.map-fallback,.footer-bottom{align-items:flex-start;flex-direction:column}.join-ribbon{padding:35px 0}.ribbon-actions{min-width:0;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.server-pill{align-items:flex-start;flex-direction:column;width:100%}.server-pill button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}

body:before{background:linear-gradient(rgba(255,250,247,.92),rgba(255,248,252,.94)),url('/assets/images/cherry-background.gif') center/cover no-repeat}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 8% 8%,rgba(255,185,216,.38),transparent 26%),radial-gradient(circle at 90% 15%,rgba(230,214,255,.48),transparent 25%)}
.petal{z-index:-1}
.button-discord{color:#6f4653;background:#f5cdd2;border-color:#edb9c1;box-shadow:0 10px 22px rgba(205,126,143,.24)}
.button-discord:hover{background:#f1bbc4}
.discord-button-icon{width:25px;height:25px;object-fit:cover;border-radius:8px}
.hero-frame img{object-position:center}
.promise-row{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.promise-row span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);color:var(--pink-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.decorated-section{position:relative}
.decor-float{position:absolute;z-index:3;width:150px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transform:rotate(-4deg)}
.decor-float img{width:100%;height:100px;object-fit:cover;border-radius:13px}
.decor-float strong{display:block;padding:8px 4px 3px;font:600 12px/1.25 'Fredoka',sans-serif;text-align:center}
.decor-creeper{right:max(12px,calc((100vw - 1460px)/2));bottom:22px;transform:rotate(5deg)}
.decor-kitten{left:max(12px,calc((100vw - 1460px)/2));bottom:28px}
.decor-chick{right:max(12px,calc((100vw - 1500px)/2));bottom:12px;transform:rotate(4deg)}
.decor-creeper-about{bottom:40px}
.promise-panel{display:grid;gap:4px;margin:24px 0;padding:20px 22px;background:linear-gradient(135deg,var(--pink-soft),var(--lilac));border:1px solid var(--line);border-radius:20px}
.promise-panel strong{font:700 23px 'Fredoka',sans-serif}
.promise-panel span{color:var(--muted);font-size:14px}
.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gif-grid figure,.story-grid figure,.gif-feature{position:relative;overflow:hidden;margin:0;border:7px solid #fff;border-radius:25px;background:#fff;box-shadow:var(--shadow-soft)}
.gif-grid img{width:100%;height:240px;object-fit:cover}
.gif-grid figcaption,.story-grid figcaption,.gif-feature span{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 12px;background:rgba(255,255,255,.9);border-radius:12px;font-size:12px;font-weight:800}
.gallery-preview .visual-tile{position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-soft)}
.gallery-preview .visual-tile:first-child{grid-row:1/3}
.gallery-preview .visual-tile:last-child{grid-column:2/4}
.gallery-preview .visual-tile:hover img{transform:scale(1.05)}
.server-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.server-feature{display:grid;grid-template-columns:180px 1fr;overflow:hidden;min-height:210px}
.server-feature>img{width:100%;height:100%;object-fit:cover}
.server-feature>div{padding:24px}
.server-feature span{color:var(--pink-dark);font-size:11px;font-weight:800;letter-spacing:.1em}
.server-feature h3{margin:6px 0 9px;font:700 22px 'Fredoka',sans-serif}
.server-feature p{margin:0;color:var(--muted);font-size:14px}
.gif-feature{min-height:390px}
.gif-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cute-line{padding:14px 17px;background:var(--pink-soft);border-radius:16px;color:var(--pink-dark)!important;font-weight:700}
.story-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:16px}
.story-grid figure{min-height:310px}
.story-grid img{width:100%;height:100%;object-fit:cover}
@media(max-width:1200px){.decor-float{display:none}}
@media(max-width:900px){.gif-grid,.server-feature-grid,.story-grid{grid-template-columns:1fr}.server-feature{grid-template-columns:150px 1fr}.story-grid figure{min-height:260px}}
@media(max-width:720px){body:before{background:linear-gradient(rgba(255,250,247,.94),rgba(255,248,252,.96)),url('/assets/images/cherry-background.gif') center/cover no-repeat}.gif-grid img{height:210px}.server-feature{grid-template-columns:1fr}.server-feature>img{height:190px}.gallery-preview .visual-tile:first-child{grid-column:1/3;grid-row:auto}.gallery-preview .visual-tile:last-child{grid-column:auto}.promise-row{gap:6px}.promise-row span{font-size:10px}}

body{background:transparent}
.site-bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;pointer-events:none;filter:saturate(1.08) contrast(1.03)}
body:before{z-index:-2;background:linear-gradient(rgba(255,250,247,.68),rgba(255,248,252,.76))}
body:after{z-index:-1;opacity:.72}
.brand-mark{overflow:hidden;padding:3px;background:#fff}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.hero-highlight{color:#f7a3ff!important;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.button-discord-hero{color:#fff;background:linear-gradient(135deg,#f39bc9,#d984da);border-color:#efb0df;box-shadow:0 13px 30px rgba(217,132,218,.32)}
.button-discord-hero:hover{box-shadow:0 17px 36px rgba(217,132,218,.42)}
.button-discord-hero img{width:28px;height:28px;object-fit:cover;border-radius:9px;border:2px solid rgba(255,255,255,.7)}
.home-promise{margin:17px 0 14px;border-color:#eaa6df;box-shadow:0 12px 28px rgba(222,126,211,.17)}
.home-promise strong{color:#9c438f}
.promise-row{gap:10px}
.promise-row span{padding:11px 16px;border-width:2px;background:#fff;font-size:12px;box-shadow:0 8px 20px rgba(166,90,130,.12)}
.promise-row span:first-child{color:#fff;border-color:#ec72ad;background:linear-gradient(135deg,#ef79ae,#d94f91);box-shadow:0 10px 24px rgba(217,79,145,.3)}
.promise-row span:nth-child(2){color:#8b4b88;border-color:#d995d8;background:linear-gradient(135deg,#fff,#f4d9ff)}
.promise-row span:nth-child(3){color:#4c6b65;border-color:#a8d9c9;background:linear-gradient(135deg,#fff,#e2faef)}
.sticker-wide{max-width:270px;right:-34px;top:25px;text-align:center;font-size:12px}
.hero{position:relative;isolation:isolate;padding-bottom:130px;margin-bottom:-74px}
.hero:before{content:"";position:absolute;z-index:-1;left:-5vw;right:-5vw;bottom:0;height:150px;background:linear-gradient(180deg,rgba(255,226,240,0),rgba(255,226,240,.78) 72%,rgba(255,226,240,.46));clip-path:polygon(0 35%,18% 48%,36% 32%,54% 55%,72% 37%,88% 52%,100% 31%,100% 100%,0 100%)}
.hero+.section-soft{padding-top:150px;border-top:0;background:linear-gradient(180deg,rgba(255,226,240,.5),rgba(255,224,238,.38) 260px)}
@media(max-width:1050px){.hero-actions .button{flex:1 1 180px}.site-bg-video{object-position:center}}
@media(max-width:720px){.site-bg-video{opacity:.76}.hero{padding-bottom:100px;margin-bottom:-55px}.hero:before{height:110px}.hero+.section-soft{padding-top:115px}.hero-highlight{display:block;margin-bottom:5px}.sticker-wide{right:0;max-width:205px;font-size:10px}.promise-row span{font-size:10px;padding:9px 11px}.home-promise{padding:16px}.button-discord-hero{width:100%}}
@media(prefers-reduced-motion:reduce){.site-bg-video{display:none}body:before{background:linear-gradient(rgba(255,250,247,.78),rgba(255,248,252,.82)),url('/assets/images/cherry-background.gif') center/cover no-repeat}}

.home-page:before{background:transparent}
.home-page:after{opacity:.12}
.home-page .site-bg-video{filter:saturate(1.12) contrast(1.06);opacity:1}
.home-page .hero-grid>div:first-child{position:relative;padding:30px 32px;margin-left:-32px;background:rgba(255,250,247,.86);border:1px solid rgba(255,255,255,.88);border-radius:30px;box-shadow:0 24px 70px rgba(96,54,79,.18);backdrop-filter:blur(8px)}
.home-page .hero-copy{color:#5d4253;font-weight:500}
.home-page .hero h1{text-shadow:0 3px 0 rgba(255,255,255,.92),0 12px 28px rgba(78,42,66,.14)}
.home-page .hero-highlight{text-shadow:0 1px 0 #6d426a,0 0 16px rgba(247,163,255,.28)}
.button-discord-hero{color:#6f4653;background:#f5cdd2;border-color:#edb9c1;box-shadow:0 11px 24px rgba(205,126,143,.25)}
.button-discord-hero:hover{color:#5d3745;background:#f1bbc4;box-shadow:0 14px 30px rgba(205,126,143,.34)}
.hero-secondary-actions{display:flex;gap:12px;flex-wrap:nowrap}
.sticker-wide{display:grid;gap:2px;min-width:280px;max-width:300px;padding:12px 15px;line-height:1.2}
.sticker-wide span{display:block;white-space:nowrap}
.sticker-wide span:last-child{color:var(--pink-dark);font-size:13px}
.home-page .hero:before{background:linear-gradient(180deg,rgba(255,226,240,0),rgba(255,226,240,.86) 76%,rgba(255,226,240,.58))}
.home-page .hero+.section-soft{background:linear-gradient(180deg,rgba(255,226,240,.66),rgba(255,224,238,.46) 260px);scroll-margin-top:74px}
@media(max-width:720px){.home-page .hero-grid>div:first-child{padding:22px 18px;margin-left:0}.sticker-wide{min-width:0;max-width:225px}.sticker-wide span{white-space:normal}.home-page .site-bg-video{opacity:1}.home-page .hero-copy{color:#513747}.hero-secondary-actions{width:100%;flex-wrap:wrap}.hero-secondary-actions .button{width:100%}}

body{background:var(--cream)}
body:before,.home-page:before{background:radial-gradient(circle at 9% 10%,rgba(255,190,219,.43),transparent 28%),radial-gradient(circle at 91% 16%,rgba(230,216,255,.54),transparent 27%),linear-gradient(180deg,#fff9fc 0%,#fffdf9 48%,#fff5fb 100%)}
body:after,.home-page:after{display:none}
.site-bg-video{display:none}
.home-page .hero-grid{grid-template-columns:.82fr 1.18fr;gap:48px}
.home-page .hero-grid>div:first-child{padding:0;margin-left:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.home-page .hero-copy{color:var(--muted);font-weight:400}
.hero-visual-wide{min-height:440px}
.hero-frame-wide{inset:auto;top:42px;left:0;right:0;width:100%;height:auto;aspect-ratio:800/337;transform:rotate(.4deg)}
.hero-frame-wide img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff7fb}
.hero-visual-wide .bunny-card{right:18px;bottom:18px}
.hero-visual-wide .sticker-one{right:-8px;top:18px}
.corner-card{position:absolute;z-index:4;width:150px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transform:rotate(4deg)}
.corner-card img{width:100%;height:100px;object-fit:cover;border-radius:13px}
.corner-card strong{display:block;padding:8px 4px 3px;font:600 12px/1.25 'Fredoka',sans-serif;text-align:center}
.rules-creeper-card{right:-46px;bottom:-46px}
.join-cute-card{left:-42px;bottom:-44px;transform:rotate(-4deg)}
@media(max-width:1050px){.home-page .hero-grid{grid-template-columns:1fr}.hero-visual-wide{min-height:390px}.hero-frame-wide{top:25px}.rules-creeper-card,.join-cute-card{right:12px;left:auto;bottom:-30px}}
@media(max-width:720px){.home-page .hero-grid>div:first-child{padding:0}.hero-visual-wide{min-height:330px}.hero-frame-wide{top:20px}.corner-card{width:125px}.corner-card img{height:82px}.rules-creeper-card,.join-cute-card{right:5px;bottom:-26px}}

.hero-highlight{color:var(--ink)!important;font-size:20px;font-weight:800;text-shadow:none}
.home-page .hero-highlight{color:var(--ink)!important;text-shadow:none}
.home-page .hero-grid{grid-template-columns:minmax(350px,.72fr) minmax(0,1.28fr);gap:40px}
.hero-visual-wide{min-height:510px}
.hero-frame-wide{inset:28px -18px 78px -10px;width:auto;height:auto;aspect-ratio:auto;transform:rotate(.25deg)}
.hero-frame-wide img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff7fb}
.hero-visual-wide .bunny-card{right:-4px;bottom:18px}
.hero-visual-wide .sticker-one{right:-18px;top:12px}
main>section,.join-ribbon,.site-footer{scroll-margin-top:78px}
@media(max-width:1050px){.home-page .hero-grid{grid-template-columns:1fr}.hero-visual-wide{min-height:470px}.hero-frame-wide{inset:25px 0 80px}}
@media(max-width:720px){.hero-highlight{font-size:18px}.hero-visual-wide{min-height:350px}.hero-frame-wide{inset:20px 0 70px}.hero-visual-wide .bunny-card{right:0}}

/* Wide, balanced homepage hero */
.home-page .hero{display:flex;align-items:center;min-height:calc(100vh - 81px);padding:48px 0 128px}
.home-page .hero>.shell{width:min(1660px,calc(100% - 72px))}
.home-page .hero-grid{grid-template-columns:minmax(470px,540px) minmax(680px,1fr);align-items:center;justify-content:space-between;gap:72px}
.home-page .hero-grid>div:first-child{width:100%;max-width:540px}
.home-page .hero h1{max-width:530px;margin:15px 0 20px;font-size:clamp(58px,4.8vw,82px);line-height:.96}
.home-page .hero-copy{max-width:535px;font-size:18px;line-height:1.65}
.home-page .hero-visual-wide{width:100%;min-height:610px}
.home-page .hero-frame-wide{inset:38px 0 58px;width:auto;height:auto;aspect-ratio:auto;border-width:10px;border-radius:34px}
.home-page .hero-frame-wide img{width:100%;height:100%;object-fit:contain;background:#fff7fb}
.home-page .hero-visual-wide .sticker-one{right:-16px;top:10px}
.home-page .hero-visual-wide .sticker-two{left:-24px;bottom:30px}
.home-page .hero-visual-wide .bunny-card{right:-8px;bottom:12px}
@media(max-width:1350px){.home-page .hero>.shell{width:min(1240px,calc(100% - 48px))}.home-page .hero-grid{grid-template-columns:minmax(390px,470px) minmax(560px,1fr);gap:44px}.home-page .hero-visual-wide{min-height:530px}.home-page .hero h1{font-size:clamp(54px,5vw,72px)}}
@media(max-width:1050px){.home-page .hero{min-height:auto;padding:58px 0 112px}.home-page .hero>.shell{width:min(860px,calc(100% - 40px))}.home-page .hero-grid{grid-template-columns:1fr;gap:28px}.home-page .hero-grid>div:first-child{max-width:700px}.home-page .hero h1,.home-page .hero-copy{max-width:700px}.home-page .hero-visual-wide{min-height:500px}.home-page .hero-frame-wide{inset:20px 0 70px}}
@media(max-width:720px){.home-page .hero>.shell{width:min(100% - 26px,1180px)}.home-page .hero{padding-top:40px}.home-page .hero h1{font-size:clamp(43px,14vw,62px)}.home-page .hero-visual-wide{min-height:340px}.home-page .hero-frame-wide{inset:20px 0 68px;border-width:7px;border-radius:24px}}

/* Centered homepage copy and enlarged clickable artwork */
.home-page .hero>.shell{width:min(1760px,calc(100% - 64px))}
.home-page .hero-grid{grid-template-columns:minmax(520px,590px) minmax(760px,1fr);gap:76px}
.home-page .hero-grid>div:first-child{max-width:590px;text-align:center}
.home-page .hero .eyebrow{justify-content:center}
.home-page .hero h1{max-width:590px;margin-inline:auto;text-align:center}
.home-page .hero-copy{max-width:570px;margin-inline:auto;text-align:center}
.home-page .hero-actions{justify-content:center}
.home-page .server-pill{margin-inline:auto}
.home-page .home-promise{max-width:570px;margin-inline:auto}
.home-page .promise-row{justify-content:center}
.home-page .tiny-note{text-align:center}
.home-page .hero-visual-wide{min-height:680px}
.home-page .hero-frame-wide{inset:18px 0 72px;border-radius:36px;cursor:zoom-in}
.home-page .hero-frame-wide img{object-fit:cover}
.hero-zoom-hint{position:absolute;right:18px;bottom:18px;z-index:2;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.9);color:var(--ink);font-size:12px;font-weight:800;box-shadow:var(--shadow-soft)}
.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:34px;background:rgba(49,27,43,.88);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s ease}
.image-lightbox.open{opacity:1}
.image-lightbox img{display:block;max-width:min(94vw,1500px);max-height:90vh;border:8px solid #fff;border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.45)}
.image-lightbox button{position:fixed;top:22px;right:26px;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:#fff;color:var(--ink);font-size:32px;line-height:1;cursor:pointer;box-shadow:var(--shadow)}
body.lightbox-open{overflow:hidden}
@media(max-width:1450px){.home-page .hero>.shell{width:min(1320px,calc(100% - 48px))}.home-page .hero-grid{grid-template-columns:minmax(450px,520px) minmax(620px,1fr);gap:48px}.home-page .hero-visual-wide{min-height:570px}}
@media(max-width:1050px){.home-page .hero>.shell{width:min(860px,calc(100% - 40px))}.home-page .hero-grid{grid-template-columns:1fr}.home-page .hero-grid>div:first-child{max-width:720px;margin-inline:auto}.home-page .hero-visual-wide{min-height:500px}}
@media(max-width:720px){.home-page .hero>.shell{width:min(100% - 26px,1180px)}.home-page .hero-visual-wide{min-height:350px}.hero-zoom-hint{right:10px;bottom:10px;padding:6px 9px;font-size:10px}.image-lightbox{padding:14px}.image-lightbox img{max-width:96vw;border-width:5px;border-radius:20px}}

/* Single-column centered homepage hero */
.home-page .hero{min-height:auto;padding:64px 0 138px}
.home-page .hero>.shell{width:min(1380px,calc(100% - 48px))}
.home-page .hero-grid{display:grid;grid-template-columns:1fr;justify-items:center;gap:34px}
.home-page .hero-grid>div:first-child{width:min(100%,900px);max-width:none;margin-inline:auto;text-align:center}
.home-page .hero h1{max-width:900px;margin:15px auto 22px;font-size:clamp(60px,6vw,92px)}
.home-page .hero-copy{max-width:820px;margin-inline:auto;font-size:19px}
.home-page .hero-actions,.home-page .promise-row{justify-content:center}
.home-page .server-pill{margin-inline:auto}
.home-page .home-promise{max-width:720px;margin:18px auto 14px}
.home-page .hero-visual-wide{width:min(100%,1220px);min-height:720px;margin-inline:auto}
.home-page .hero-frame-wide{inset:20px 0 74px}
.home-page .hero-visual-wide .sticker-one{right:18px;top:0}
.home-page .hero-visual-wide .sticker-two{left:8px;bottom:28px}
.home-page .hero-visual-wide .bunny-card{right:18px;bottom:10px}
@media(max-width:1050px){.home-page .hero>.shell{width:min(900px,calc(100% - 40px))}.home-page .hero-grid{gap:28px}.home-page .hero h1{font-size:clamp(54px,9vw,78px)}.home-page .hero-visual-wide{min-height:520px}}
@media(max-width:720px){.home-page .hero{padding:42px 0 104px}.home-page .hero>.shell{width:min(100% - 26px,1180px)}.home-page .hero h1{font-size:clamp(43px,14vw,62px)}.home-page .hero-copy{font-size:16px}.home-page .hero-visual-wide{min-height:350px}.home-page .hero-visual-wide .sticker-one{right:0}.home-page .hero-visual-wide .sticker-two{left:0}.home-page .hero-visual-wide .bunny-card{right:0}}

/* Structurally single-column hero: no left or right column exists */
.home-page .hero-stack{display:flex;flex-direction:column;align-items:center;width:min(1380px,calc(100% - 48px));margin-inline:auto;gap:34px}
.home-page .hero-stack>div:first-child{width:min(100%,900px);max-width:none;margin-inline:auto;text-align:center}
.home-page .hero-stack .hero-visual-wide{width:min(100%,1220px);margin-inline:auto}
@media(max-width:1050px){.home-page .hero-stack{width:min(900px,calc(100% - 40px));gap:28px}}
@media(max-width:720px){.home-page .hero-stack{width:min(100% - 26px,1180px)}}

/* Compact image-first homepage hero */
.home-page .hero{padding:30px 0 94px}
.home-page .hero-stack{gap:12px}
.home-page .hero-heading{width:min(100%,1250px)!important;text-align:center}
.home-page .hero-heading .eyebrow{justify-content:center}
.home-page .hero-heading h1{max-width:none;margin:5px auto 0;font-size:clamp(50px,4.5vw,68px);line-height:1;letter-spacing:-2px;white-space:nowrap}
.home-page .title-kawaii{color:var(--pink);font-family:'Fredoka',sans-serif;font-weight:700}
.home-page .hero-visual-wide{width:min(100%,1080px);min-height:445px}
.home-page .hero-frame-wide{inset:4px 0 38px;border-width:8px;border-radius:30px}
.home-page .hero-visual-wide .sticker-one{right:12px;top:-5px}
.home-page .hero-visual-wide .sticker-two{left:4px;bottom:13px}
.home-page .hero-visual-wide .bunny-card{right:12px;bottom:0}
.home-page .hero-details{display:flex;flex-direction:column;align-items:center;width:min(100%,1080px);text-align:center}
.home-page .hero-copy-full{max-width:1000px;margin:0 auto 8px;color:var(--ink);font-size:16px;line-height:1.5;font-weight:800}
.home-page .hero-copy-full strong{color:var(--ink);font-weight:800}
.home-page .hero-details .hero-actions{justify-content:center;margin:8px 0 10px}
.home-page .hero-meta-row{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap}
.home-page .hero-meta-row .server-pill{margin:0}
.home-page .hero-meta-row .home-promise{display:flex;align-items:center;gap:10px;max-width:none;margin:0;padding:9px 15px;text-align:left}
.home-page .hero-meta-row .home-promise strong{font-size:17px;white-space:nowrap}
.home-page .hero-meta-row .home-promise span{max-width:390px;font-size:12px;line-height:1.35}
.home-page .hero-details .promise-row{justify-content:center;margin:9px 0 2px}
.home-page .hero-details .tiny-note{margin:5px 0 0;text-align:center}
@media(max-width:900px){.home-page .hero-heading h1{white-space:normal}.home-page .hero-visual-wide{min-height:390px}.home-page .hero-meta-row .home-promise{text-align:center}.home-page .hero-meta-row .home-promise strong{white-space:normal}}
@media(max-width:720px){.home-page .hero{padding-top:25px}.home-page .hero-stack{gap:10px}.home-page .hero-heading h1{font-size:clamp(42px,12vw,56px)}.home-page .hero-visual-wide{min-height:315px}.home-page .hero-frame-wide{inset:4px 0 48px}.home-page .hero-copy-full{font-size:15px}.home-page .hero-meta-row{width:100%}.home-page .hero-meta-row .server-pill,.home-page .hero-meta-row .home-promise{width:100%}.home-page .hero-meta-row .home-promise{display:grid;gap:2px}}

/* Keep the homepage hero as one complete viewport */
.home-page .hero{min-height:calc(100svh - 81px);margin-bottom:0;padding-bottom:108px}
.home-page .hero-visual-wide{min-height:485px}
.home-page .hero+.section-soft{padding-top:120px}
@supports not (height:100svh){.home-page .hero{min-height:calc(100vh - 81px)}}
@media(max-width:1050px){.home-page .hero{min-height:calc(100svh - 72px)}.home-page .hero-visual-wide{min-height:440px}}
@media(max-width:720px){.home-page .hero{min-height:calc(100svh - 65px);padding-bottom:92px}.home-page .hero-visual-wide{min-height:335px}}

/* More visible navigation, copy card and hero details */
.site-nav{gap:8px}
.site-nav a{padding:10px 15px;border:1px solid rgba(232,171,201,.72);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,235,245,.8));box-shadow:0 7px 18px rgba(142,78,111,.1);transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease}
.site-nav a:hover{transform:translateY(-2px) scale(1.045);background:linear-gradient(135deg,#fff,#ffdbea);box-shadow:0 12px 25px rgba(206,95,148,.2)}
.site-nav a.active{border-color:#f09bc1;background:linear-gradient(135deg,#ffdceb,#ffcce2);box-shadow:0 10px 24px rgba(217,79,145,.2)}
.home-page .hero-copy-full{position:relative;max-width:1040px;margin:4px auto 10px;padding:15px 22px;border:1px solid rgba(235,164,203,.82);border-radius:20px;background:linear-gradient(135deg,rgba(255,240,247,.96),rgba(244,232,255,.9));box-shadow:0 12px 30px rgba(147,78,116,.13);font-size:21px;line-height:1.45}
.home-page .hero-frame-wide img{transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .45s ease}
.home-page .hero-frame-wide:hover img{transform:scale(1.035);filter:saturate(1.06) brightness(1.02)}
.home-page .hero-frame-wide:hover{box-shadow:0 28px 75px rgba(133,74,105,.24)}
.image-lightbox button{transition:transform .2s ease,background .2s ease}
.image-lightbox button:hover{transform:scale(1.08) rotate(4deg);background:#ffe2ef}
.home-page .hero-meta-row{width:min(100%,760px)}
.home-page .hero-meta-row .home-promise{width:100%;justify-content:center;text-align:center}
.home-copy-pill{position:relative;isolation:isolate;overflow:hidden;justify-content:center;min-width:410px;margin:10px auto 0!important;padding:12px 14px 12px 22px;border:2px solid #f27bb3;background:linear-gradient(120deg,#fff,#ffe2f0 32%,#f4ddff 65%,#fff);background-size:220% 220%;box-shadow:0 0 0 5px rgba(255,201,226,.36),0 14px 34px rgba(218,79,145,.3);animation:copyGlow 2.8s ease-in-out infinite}
.home-copy-pill:before{content:"";position:absolute;z-index:-1;top:-60%;bottom:-60%;left:-35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);transform:rotate(18deg);animation:copyShine 2.5s ease-in-out infinite}
.home-copy-pill code{font-size:17px;letter-spacing:.02em}
.home-copy-pill button{min-width:120px;padding:10px 16px;color:#fff;background:linear-gradient(135deg,#f06eab,#ce65d0);box-shadow:0 7px 18px rgba(201,74,169,.32);transition:transform .2s ease,box-shadow .2s ease}
.home-copy-pill button:hover{transform:scale(1.07);box-shadow:0 10px 25px rgba(201,74,169,.46)}
@keyframes copyShine{0%,28%{left:-35%}72%,100%{left:125%}}
@keyframes copyGlow{0%,100%{background-position:0 50%;box-shadow:0 0 0 5px rgba(255,201,226,.3),0 14px 34px rgba(218,79,145,.24)}50%{background-position:100% 50%;box-shadow:0 0 0 7px rgba(231,194,255,.42),0 17px 42px rgba(197,91,196,.36)}}
@media(max-width:720px){.site-nav{gap:5px}.site-nav a{padding:9px 12px}.home-page .hero-copy-full{padding:13px 15px;font-size:18px}.home-copy-pill{width:100%;min-width:0}.home-copy-pill code{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-copy-pill,.home-copy-pill:before{animation:none}.home-page .hero-frame-wide:hover img{transform:none}}

/* Floating copy emojis and no-JS image viewer */
.home-copy-pill{animation:copyGlow 2.8s ease-in-out infinite,copyWiggle 6s ease-in-out infinite}
.home-copy-pill code,.home-copy-pill button{position:relative;z-index:4}
.copy-particles{position:absolute;z-index:3;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.copy-particles i{position:absolute;bottom:-28px;font-style:normal;font-size:20px;filter:drop-shadow(0 2px 4px rgba(180,55,125,.24));animation:emojiFloat 4.2s linear infinite}
.copy-particles i:nth-child(1){left:5%;animation-delay:0s}.copy-particles i:nth-child(2){left:23%;animation-delay:.7s}.copy-particles i:nth-child(3){left:41%;animation-delay:1.45s}.copy-particles i:nth-child(4){left:59%;animation-delay:2.15s}.copy-particles i:nth-child(5){left:76%;animation-delay:2.85s}.copy-particles i:nth-child(6){left:90%;animation-delay:3.55s}
@keyframes emojiFloat{0%{transform:translateY(0) scale(.7) rotate(-8deg);opacity:0}12%{opacity:1}70%{opacity:.95}100%{transform:translateY(-92px) scale(1.08) rotate(12deg);opacity:0}}
@keyframes copyWiggle{0%,84%,100%{transform:translateX(0) rotate(0)}87%{transform:translateX(-3px) rotate(-.5deg)}90%{transform:translateX(4px) rotate(.7deg)}93%{transform:translateX(-2px) rotate(-.35deg)}96%{transform:translateX(2px) rotate(.25deg)}}
.css-image-viewer{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:34px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.css-image-viewer:target{visibility:visible;opacity:1;pointer-events:auto}
.css-image-viewer-backdrop{position:absolute;inset:0;background:rgba(49,27,43,.9);backdrop-filter:blur(12px)}
.css-image-viewer img{position:relative;z-index:2;display:block;max-width:min(94vw,1550px);max-height:90vh;border:8px solid #fff;border-radius:28px;box-shadow:0 32px 110px rgba(0,0,0,.5)}
.css-image-viewer-close{position:fixed;z-index:3;top:22px;right:26px;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.55);border-radius:17px;background:#fff;color:var(--ink);font-size:34px;line-height:1;box-shadow:var(--shadow);transition:transform .2s ease,background .2s ease}
.css-image-viewer-close:hover{transform:scale(1.09) rotate(4deg);background:#ffe1ee}
@media(max-width:720px){.copy-particles i{font-size:18px}.css-image-viewer{padding:12px}.css-image-viewer img{max-width:96vw;border-width:5px;border-radius:20px}.css-image-viewer-close{top:12px;right:12px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.home-copy-pill,.copy-particles i{animation:none}.copy-particles{display:none}}

/* v15 falling particles, global viewer and Yapping Corner */
.copy-particles i{top:-30px;bottom:auto;animation-name:emojiRain;animation-duration:2.7s;animation-timing-function:linear;animation-iteration-count:infinite}
.copy-particles i:nth-child(1){left:4%;animation-delay:-.2s;animation-duration:2.35s}.copy-particles i:nth-child(2){left:17%;animation-delay:-1.35s;animation-duration:3.05s}.copy-particles i:nth-child(3){left:33%;animation-delay:-.75s;animation-duration:2.55s}.copy-particles i:nth-child(4){left:48%;animation-delay:-2.15s;animation-duration:3.2s}.copy-particles i:nth-child(5){left:63%;animation-delay:-1.7s;animation-duration:2.4s}.copy-particles i:nth-child(6){left:77%;animation-delay:-.45s;animation-duration:2.9s}.copy-particles i:nth-child(7){left:88%;animation-delay:-2.55s;animation-duration:3.15s}.copy-particles i:nth-child(8){left:95%;animation-delay:-1.05s;animation-duration:2.6s}
@keyframes emojiRain{0%{transform:translate3d(-8px,0,0) scale(.68) rotate(-14deg);opacity:0}10%{opacity:1}55%{transform:translate3d(8px,48px,0) scale(1) rotate(10deg);opacity:1}100%{transform:translate3d(-3px,102px,0) scale(.82) rotate(-7deg);opacity:0}}
.home-copy-pill:hover{animation:copyGlow 2.1s ease-in-out infinite,copyHoverWiggle .5s ease-in-out infinite}
@keyframes copyHoverWiggle{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-3px) rotate(-.5deg)}50%{transform:translateX(3px) rotate(.55deg)}75%{transform:translateX(-2px) rotate(-.3deg)}}
.site-viewable-image{cursor:zoom-in;transition:transform .35s cubic-bezier(.2,.75,.25,1),filter .35s ease}
.site-viewable-image:hover{transform:scale(1.025);filter:saturate(1.05) brightness(1.02)}
.global-image-viewer[hidden]{display:none!important}
.global-image-viewer{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:34px}
.global-viewer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(45,24,39,.91);backdrop-filter:blur(13px);cursor:zoom-out}
.global-image-viewer figure{position:relative;z-index:2;display:grid;gap:10px;justify-items:center;margin:0;max-width:95vw}
.global-image-viewer figure img{display:block;max-width:min(94vw,1550px);max-height:86vh;border:8px solid #fff;border-radius:28px;box-shadow:0 34px 120px rgba(0,0,0,.55)}
.global-image-viewer figcaption{padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:800}
.global-viewer-close{position:fixed;z-index:4;top:20px;right:24px;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.6);border-radius:18px;background:#fff;color:var(--ink);font-size:36px;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,background .2s ease}
.global-viewer-close:hover{transform:scale(1.09) rotate(4deg);background:#ffe0ed}
body.viewer-open{overflow:hidden}
.feature-card-image{width:calc(100% + 50px);height:145px;margin:-25px -25px 20px;object-fit:cover;border-radius:27px 27px 18px 18px}
.pvp-feature-card{overflow:hidden}
.pvp-feature-card .icon-bubble{position:absolute;margin-top:-48px;border:4px solid #fff;box-shadow:var(--shadow-soft)}
.pvp-feature-card h3{margin-top:25px}
.yapping-hero{padding:64px 0 70px}
.yapping-hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:54px}
.yapping-hero h1{margin:12px 0 18px;font:700 clamp(50px,6vw,78px)/.98 'Fredoka',sans-serif;letter-spacing:-2.5px}
.yapping-hero h1 span{color:var(--pink-dark)}
.yapping-hero p{max-width:680px;color:var(--muted);font-size:18px}
.yapping-collage{position:relative;min-height:430px}
.yapping-collage img{position:absolute;object-fit:cover;border:8px solid #fff;border-radius:30px;box-shadow:var(--shadow)}
.yapping-collage img:nth-child(1){inset:0 90px 40px 0;width:calc(100% - 90px);height:calc(100% - 40px);transform:rotate(-2deg)}
.yapping-collage img:nth-child(2){right:0;top:10px;width:190px;height:190px;transform:rotate(5deg)}
.yapping-collage img:nth-child(3){right:15px;bottom:0;width:180px;height:160px;image-rendering:auto;transform:rotate(-5deg)}
.yapping-layout{display:grid;grid-template-columns:390px 1fr;align-items:start;gap:28px}
.yap-form-card{position:sticky;top:105px;padding:30px;overflow:hidden}
.yap-form-card h2,.yap-feed-heading h2{margin:7px 0 8px;font:700 34px 'Fredoka',sans-serif}
.yap-form-card>p{color:var(--muted);font-size:14px}
.yap-form{display:grid;gap:16px;margin-top:20px}
.yap-form label{display:grid;gap:7px;font-weight:800}
.yap-form label span{color:var(--muted);font-size:11px;font-weight:600}
.yap-form input,.yap-form textarea{width:100%;border:1px solid var(--line);border-radius:15px;background:#fffafd;color:var(--ink);padding:13px 14px;font:500 15px 'DM Sans',sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.yap-form input:focus,.yap-form textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(239,121,174,.14)}
.yap-form textarea{resize:vertical;min-height:130px}
.yap-submit{width:100%}
.yap-honeypot{position:absolute!important;left:-9999px!important}
.yap-form-bee{position:absolute;right:-26px;bottom:-24px;width:110px;height:110px;object-fit:cover;border:6px solid #fff;border-radius:25px;transform:rotate(-8deg);opacity:.82}
.yap-alert{display:grid;gap:4px;margin-top:15px;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:700}
.yap-alert.success{background:var(--mint);color:#3e6659}.yap-alert.error{background:#ffe0ea;color:#934467}
.yap-feed{min-width:0}
.yap-feed-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.yap-count{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--pink-dark);font-size:12px;font-weight:800}
.yap-list{display:grid;gap:13px}
.yap-card{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:20px}
.yap-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,var(--pink-soft),var(--lilac));font-size:23px}
.yap-card header{display:flex;justify-content:space-between;gap:15px;align-items:center}
.yap-card header strong{font:700 18px 'Fredoka',sans-serif}
.yap-card time{color:var(--muted);font-size:11px;font-weight:700}
.yap-card p{margin:7px 0 0;color:#644a5a;overflow-wrap:anywhere;white-space:normal}
.empty-yaps{padding:38px;text-align:center}
.empty-yaps img{width:130px;height:130px;margin:0 auto 16px;object-fit:cover;border-radius:24px}
.empty-yaps h3{margin:0;font:700 25px 'Fredoka',sans-serif}.empty-yaps p{color:var(--muted)}
@media(max-width:1050px){.yapping-hero-grid,.yapping-layout{grid-template-columns:1fr}.yapping-collage{min-height:390px}.yap-form-card{position:relative;top:auto}.site-nav a{box-shadow:none}}
@media(max-width:720px){.copy-particles i{font-size:17px}.global-image-viewer{padding:12px}.global-image-viewer figure img{max-width:96vw;border-width:5px;border-radius:20px}.global-viewer-close{top:10px;right:10px;width:46px;height:46px}.yapping-hero{padding:44px 0 50px}.yapping-hero h1{font-size:clamp(44px,14vw,62px)}.yapping-collage{min-height:310px}.yapping-collage img:nth-child(1){right:55px;width:calc(100% - 55px)}.yapping-collage img:nth-child(2){width:130px;height:130px}.yapping-collage img:nth-child(3){width:125px;height:115px}.yapping-layout{gap:22px}.yap-form-card{padding:23px}.yap-feed-heading,.yap-card header{align-items:flex-start;flex-direction:column}.yap-card{grid-template-columns:42px 1fr;padding:16px}.yap-avatar{width:42px;height:42px;border-radius:14px}.feature-card-image{height:175px}}

/* v16 cursor, uniform pink titles and homepage PvP showcase */
html,body,body *,a,button,input,textarea,select,[role="button"]{cursor:url('/assets/cursors/normal-select.cur'),url('/assets/cursors/normal-select.ani'),auto!important}
.home-page .hero-heading h1,.home-page .hero-heading h1 span,.home-page .hero-heading .title-kawaii,.page-hero h1,.page-hero h1 span,.yapping-hero h1,.yapping-hero h1 span{color:var(--pink-dark)!important;text-shadow:0 5px 0 rgba(255,255,255,.9)}
.hero-pvp-showcase{position:absolute;z-index:5;left:max(34px,calc((100vw - 1940px)/2));top:132px;width:300px;padding:13px 13px 62px;background:linear-gradient(145deg,#fff,#fff0f7);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}
.hero-pvp-showcase>img{width:100%;height:470px;object-fit:contain;border-radius:21px;background:#fceef5}
.hero-no-pvp-card{position:absolute;right:-24px;bottom:-20px;width:150px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transform:rotate(4deg)}
.hero-no-pvp-card img{width:100%;height:92px;object-fit:cover;border-radius:13px}
.hero-no-pvp-card strong{display:block;padding:7px 2px 2px;color:#d93e76;font:700 14px/1.1 'Fredoka',sans-serif;text-align:center}
.hero-pvp-showcase:hover{transform:rotate(-.4deg) translateY(-4px);box-shadow:0 28px 75px rgba(133,74,105,.24);transition:transform .3s ease,box-shadow .3s ease}
@media(max-width:1780px){.hero-pvp-showcase{display:none}}