:root{--deep:#06123A;--navy:#0A2472;--royal:#1340C9;--neon:#D4FF1E;--gold:#FFB400;--white:#FFFFFF;--muted:rgba(255,255,255,.78);--pk_green:#0E6B34;--u:1vh;--pk_h:clamp(140px,calc(var(--u)*27),330px);--pk_w:calc(var(--pk_h)/1.227);--pk_cycle:16s;--pk_start:2.2s}
@supports (height:1svh){:root{--u:1svh}}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--deep)}
body{height:calc(var(--u)*100);overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:radial-gradient(1200px 700px at 50% 22%,var(--royal) 0%,var(--navy) 42%,var(--deep) 100%);color:var(--white);font-family:'Inter',system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.cs_court{position:fixed;left:50%;bottom:0;width:min(calc(var(--u)*100),170vw);aspect-ratio:1000/400;transform:translateX(-50%);background:url("../images/court.svg") center bottom/100% 100% no-repeat;opacity:.42;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to top,#000 55%,transparent 100%);mask-image:linear-gradient(to top,#000 55%,transparent 100%)}
.cs_sweep{position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 38%,rgba(212,255,30,.05) 50%,transparent 62%);background-size:260% 100%;animation:cs_sweep 8s ease-in-out infinite}
@keyframes cs_sweep{0%{background-position:120% 0}100%{background-position:-120% 0}}
.cs_rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.cs_drop,.cs_toss,.cs_shot,.cs_stage::before{border-radius:50%;background:radial-gradient(circle at 30% 34%,rgba(6,18,58,.38) 0 7%,transparent 8%),radial-gradient(circle at 62% 30%,rgba(6,18,58,.38) 0 7%,transparent 8%),radial-gradient(circle at 46% 62%,rgba(6,18,58,.38) 0 7%,transparent 8%),radial-gradient(circle at 72% 66%,rgba(6,18,58,.38) 0 7%,transparent 8%),radial-gradient(circle at 35% 28%,#F4FF9A 0%,var(--neon) 45%,#9FCC00 100%);box-shadow:0 0 18px rgba(212,255,30,.45)}
.cs_drop{position:absolute;top:0;left:var(--x);width:var(--s);height:var(--s);transform:translateY(-20vh);animation:cs_drop 2.6s var(--d) both}
@keyframes cs_drop{0%{transform:translateY(-20vh) rotate(0deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{transform:translateY(calc(var(--u)*100 - var(--s))) rotate(var(--r));animation-timing-function:cubic-bezier(0,.55,.45,1)}66%{transform:translateY(calc(var(--u)*80 - var(--s))) rotate(calc(var(--r)*1.2));animation-timing-function:cubic-bezier(.55,0,1,.45)}80%{transform:translateY(calc(var(--u)*100 - var(--s))) rotate(calc(var(--r)*1.35));animation-timing-function:cubic-bezier(0,.55,.45,1)}90%{transform:translateY(calc(var(--u)*93 - var(--s))) rotate(calc(var(--r)*1.45));animation-timing-function:cubic-bezier(.55,0,1,.45)}100%{transform:translateY(calc(var(--u)*100 - var(--s))) rotate(calc(var(--r)*1.5))}}
.cs_wrap{position:relative;z-index:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;text-align:center;padding:calc(var(--u)*3) 16px calc(var(--u)*1)}
.cs_trophy{position:relative;width:clamp(90px,calc(var(--u)*19),210px);margin-bottom:calc(var(--u)*2.2);animation:cs_pop .9s .3s both}
.cs_trophy::before{content:"";position:absolute;left:50%;bottom:10%;width:340%;height:calc(var(--u)*50);transform:translateX(-50%);background:radial-gradient(ellipse 30% 100% at 50% 100%,rgba(255,222,140,.30) 0%,rgba(255,222,140,.12) 40%,rgba(255,222,140,0) 75%);z-index:-2;pointer-events:none;animation:cs_beam 3.5s ease-in-out infinite alternate}
.cs_trophy::after{content:"";position:absolute;left:50%;top:58%;width:220%;height:95%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,180,0,.30) 0%,rgba(255,180,0,.10) 40%,transparent 70%);z-index:-1;pointer-events:none}
.cs_trophy img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 26px rgba(255,180,0,.35));animation:cs_hover 5s 1.2s ease-in-out infinite}
@keyframes cs_beam{from{opacity:.7}to{opacity:1}}
@keyframes cs_hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cs_pop{0%{opacity:0;transform:scale(.4) translateY(20px)}70%{opacity:1;transform:scale(1.06) translateY(0)}100%{opacity:1;transform:scale(1)}}
@keyframes cs_rise{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:translateY(0)}}
.cs_title{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:.92;font-size:clamp(30px,min(10.5vw,calc(var(--u)*8.2)),112px);letter-spacing:.01em;text-shadow:0 6px 30px rgba(0,0,0,.35);animation:cs_rise .8s .7s both}
.cs_title em{font-style:normal;color:var(--neon);text-shadow:0 0 28px rgba(212,255,30,.35)}
.cs_year{display:block;margin-top:.06em;font-size:1.22em;letter-spacing:.03em;background:linear-gradient(180deg,#FFF0B8 0%,#FFC733 45%,#F0A000 75%,#B86E00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 22px rgba(255,180,0,.35))}
.cs_status{margin-top:calc(var(--u)*2.4);display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 16px;border-radius:999px;border:1.5px solid rgba(212,255,30,.55);background:rgba(6,18,58,.55);box-shadow:0 0 24px rgba(212,255,30,.15);font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.34em;font-size:clamp(13px,calc(var(--u)*2),18px);color:var(--white);animation:cs_rise .8s .9s both}
.cs_dot{width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(212,255,30,.7);animation:cs_pulse 1.6s ease-out infinite}
@keyframes cs_pulse{0%{box-shadow:0 0 0 0 rgba(212,255,30,.7)}100%{box-shadow:0 0 0 12px rgba(212,255,30,0)}}
.cs_tagline{margin-top:calc(var(--u)*1.4);font-size:clamp(14px,calc(var(--u)*2),18px);color:var(--muted);font-weight:500;letter-spacing:.02em;animation:cs_rise .8s 1.05s both}
.cs_insta{margin-top:calc(var(--u)*2.6);display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);background:rgba(6,18,58,.6);color:var(--white);text-decoration:none;font-size:clamp(13px,calc(var(--u)*1.8),15px);font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease;min-height:44px;animation:cs_rise .8s 1.2s both}
.cs_insta:hover,.cs_insta:focus{border-color:var(--neon);background:rgba(212,255,30,.10);transform:translateY(-2px);outline:none}
.cs_insta b{color:var(--neon);font-weight:600}
.cs_insta_icon{flex:0 0 auto;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FEDA75 0%,#FA7E1E 25%,#D62976 55%,#962FBF 80%,#4F5BD5 100%)}
.cs_insta_icon svg{width:62%;height:62%}
.cs_stage{position:relative;z-index:2;width:100%;height:calc(var(--pk_h) + 64px);pointer-events:none;overflow:visible}
.cs_stage::before{content:"";position:absolute;bottom:3px;left:calc(50% + var(--pk_w)*.42);width:calc(var(--pk_w)*.15);aspect-ratio:1;opacity:0;z-index:3;animation:pk_floor var(--pk_cycle) var(--pk_start) linear infinite}
@keyframes pk_floor{0%,22%{opacity:0;transform:translateY(calc((var(--pk_h) + 80px)*-1))}22.5%{opacity:1;transform:translateY(calc((var(--pk_h) + 80px)*-1));animation-timing-function:cubic-bezier(.55,0,1,.45)}26%{opacity:1;transform:translateY(0) rotate(160deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}28%{transform:translateY(calc(var(--pk_h)*-.25)) rotate(220deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}30%{transform:translateY(0) rotate(280deg);animation-timing-function:cubic-bezier(0,.55,.45,1)}31%{transform:translateY(calc(var(--pk_h)*-.07)) rotate(300deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}32%,43.4%{opacity:1;transform:translateY(0) rotate(320deg)}43.5%,100%{opacity:0;transform:translateY(0)}}
.cs_picklu{position:absolute;bottom:0;left:calc(var(--pk_w)*-1.4);width:var(--pk_w);animation:pk_walk var(--pk_cycle) var(--pk_start) linear infinite}
@keyframes pk_walk{0%{left:calc(var(--pk_w)*-1.4)}32%{left:calc(50% - var(--pk_w)/2)}74%{left:calc(50% - var(--pk_w)/2)}100%{left:calc(100% + var(--pk_w)*.4)}}
.cs_body{transform-origin:50% 100%;animation:pk_hit var(--pk_cycle) var(--pk_start) linear infinite}
@keyframes pk_hit{0%,41%{transform:rotate(0deg) translateY(0)}43.5%{transform:rotate(14deg) translateY(4%)}46%{transform:rotate(0deg) translateY(0)}50.5%{transform:rotate(0deg)}52%{transform:rotate(-9deg) translateX(-3%)}53%{transform:rotate(7deg) translateX(2%)}55%,100%{transform:rotate(0deg)}}
.cs_body img{display:block;width:100%;height:auto}
.cs_toss{position:absolute;left:15%;bottom:70%;width:17%;aspect-ratio:1;opacity:0;z-index:3;animation:pk_toss var(--pk_cycle) var(--pk_start) linear infinite}
@keyframes pk_toss{0%,45.9%{opacity:0;transform:translateY(0)}46%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(0,.55,.45,1)}49%{opacity:1;transform:translateY(-320%) rotate(180deg);animation-timing-function:cubic-bezier(.55,0,1,.45)}52.4%{opacity:1;transform:translateY(0) rotate(360deg)}52.5%,100%{opacity:0;transform:translateY(0)}}
.cs_shot{position:fixed;left:calc(50% - var(--pk_w)*.35);bottom:calc(var(--pk_h)*.72 + 44px);width:calc(var(--pk_w)*.17);aspect-ratio:1;opacity:0;pointer-events:none;z-index:6;animation:pk_shot var(--pk_cycle) var(--pk_start) linear infinite}
@keyframes pk_shot{0%,52.4%{opacity:0;transform:translate(0,0) scale(1) rotate(0deg)}52.5%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);animation-timing-function:cubic-bezier(.5,0,1,1)}56%{opacity:1;transform:translate(calc(var(--pk_w)*.35),calc(var(--u)*-24)) scale(10) rotate(220deg);filter:blur(0)}57.5%{opacity:0;transform:translate(calc(var(--pk_w)*.35),calc(var(--u)*-26)) scale(14) rotate(280deg);filter:blur(6px)}100%{opacity:0}}
.cs_bubble{position:absolute;bottom:100%;left:50%;margin-bottom:2px;background:var(--white);color:var(--deep);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(15px,calc(var(--u)*2.3),21px);letter-spacing:.02em;padding:7px 15px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0}
.cs_bubble span{color:var(--pk_green)}
.cs_bubble::after{content:"";position:absolute;top:100%;border:8px solid transparent;border-top-color:var(--white)}
.cs_bubble_hi{white-space:nowrap;transform:translateX(-20%) scale(.6);transform-origin:bottom left;animation:pk_say_hi var(--pk_cycle) var(--pk_start) linear infinite}
.cs_bubble_hi::after{left:18%}
@keyframes pk_say_hi{0%,32.5%{opacity:0;transform:translateX(-20%) scale(.6)}34%,40%{opacity:1;transform:translateX(-20%) scale(1)}41.5%,100%{opacity:0;transform:translateX(-20%) scale(.6)}}
.cs_bubble_meet{left:100%;bottom:50%;margin:0 0 0 14px;width:max-content;max-width:min(460px,42vw);background:var(--neon);color:var(--deep);text-transform:uppercase;font-size:clamp(17px,calc(var(--u)*2.7),30px);line-height:1;letter-spacing:.03em;padding:14px 24px 16px;border-radius:22px;text-align:left;box-shadow:0 0 0 5px rgba(212,255,30,.22),0 0 60px rgba(212,255,30,.55),0 14px 34px rgba(0,0,0,.4);transform-origin:left bottom;transform:scale(.3) rotate(-6deg);animation:pk_say_meet var(--pk_cycle) var(--pk_start) linear infinite}
.cs_bubble_meet span{display:block;color:var(--deep);font-size:2.3em;letter-spacing:.02em;margin-top:2px}
.cs_bubble_meet::after{top:auto;bottom:18px;left:-18px;border:10px solid transparent;border-right-color:var(--neon)}
@keyframes pk_say_meet{0%,56.5%{opacity:0;transform:scale(.3) rotate(-6deg)}58.5%{opacity:1;transform:scale(1.15) rotate(2deg)}60%{opacity:1;transform:scale(.95) rotate(-1deg)}61.5%,70%{opacity:1;transform:scale(1) rotate(0deg)}71.5%{opacity:1;transform:scale(1.05) rotate(0deg)}73.5%,100%{opacity:0;transform:scale(.3) rotate(-6deg)}}
.cs_footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:6px 16px 10px;font-size:12px;color:rgba(255,255,255,.6)}
.cs_access{position:relative}
.cs_access summary{display:inline-block;list-style:none;font-size:12px;color:rgba(255,255,255,.5);padding:6px 8px}
.cs_access summary::-webkit-details-marker{display:none}
.cs_access summary:hover{color:var(--white)}
.cs_access_panel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;background:rgba(6,18,58,.97);border:1.5px solid rgba(212,255,30,.4);border-radius:14px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.cs_access form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cs_access input{font-size:16px;padding:11px 14px;width:min(240px,70vw);border-radius:10px;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:var(--white);outline:none}
.cs_access input:focus{border-color:var(--neon)}
.cs_access button{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:16px;padding:11px 22px;border:0;border-radius:10px;background:var(--neon);color:var(--deep);min-height:44px}
.cs_access button:hover{filter:brightness(1.08)}
.cs_error{margin-top:8px;color:#FF8A73;font-size:13px;text-align:center}
.cs_sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){:root{--pk_h:clamp(120px,calc(var(--u)*22),220px)}.cs_court{width:170vw}.cs_wrap{padding-top:calc(var(--u)*2)}.cs_trophy{width:clamp(78px,calc(var(--u)*15),130px);margin-bottom:calc(var(--u)*1.6)}.cs_title{font-size:clamp(28px,min(10vw,calc(var(--u)*7)),60px)}.cs_status{letter-spacing:.24em;padding:7px 16px 7px 12px;margin-top:calc(var(--u)*2)}.cs_insta{margin-top:calc(var(--u)*2)}.cs_bubble{font-size:15px}.cs_bubble_meet{left:50%;bottom:100%;margin:0 0 12px;max-width:88vw;text-align:center;font-size:17px;padding:12px 18px 14px;transform-origin:bottom center;transform:translateX(-50%) scale(.3);animation-name:pk_say_meet_m}.cs_bubble_meet::after{top:100%;bottom:auto;left:calc(50% - 10px);border:10px solid transparent;border-top-color:var(--neon)}}
@keyframes pk_say_meet_m{0%,56.5%{opacity:0;transform:translateX(-50%) scale(.3)}58.5%{opacity:1;transform:translateX(-50%) scale(1.12)}60%{opacity:1;transform:translateX(-50%) scale(.96)}61.5%,70%{opacity:1;transform:translateX(-50%) scale(1)}71.5%{opacity:1;transform:translateX(-50%) scale(1.04)}73.5%,100%{opacity:0;transform:translateX(-50%) scale(.3)}}
@media (max-height:560px){:root{--pk_h:120px}body{height:auto;min-height:calc(var(--u)*100);overflow-y:auto;overflow-x:hidden}.cs_wrap{padding-top:18px}}
@media (pointer:fine){html{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='%23D4FF1E' stroke='%2306123A' stroke-width='2'/%3E%3Ccircle cx='10' cy='10' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='17' cy='9' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='9' cy='17' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='15' cy='15' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%2306123A'/%3E%3C/svg%3E") 14 14,auto}a,button,summary{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='%23FFFFFF' stroke='%23D4FF1E' stroke-width='3'/%3E%3Ccircle cx='10' cy='10' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='17' cy='9' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='9' cy='17' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='15' cy='15' r='1.6' fill='%2306123A'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%2306123A'/%3E%3C/svg%3E") 14 14,pointer}}
@media (prefers-reduced-motion:reduce){.cs_sweep,.cs_rain,.cs_toss,.cs_shot,.cs_bubble_meet,.cs_stage::before{display:none}.cs_trophy,.cs_trophy img,.cs_trophy::before,.cs_title,.cs_status,.cs_dot,.cs_tagline,.cs_insta,.cs_body{animation:none}.cs_picklu{animation:none;left:calc(50% - var(--pk_w)/2)}.cs_bubble_hi{animation:none;opacity:1;transform:translateX(-20%) scale(1)}.cs_insta{transition:none}}
.cs_access{position:fixed;left:calc(10px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));z-index:8}
.cs_access summary{font-size:0;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.25;transition:opacity .2s ease}
.cs_access summary::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
.cs_access summary:hover,.cs_access[open] summary{opacity:.85}
.cs_access_panel{left:0;transform:none;bottom:calc(100% + 6px)}