:root{--font-body: "Nunito Sans", "Segoe UI", sans-serif;--font-display: "Baloo 2", "Nunito Sans", sans-serif;--color-default: #43c77b;--color-belong: #d78fb8;--color-serve: #43c77b;--color-give: #f2d94e;--color-default-strong: #2fa764;--color-belong-strong: #c76ca4;--color-give-strong: #d4b934;--color-default-soft: #dff6ea;--color-belong-soft: #f6d6e7;--color-give-soft: #fff6cc;--color-text: #1f2a33;--color-bg: #f6f8f7;--color-muted: #8a97a0;--ink: var(--color-text);--ink-strong: var(--color-text);--paper: var(--color-bg);--paper-soft: rgba(246, 248, 247, .92);--shadow: rgba(31, 42, 51, .14);--panel-edge: rgba(47, 167, 100, .22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100svh;overflow:hidden;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top,rgba(246,248,247,.42),transparent 42%),linear-gradient(180deg,var(--color-default) 0%,var(--color-default-strong) 100%);overscroll-behavior:none}button,canvas{touch-action:none}.page{width:100%;min-height:100svh}.game-panel{position:relative;width:100%;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,#ffffff0a,#fff0)}.game-panel:before,.game-panel:after{content:none}#game{display:block;width:100%;height:100svh;transition:opacity .26s ease,filter .26s ease,transform .26s ease}.game-panel.is-flyer #game{opacity:.22;filter:saturate(.7) blur(1px);transform:scale(1.02)}.hero-sprite{position:absolute;top:23%;left:11%;z-index:2;width:26%;transform:translate(0) scale(1);transform-origin:center center;transition:opacity .32s ease,transform .56s cubic-bezier(.22,1,.36,1);pointer-events:none}.hero-sprite img{display:block;width:100%;height:auto;opacity:0;filter:drop-shadow(0 24px 36px rgba(31,42,51,.22));transition:opacity .18s ease}.hero-sprite img[src]{opacity:1}.hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px;padding:calc(20px + env(safe-area-inset-top)) 20px 0;pointer-events:none}.event-lockup{position:relative;max-width:min(39rem,100%);padding:22px 24px 20px;border-radius:34px;background:linear-gradient(180deg,#f6f8f7f5,#dff6eaf0),linear-gradient(140deg,rgba(246,248,247,.45),transparent);border:2px solid rgba(246,248,247,.46);box-shadow:0 22px 48px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{margin:0;font-size:.92rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-strong)}h1{margin:6px 0 8px;max-width:10ch;font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;color:var(--color-default-strong);font-family:var(--font-display);font-weight:800;text-wrap:balance}.theme-line{margin:0;max-width:18ch;font-size:clamp(1.3rem,2.7vw,2rem);font-weight:800;line-height:1.05;color:var(--ink-strong);font-family:var(--font-display);text-wrap:balance}.event-meta{margin:14px 0 0;max-width:24ch;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--ink);font-family:var(--font-body)}.feature-strip{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:18px;max-width:34rem;font-size:clamp(.95rem,1.55vw,1.08rem);font-weight:800;line-height:1.1;font-family:var(--font-body);text-transform:uppercase}.feature-strip span{display:inline-flex;align-items:center;padding:.42rem .7rem;border-radius:999px;color:var(--ink-strong);background:#ffffff8f;border:1px solid rgba(138,151,160,.22)}.feature-strip span:nth-child(1){color:var(--color-give-strong)}.feature-strip span:nth-child(2){color:var(--color-default-strong)}.feature-strip span:nth-child(3){color:var(--color-belong-strong)}.feature-strip span:nth-child(4){color:var(--color-give-strong)}.feature-strip span:nth-child(5){color:var(--color-default-strong)}.feature-strip span:nth-child(6){color:var(--color-belong-strong)}.score-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:12px;padding-right:168px;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.score-card{min-width:132px;padding:14px 18px;border-radius:28px;color:var(--color-bg);background:linear-gradient(180deg,#1f2a33eb,#1f2a33d6),linear-gradient(180deg,rgba(242,217,78,.12),transparent);border:2px solid rgba(246,248,247,.18);box-shadow:0 16px 34px #1f2a3338;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score-card span{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.88}.score-card strong{display:block;margin-top:4px;font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--font-display);letter-spacing:.04em}.brand-mark{position:absolute;top:calc(18px + env(safe-area-inset-top));right:20px;display:inline-flex;align-items:center;gap:12px;color:var(--ink-strong);transition:opacity .22s ease,transform .22s ease}.brand-mark img{width:58px;height:58px}.brand-copy{display:grid;gap:2px;line-height:.9;text-transform:uppercase}.brand-copy span,.brand-copy strong{font-family:var(--font-body);font-weight:800;letter-spacing:.08em}.brand-copy span{font-size:.95rem}.brand-copy strong{font-size:1.2rem}.play-note{position:absolute;left:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:2;margin:0;padding:12px 16px;border-radius:999px;color:var(--ink-strong);background:#f6f8f7db;border:2px solid rgba(246,248,247,.42);box-shadow:0 12px 26px #1f2a331f;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.game-panel.is-flyer .hud,.game-panel.is-flyer .play-note{opacity:0;visibility:hidden;transform:translateY(-18px)}.game-panel.is-flyer .jump-button{opacity:0;pointer-events:none;transform:translateY(12px)}.game-panel.is-running .hero-sprite{opacity:0;transform:translate(-55%,92%) scale(.34) rotate(-8deg)}.game-panel.is-running .hud{padding:calc(env(safe-area-inset-top) + 4px) 10px 0}.game-panel.is-running .score-strip{margin-left:auto}.game-panel.is-running .event-lockup,.game-panel.is-running .play-note{opacity:0;visibility:hidden;transform:translateY(-10px)}.event-lockup,.play-note,.jump-button{transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.overlay{position:absolute;left:50%;top:50%;width:min(calc((100svh - 12px)*.72),calc(100vw - 12px));aspect-ratio:.72;max-height:calc(100svh - 12px);container-type:inline-size;transform:translate(-50%,-50%);z-index:4;overflow:hidden;padding:0;background:linear-gradient(180deg,var(--color-default) 0%,#3dac6f 58%,#38a867 100%);color:var(--color-bg);border-radius:8px;box-shadow:0 26px 48px #1f2a3338;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.overlay:before,.overlay:after{content:"";position:absolute;background:#2fa76438;pointer-events:none}.overlay:before{inset:5% 12% auto auto;width:44%;height:22%;transform:rotate(-18deg)}.overlay:after{inset:auto auto 7% 28%;width:42%;height:14%;transform:rotate(-22deg)}.overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.98)}.poster-brand{position:absolute;top:2.2%;right:3.5%;z-index:3;display:inline-flex;align-items:center;gap:.45rem;color:#1f2a33e6}.poster-brand img{width:clamp(1.9rem,6.2cqw,2.8rem);height:clamp(1.9rem,6.2cqw,2.8rem)}.poster-brand-copy{display:grid;gap:.06rem;text-transform:uppercase;line-height:.92}.poster-brand-copy span,.poster-brand-copy strong{font-weight:800;letter-spacing:.08em}.poster-brand-copy span{font-size:clamp(.52rem,1.7cqw,.78rem)}.poster-brand-copy strong{font-size:clamp(.66rem,2.2cqw,1rem)}.poster-title{position:absolute;top:4.4%;left:50%;z-index:2;width:82%;transform:translate(-50%);text-align:center}.poster-title:before{content:"";position:absolute;inset:4% 0 18%;background:radial-gradient(circle at 14% 54%,rgba(246,248,247,.92) 0 12%,transparent 12.5%),radial-gradient(circle at 88% 58%,rgba(246,248,247,.92) 0 12%,transparent 12.5%),linear-gradient(180deg,#f6f8f7eb,#dff6eadb);border-radius:999px}.poster-title h2{position:relative;margin:0;padding:2.8cqw 2.8cqw 3.8cqw;color:var(--color-default-strong);font-family:var(--font-display);font-size:clamp(2rem,8.6cqw,4rem);line-height:.9;letter-spacing:.02em;text-transform:uppercase}.poster-swoosh{position:absolute;left:26%;right:2%;height:clamp(.2rem,.9cqw,.42rem);background:#000000eb;border-radius:999px;transform-origin:center center}.poster-swoosh--one{bottom:9%;transform:rotate(-5deg)}.poster-swoosh--two{bottom:0;left:38%;transform:rotate(-10deg)}.poster-speech{position:absolute;top:15.2%;left:2.8%;z-index:4;width:28%;padding:2cqw 1.6cqw;border:clamp(.16rem,.7cqw,.26rem) solid rgba(31,42,51,.86);border-radius:clamp(.8rem,2.6cqw,1.25rem);background:#f6f8f7fa;color:#1f2a33f5;font-family:var(--font-display);font-size:clamp(.72rem,2.15cqw,1.08rem);line-height:1.05;text-align:center;transform:rotate(-3deg);box-shadow:0 clamp(.18rem,.8cqw,.4rem) 0 #1f2a3338}.poster-speech:after{content:"";position:absolute;left:22%;bottom:-.82rem;width:clamp(.72rem,2.4cqw,1rem);height:clamp(.72rem,2.4cqw,1rem);background:#f6f8f7fa;border-left:clamp(.16rem,.7cqw,.26rem) solid rgba(31,42,51,.86);border-bottom:clamp(.16rem,.7cqw,.26rem) solid rgba(31,42,51,.86);transform:rotate(16deg) skew(-8deg,-8deg)}.poster-tagline{position:absolute;top:20.5%;right:6%;z-index:2;width:46%;color:var(--color-bg);text-align:center;transform:rotate(-9deg)}.poster-tagline-line{margin:0;font-family:var(--font-display);font-weight:800;line-height:.95}.poster-tagline-line--arc{font-size:clamp(1rem,3.3cqw,2rem)}.poster-tagline-line--main{margin-top:.2rem;font-size:clamp(1.95rem,6.6cqw,4rem)}.poster-tagline-line--sub{margin-top:.55rem;font-size:clamp(.95rem,3cqw,1.85rem);color:var(--color-belong-soft)}.poster-gallery{position:absolute;top:46%;left:19%;z-index:2;display:grid;grid-template-columns:1fr .92fr 1fr;align-items:center;width:62%}.poster-photo{margin:0;aspect-ratio:.82;overflow:hidden;border:clamp(.22rem,1.1cqw,.45rem) solid rgba(246,248,247,.98);border-radius:clamp(.8rem,2.6cqw,1.25rem);background:#f6f8f7fa;box-shadow:0 .8rem 1.5rem #1f2a331f}.poster-photo img{display:block;width:100%;height:100%;object-fit:cover}.poster-photo--left{transform:rotate(-9deg)}.poster-photo--center{position:relative;z-index:2;margin:0 -6%;aspect-ratio:.72}.poster-photo--right{transform:rotate(9deg)}.poster-event-ring{position:absolute;top:67.5%;left:7%;z-index:2;width:86%;padding:3.2cqw 2.4cqw 2.3cqw;text-align:center}.poster-event-ring:before,.poster-event-ring:after{content:"";position:absolute;inset:0;border:clamp(.16rem,.7cqw,.26rem) solid rgba(246,248,247,.92);border-radius:50%}.poster-event-ring:before{transform:rotate(2deg)}.poster-event-ring:after{inset:7% -3%;transform:rotate(-4deg)}.overlay-kicker,.overlay-copy{position:relative;z-index:1;margin:0;color:var(--color-bg)}.overlay-kicker{font-family:var(--font-display);font-size:clamp(1.8rem,6cqw,3.25rem);line-height:.95}.overlay-copy{margin-top:.35rem;font-family:var(--font-display);font-size:clamp(1.05rem,3.4cqw,1.85rem);line-height:1}.overlay-features{position:absolute;bottom:8%;left:16%;z-index:2;width:52%;text-align:center}.overlay-feature-row{display:flex;justify-content:center;gap:.4rem;font-family:var(--font-display);font-weight:800;line-height:1;text-transform:uppercase}.overlay-feature-row span{display:inline-flex;align-items:center;gap:.4rem;font-size:clamp(.88rem,2.7cqw,1.55rem)}.overlay-feature-row span+span:before{content:"•";margin-right:.4rem}.overlay-feature-row--top span:nth-child(1){color:var(--color-give)}.overlay-feature-row--top span:nth-child(2){color:var(--color-belong-soft)}.overlay-feature-row--top span:nth-child(3){color:var(--color-default-soft)}.overlay-feature-row--bottom{margin-top:.35rem}.overlay-feature-row--bottom span{color:var(--color-bg)}.overlay-feature-highlight{margin:.55rem 0 0;font-family:var(--font-display);font-size:clamp(1.45rem,4.8cqw,2.8rem);font-weight:800;line-height:.95;text-transform:uppercase;color:var(--color-bg)}.poster-egg{position:absolute;border-radius:50% 50% 46% 46%;box-shadow:0 .5rem 1rem #1f2a331a}.poster-egg--left{left:5%;top:50%;width:8%;aspect-ratio:.72;background:radial-gradient(circle,rgba(246,248,247,.9) 0 18%,transparent 20%) 0 0 / 36% 22%,var(--color-belong-soft)}.poster-egg--right{right:4.5%;top:50%;width:8%;aspect-ratio:.72;background:repeating-linear-gradient(0deg,transparent 0 16%,rgba(246,248,247,.9) 16% 22%),var(--color-belong)}.poster-egg--bottom{left:6%;bottom:4%;width:10%;aspect-ratio:.72;background:repeating-linear-gradient(145deg,var(--color-give) 0 10%,var(--color-belong) 10% 20%,var(--color-default-soft) 20% 30%,var(--color-belong-soft) 30% 40%)}.poster-action{position:absolute;right:-1%;bottom:-1.2%;z-index:2;width:26%;padding:2.8cqw 1.9cqw 1.9cqw;border-radius:42% 12% 0 0/26% 16% 0 0;background:radial-gradient(circle at 28% 30%,rgba(246,248,247,.18) 0 4%,transparent 5%),radial-gradient(circle at 54% 42%,rgba(246,248,247,.16) 0 3%,transparent 4%),linear-gradient(160deg,var(--color-give-soft) 0%,var(--color-give) 44%,var(--color-give-strong) 100%);border-top-left-radius:2.2rem;box-shadow:-.4rem -.3rem #1f2a3324}.action-button,.jump-button{appearance:none;border:0;border-radius:999px;font:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);cursor:pointer;background:linear-gradient(180deg,var(--color-give) 0%,var(--color-give-strong) 100%);box-shadow:0 14px 26px #1f2a3329,inset 0 1px #f6f8f740}.action-button{min-width:12rem;padding:.95rem 1.45rem}.poster-action .action-button{width:100%;min-width:0;padding:1.8cqw 1.9cqw;font-size:clamp(.68rem,2.25cqw,.96rem);line-height:1}.share-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.6cqw;width:100%;margin-top:1.4cqw}.share-link{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:.9cqw 1.2cqw;border-radius:999px;color:#1f2a33eb;text-decoration:none;font-weight:800;font-size:clamp(.42rem,1.45cqw,.62rem);letter-spacing:.04em;text-transform:uppercase;background:#f6f8f747;border:1px solid rgba(31,42,51,.12);transition:background .18s ease,transform .18s ease}.share-link:hover{background:#f6f8f76b}.share-link:active{transform:translateY(1px)}.action-button:disabled{opacity:.6;cursor:wait}.jump-button{position:absolute;right:22px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:5;padding:.9rem 1.4rem}.action-button:hover,.jump-button:hover{filter:brightness(1.06)}.action-button:active,.jump-button:active{transform:translateY(1px)}@media(max-width:820px){.hud{gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 0}.score-strip{order:-1;width:100%;justify-content:space-between;padding-top:0;padding-right:0}.score-card{flex:1 1 0}.brand-mark{position:static;order:0;margin-left:auto;gap:8px}.brand-mark img{width:44px;height:44px}.brand-copy span{font-size:.72rem}.brand-copy strong{font-size:.98rem}.play-note{left:16px;max-width:calc(100% - 126px);padding:10px 14px;font-size:.76rem}.overlay{max-width:calc(100% - 12px);height:calc(100svh - 12px)}.poster-brand{top:2%;right:3%}.poster-brand img{width:2.2rem;height:2.2rem}.poster-title{top:5%;width:84%}.poster-title h2{font-size:clamp(2.1rem,8vw,3.3rem)}.poster-speech{width:30%;font-size:.86rem}.hero-sprite{top:24%;left:11%;width:28%;max-width:none}.poster-tagline{top:22%;right:5%;width:47%}.poster-gallery{top:46%;left:16%;width:68%}.poster-event-ring{top:68%;width:88%;left:6%}.overlay-features{bottom:8%;left:15%;width:56%}.poster-action{width:27%;padding:1rem .65rem .65rem}.jump-button{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:.82rem 1.2rem}}@media(max-width:520px){.overlay{max-width:calc(100% - 10px);height:calc(100svh - 10px)}.poster-brand{gap:.3rem}.poster-brand img{width:1.9rem;height:1.9rem}.poster-brand-copy span{font-size:.58rem}.poster-brand-copy strong{font-size:.74rem}.poster-title{top:5.2%}.poster-title h2{font-size:clamp(1.8rem,8vw,2.6rem)}.poster-swoosh{height:.28rem}.poster-speech{top:16%;width:32%;padding:.56rem .46rem;font-size:.72rem;border-width:.2rem;box-shadow:0 .28rem #1f2a332e}.poster-speech:after{width:.78rem;height:.78rem;bottom:-.62rem;border-left-width:.2rem;border-bottom-width:.2rem}.hero-sprite{top:24%;left:10%;width:30%}.poster-tagline{top:23%;right:4%;width:48%}.poster-tagline-line--arc{font-size:1rem}.poster-tagline-line--main{font-size:2.1rem}.poster-tagline-line--sub{font-size:1rem}.poster-gallery{top:47%;left:13%;width:74%}.poster-photo{border-width:.28rem;border-radius:.9rem}.poster-event-ring{top:69%;padding:1rem .7rem .85rem}.poster-event-ring:before,.poster-event-ring:after{border-width:.2rem}.overlay-kicker{font-size:1.9rem}.overlay-copy{font-size:1.05rem}.overlay-features{bottom:8.6%;left:14%;width:58%}.overlay-feature-row{gap:.24rem}.overlay-feature-row span{font-size:.9rem}.overlay-feature-row span+span:before{margin-right:.24rem}.overlay-feature-highlight{font-size:1.55rem}.poster-egg--left,.poster-egg--right{width:10%}.poster-egg--bottom{width:12%}.poster-action{width:32%;padding:.8rem .55rem .55rem}.score-card{min-width:0;padding:12px 14px}.score-card strong{font-size:1.7rem}.feature-strip{gap:6px 12px;font-size:.9rem}.theme-line{max-width:100%;font-size:clamp(1.1rem,6vw,1.55rem)}.event-meta{max-width:100%;font-size:clamp(.98rem,4.4vw,1.12rem)}.share-link{min-width:0;padding:.24rem .38rem;font-size:.52rem}}@media(max-height:720px)and (min-aspect-ratio:1 / 1){.overlay{width:min(calc((100svh - 8px)*.72),calc(100vw - 8px))}.hero-sprite{top:21%;width:23%}.poster-speech{top:14.5%;width:26%}.poster-tagline{top:18.5%;width:43%}.poster-gallery{top:43.5%;width:56%}.poster-event-ring{top:65.5%}.overlay-features{bottom:6.6%}.poster-action{width:23%}}