.events-page{--event-pink:#ff2b64;--event-blue:#0018ff;--event-lime:#baff00;--event-mint:#51dfaa;--event-orange:#ff704f;--event-ink:#060606;--event-muted:#5f626b;--event-line:rgba(6,6,6,.14);--event-round:"M PLUS Rounded 1c","Noto Sans JP",system-ui,sans-serif;--event-body:"Noto Sans JP","Yu Gothic","Meiryo",system-ui,sans-serif;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;color:var(--event-ink);background:radial-gradient(circle at 3% 36%,rgba(255,43,100,.16),transparent 24%),radial-gradient(circle at 98% 72%,rgba(0,24,255,.12),transparent 25%),linear-gradient(180deg,#fff,#f8fbff 50%,#fff9f4);font-family:var(--event-body)}.events-page *,.events-page :after,.events-page :before{box-sizing:border-box}.events-page a{color:inherit;text-decoration:none}.events-page:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(6,6,6,.44) 1.1px,transparent 0);background-size:32px 32px;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.events-page .container{width:min(1240px,calc(100% - 88px));margin-inline:auto}.events-page-hero{position:relative;min-height:420px;display:grid;align-items:center;overflow:hidden;padding:84px 0 92px;border-bottom:2px solid var(--event-ink);background:linear-gradient(125deg,rgba(255,255,255,.95),rgba(255,255,255,.66)),radial-gradient(circle at 77% 34%,rgba(255,43,100,.2),transparent 31%),radial-gradient(circle at 18% 80%,rgba(0,24,255,.13),transparent 27%)}.events-page-hero:before{content:"";position:absolute;top:-160px;right:-65px;width:430px;height:430px;border-radius:48% 52% 43% 57%/56% 44% 56% 44%;background:var(--event-pink);animation:events-blob 9s ease-in-out infinite alternate}.events-page-hero:after{content:"MATCH  •  EVENT  •  CHALLENGE  •";position:absolute;bottom:8px;left:-18px;color:rgba(0,24,255,.075);font-family:var(--event-round);font-size:clamp(42px,7vw,104px);font-weight:900;white-space:nowrap;animation:events-marquee 24s linear infinite}.events-page-hero .container{position:relative;z-index:2}.events-breadcrumb{display:inline-flex;gap:8px;margin-bottom:28px;padding:8px 14px;border:1.5px solid var(--event-ink);border-radius:999px;background:#fff;box-shadow:4px 5px 0 rgba(0,0,0,.08);font-family:var(--event-round);font-size:11px;font-weight:900}.events-breadcrumb a,.events-kicker{color:var(--event-pink)}.events-kicker{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-family:var(--event-round);font-size:13px;font-weight:900}.events-kicker:before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor;animation:events-pulse 2.8s ease-in-out infinite}.events-page h1,.events-page h2,.events-page h3{font-family:var(--event-round);letter-spacing:-.035em}.events-page h1{margin:0 0 22px;font-size:clamp(52px,7vw,92px);line-height:1.02;font-weight:900}.events-page-hero p:last-child{max-width:720px;margin:0;color:#3d3f48;font-size:15px;line-height:1.9;font-weight:700}.events-section{position:relative;padding:126px 0}.events-section-tint{border-block:1px solid rgba(6,6,6,.09);background:linear-gradient(135deg,rgba(186,255,0,.19),rgba(255,255,255,.88) 48%,rgba(81,223,170,.15))}.events-flow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(54px,7vw,110px)}.events-title{margin:0;font-size:clamp(38px,4vw,60px);line-height:1.16;font-weight:900}.events-lead{margin:28px 0 0;color:#41434c;font-size:15px;line-height:2;font-weight:700}.events-feature-lines{display:grid;gap:13px;margin:34px 0 0;padding:0;list-style:none}.events-feature-lines li{position:relative;min-height:52px;display:flex;align-items:center;padding:12px 18px 12px 50px;border:1.5px solid var(--event-ink);border-radius:14px;background:#fff;box-shadow:5px 6px 0 rgba(0,0,0,.07);font-family:var(--event-round);font-size:14px;font-weight:900;transition:transform .22s ease,background .22s ease}.events-feature-lines li:before{content:"✓";position:absolute;left:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--event-blue)}.events-feature-lines li:nth-child(2n):before{color:var(--event-ink);background:var(--event-lime)}.events-feature-lines li:hover{transform:translateX(7px);background:#fffbe8}.events-soft-panel{position:relative;overflow:hidden;padding:54px 42px;border:2px solid var(--event-ink);border-radius:34px;background:radial-gradient(circle at 88% 10%,rgba(255,43,100,.22),transparent 26%),linear-gradient(140deg,rgba(0,24,255,.1),#fff 52%,rgba(186,255,0,.2));box-shadow:14px 16px 0 rgba(0,24,255,.13);transform:rotate(.7deg);transition:transform .3s ease,box-shadow .3s ease}.events-soft-panel:before{content:"🏓";position:absolute;right:24px;top:18px;font-size:54px;transform:rotate(-14deg)}.events-soft-panel:hover{transform:translateY(-7px) rotate(0deg);box-shadow:18px 21px 0 rgba(255,43,100,.12)}.events-soft-panel h3{max-width:280px;margin:0 0 18px;font-size:30px;line-height:1.25;font-weight:900}.events-soft-panel p{margin:0 0 28px;color:#40424b;font-size:14px;line-height:1.85;font-weight:700}.events-empty{margin-top:46px;padding:34px;border:2px dashed var(--event-ink);border-radius:24px;background:#fff;text-align:center;font-family:var(--event-round);font-weight:900}.events-row{position:relative;display:grid;grid-template-columns:auto 170px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:20px;padding:24px;overflow:hidden;border:2px solid var(--event-ink);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:8px 9px 0 rgba(0,0,0,.075);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.events-row:before{content:"";position:absolute;inset-block:0;left:0;width:7px;background:var(--event-pink)}.events-row:hover{transform:translateX(7px) rotate(-.15deg);background:#fffdf4;box-shadow:12px 14px 0 rgba(0,0,0,.08)}.events-status{min-width:78px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1.5px solid var(--event-ink);border-radius:999px;background:#eee;box-shadow:3px 4px 0 rgba(0,0,0,.07);font-family:var(--event-round);font-size:11px;font-weight:900}.events-status-open{color:#fff;background:var(--event-pink)}.events-status-preparing{color:var(--event-ink);background:var(--event-lime)}.events-status-closed{color:#fff;background:#555963}.events-date{font-family:var(--event-round);font-size:13px;line-height:1.6}.events-row-title{margin-bottom:7px;font-family:var(--event-round);font-size:18px;line-height:1.45;font-weight:900}.events-row-detail{color:var(--event-muted);font-size:12px;line-height:1.75;font-weight:700}.events-page .btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:2px solid var(--event-ink);border-radius:14px;box-shadow:6px 7px 0 rgba(0,0,0,.09);font-family:var(--event-round);font-size:13px;font-weight:900;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.events-page .btn-small{min-height:44px;padding-inline:18px;font-size:12px;white-space:nowrap}.events-page .btn-primary{color:#fff;background:var(--event-pink)}.events-page .btn-outline{background:#fff}.events-page .btn:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:9px 10px 0 rgba(0,0,0,.08)}.events-page .btn-outline:hover{background:var(--event-lime)}@keyframes events-blob{to{transform:translate(-24px,18px) rotate(8deg) scale(1.05)}}@keyframes events-marquee{to{transform:translateX(-28%)}}@keyframes events-pulse{50%{transform:scale(1.22)}}@media (max-width:980px){.events-page .container{width:min(100% - 40px,780px)}.events-page-hero{min-height:360px;padding:68px 0 76px}.events-page-hero:before{width:280px;height:280px;right:-120px}.events-section{padding:90px 0}.events-flow{grid-template-columns:1fr;gap:48px}.events-row{grid-template-columns:auto 1fr auto}.events-date{grid-column:2}.events-row>div{grid-column:1/-1}}@media (max-width:640px){.events-page .container{width:min(100% - 28px,520px)}.events-page h1{font-size:clamp(44px,14vw,64px)}.events-title{font-size:36px}.events-soft-panel{padding:44px 24px}.events-row{grid-template-columns:1fr;align-items:start;padding:22px 18px}.events-date,.events-row .btn,.events-row .events-status,.events-row>div{grid-column:auto}.events-row .btn{width:100%}}@media (prefers-reduced-motion:reduce){.events-page *,.events-page :after,.events-page :before{animation:none!important;transition-duration:.01ms!important}}