@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:block;src:url('./assets/lilita-one.ttf') format('truetype')}
@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:block;src:url('./assets/fredoka-bold.ttf') format('truetype')}
:root{--sea:#078ba9;--deep:#073b56;--ink:#123843;--cream:#fff3d5;--sand:#ffe3ae;--chili:#e9422a;--gold:#ffbc3d;--pink:#ec4d83;--green:#128763;--shadow:0 18px 0 rgba(91,52,26,.16),0 25px 34px rgba(34,61,49,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff4d9;color:var(--ink);font-family:Fredoka,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.header-cta,.hub-card__bottom strong{font-family:'Lilita One',cursive;font-weight:400}h1,h2,h3{line-height:.94;letter-spacing:.015em}a:focus-visible,button:focus-visible{outline:4px solid var(--gold);outline-offset:5px}.site-header{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:20;width:min(1450px,calc(100% - 40px));height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 14px 7px 8px;border:3px solid #714020;border-radius:20px;background:linear-gradient(135deg,#fff5d6,#f9d798);box-shadow:0 8px 0 #7b4321,0 12px 30px #103e4a61}.site-header:before{content:'';position:absolute;inset:4px;border:2px dashed #d88c46;border-radius:13px;pointer-events:none}.brand{display:flex;align-items:center;gap:5px;min-width:0;color:#11566c;text-shadow:2px 2px 0 #fff}.brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 1px #97552d)}.brand>span{font-size:23px;line-height:.8;white-space:nowrap}.brand>span span{display:block;color:var(--chili);font-size:25px}.site-header nav{display:flex;align-items:center;gap:3px;padding:5px;border-radius:14px;background:#e8c48d}.site-header nav a{padding:10px 17px;border-radius:11px;color:#4f3f2b;font-weight:700;font-size:15px}.site-header nav a:hover,.site-header nav a[aria-current]{background:var(--deep);color:#fff5d8}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 20px;border:3px solid #75321f;border-radius:15px;box-shadow:0 5px 0 #713722;font-size:16px;letter-spacing:.02em;text-align:center;transition:transform .18s,box-shadow .18s,filter .18s}.header-cta:hover,.button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 8px 0 #713722;filter:saturate(1.1)}.header-cta{background:var(--chili);color:white;white-space:nowrap}.button--chili{background:var(--chili);color:white}.button--cream{background:#fff4d5;color:#88401f}.button--teal{background:#0aa0b5;color:white}.hand-label{display:inline-block;margin:0 0 13px;padding:7px 14px;border:2px solid #a44d2d;border-radius:9px;background:#ffe195;color:#773b25;box-shadow:3px 4px 0 #994226;font-size:13px;font-weight:700;letter-spacing:.15em;transform:rotate(-2deg)}
.home-hero,.page-hero{position:relative;isolation:isolate;overflow:hidden}.home-hero{min-height:min(850px,100svh);min-height:850px;background:#148faf}.home-hero__art,.page-hero__art{position:absolute;inset:0;z-index:-2;background-image:url('./assets/background.png');background-repeat:no-repeat;background-size:cover}.home-hero__art{background-position:center center}.home-hero__shade,.page-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 30%,#07517a08 46%,#0868902b 62%,#07385a65 100%),linear-gradient(0deg,#133d3547 0%,transparent 25%)}.home-hero__content{position:relative;left:53%;width:min(615px,43%);padding-top:219px;padding-bottom:140px;color:#fffaf0}.home-hero h1{font-size:clamp(57px,6vw,103px);line-height:.89;letter-spacing:.01em;white-space:nowrap;text-shadow:5px 6px 0 #17526a,-2px -2px 0 #17526a,2px -2px 0 #17526a,-2px 2px 0 #17526a,0 12px 22px #07334466;transform:rotate(-2deg)}.home-hero h1 span{color:#ffdf66;text-shadow:5px 6px 0 #b84e28,-2px -2px 0 #b84e28,2px -2px 0 #b84e28,-2px 2px 0 #b84e28,0 12px 22px #07334466}.home-hero__content>p:not(.hand-label){max-width:520px;margin:24px 0;color:#fff9df;font-size:21px;font-weight:600;line-height:1.3;text-shadow:0 2px 8px #084e68,0 1px 3px #084e68}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-scroll{position:absolute;right:5%;bottom:44px;padding:8px 12px;border-radius:8px;background:#fff4d5e8;color:#86451f;font-size:12px;font-weight:700;letter-spacing:.14em;transform:rotate(2deg)}
.woven-band{position:relative;z-index:2;min-height:28px;margin-top:-5px;overflow:hidden;display:flex;justify-content:space-around;align-items:center;background:repeating-linear-gradient(90deg,#e84434 0 48px,#fabc36 48px 96px,#0b9276 96px 144px,#1579a3 144px 192px,#eb4781 192px 240px);border-top:5px solid #723a23;border-bottom:5px solid #723a23;color:#fff4d5;font-size:20px;letter-spacing:6vw;text-shadow:2px 2px 0 #7e4327;white-space:nowrap}
.section-shell{padding:92px max(24px,calc((100vw - 1200px)/2))}.section-title{text-align:center;margin:0 auto 40px;max-width:760px}.section-title h2,.social-strip h2{margin:13px 0 12px;color:#125268;font-size:clamp(44px,5vw,72px);text-shadow:3px 4px 0 #f2ae55}.section-title h2 em,.social-strip h2 em{color:var(--chili);font-style:normal}.section-title>p:not(.hand-label){font-size:19px;color:#53717a;line-height:1.4}.home-hub,.stream-section,.standings{background-color:#fff3d5;background-image:radial-gradient(#d7996440 1.4px,transparent 1.4px);background-size:19px 19px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hub-card{position:relative;min-height:305px;overflow:hidden;display:flex;align-items:flex-end;padding:22px;border:5px solid #704025;border-radius:28px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.hub-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 25px 0 #8c52292b,0 30px 35px #1a463c26}.hub-card:before{content:'';position:absolute;inset:9px;border:3px dashed #ffffffb0;border-radius:17px}.hub-card--kick{background:linear-gradient(160deg,#4ebc74,#0f9863)}.hub-card--ranks{background:linear-gradient(160deg,#ffc658,#e77f2e)}.hub-card--live{background:linear-gradient(160deg,#5cc9d2,#158eb0)}.hub-card__stamp{position:absolute;top:22px;left:23px;padding:7px 13px;border:2px solid #6f3b20;border-radius:10px;background:#fff4d7;color:#713f25;font-family:'Lilita One';font-size:16px;transform:rotate(-5deg)}.hub-card__doodle{position:absolute;top:42px;right:33px;color:#fff4d8;opacity:.9;font-size:105px;line-height:1;text-shadow:5px 6px 0 #754a2d70;transform:rotate(12deg)}.hub-card__bottom{position:relative;display:flex;flex-direction:column;gap:4px;z-index:1;color:#fffbee;text-shadow:0 2px 2px #1d665d55}.hub-card__bottom small{font-size:13px;font-weight:700;letter-spacing:.14em}.hub-card__bottom strong{font-size:30px;line-height:1}.hub-card__bottom span{font-size:16px;font-weight:600}.social-strip{position:relative;min-height:325px;display:flex;align-items:center;gap:50px;overflow:hidden;background:linear-gradient(115deg,#f4b043,#ffe4a5);border-top:7px solid #c77739;border-bottom:7px solid #c77739}.social-strip:before{content:'';position:absolute;inset:12px;border:3px dashed #d38147;border-radius:16px;pointer-events:none}.social-strip>div{position:relative;z-index:1;max-width:610px}.social-strip h2{margin:8px 0 6px}.social-strip p:not(.hand-label){max-width:530px;margin:0;font-size:17px;line-height:1.4;color:#725338}.social-strip .button{position:relative;z-index:1;flex-shrink:0}.social-strip>img{position:absolute;right:3%;bottom:-65px;width:300px;transform:rotate(8deg);opacity:.82}.site-footer{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1200px)/2));background:#0a526a;color:#fff3d4;font-size:13px;font-weight:700;letter-spacing:.08em}.site-footer a:hover{text-decoration:underline}
.page-hero{height:550px;background:#178fad}.page-hero__art{background-position:center 43%}.page-hero__shade{background:linear-gradient(90deg,#075077d6 0,#07507789 40%,transparent 80%),linear-gradient(0deg,#073e5066,transparent 50%)}.page-hero__content{position:relative;max-width:1250px;margin:auto;padding:180px 24px 60px;color:white}.page-hero h1{margin:7px 0 18px;font-size:clamp(54px,7vw,95px);text-shadow:4px 5px 0 #064661;white-space:nowrap}.page-hero h1 span{display:block;color:#ffe17e;text-shadow:4px 5px 0 #a54d28}.page-hero__content>p:not(.hand-label){font-size:20px;font-weight:600;text-shadow:0 2px 4px #164450}.page-hero .button{margin-top:4px}.page-hero--live .page-hero__art{background-position:center 50%}
.prize-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 30px}.prize-ribbon>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:18px 24px;border:3px solid #824a2a;border-radius:18px;background:#ffe2a8;box-shadow:0 6px 0 #a56234}.prize-ribbon>div:nth-child(2){background:#e6f1cb}.prize-ribbon>div:nth-child(3){background:#c5edf0}.prize-ribbon span{grid-row:1/3;color:var(--chili);font-size:43px;line-height:1}.prize-ribbon small{font-size:12px;font-weight:700;letter-spacing:.13em}.prize-ribbon strong{font-family:'Lilita One';font-size:31px;color:#13546b}.scoreboard{padding:29px;border:5px solid #7d4729;border-radius:28px;background:#fffaf0;box-shadow:var(--shadow)}.scoreboard__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:5px solid #ecc18b;padding-bottom:17px}.scoreboard__heading small{font-weight:700;letter-spacing:.14em;color:#ab5e39}.scoreboard__heading h3{margin:5px 0 0;color:#12556b;font-size:46px}.scoreboard__heading>span{padding:8px 12px;border:2px solid #b57044;border-radius:9px;background:#fff0cf;color:#8b5032;font-size:12px;font-weight:700;letter-spacing:.07em}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;margin:30px 0}.podium-card{position:relative;min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:21px 10px;border:4px solid #794928;border-radius:22px;background:#cde9e8;box-shadow:0 8px 0 #a7754d;text-align:center}.podium-card--first{min-height:250px;background:#ffdb75}.podium-card--third{background:#f7cda8}.podium-card__rank{position:absolute;top:13px;left:15px;color:#7b4c31;font-family:'Lilita One';font-size:23px}.podium-card__symbol{color:#ee5533;font-size:44px;line-height:1;text-shadow:2px 3px 0 #ffffff}.podium-card small{font-size:12px;font-weight:700;letter-spacing:.1em}.podium-card strong{color:#134d63;font-family:'Lilita One';font-size:27px}.podium-card__prize{min-width:92px;padding:6px 14px;border:2px solid #7e4828;border-radius:10px;background:#fff8e6;color:#a74c25;font-family:'Lilita One';font-size:22px}.rank-table{overflow:hidden;border:3px solid #d89d66;border-radius:18px}.rank-table__head,.rank-table__row{display:grid;grid-template-columns:.6fr 1.8fr 1fr .8fr;align-items:center;min-height:53px;gap:12px;padding:9px 20px}.rank-table__head{background:#0d6376;color:white;font-size:13px;font-weight:700;letter-spacing:.12em}.rank-table__row{border-top:2px solid #efd7af;background:#fff8e8;font-size:18px}.rank-table__row:nth-child(odd){background:#fff0d4}.rank-table__row span:first-child{color:#a05232;font-family:'Lilita One';font-size:24px}.rank-table__row span:last-child{color:#14657b;font-family:'Lilita One';font-size:22px}.rank-table__row--paid span:last-child{color:#dc5930}
.stream-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.78fr);gap:26px;align-items:stretch}.player-frame{overflow:hidden;border:5px solid #704025;border-radius:25px;background:#092f38;box-shadow:var(--shadow)}.player-frame__top{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;background:#f9cd79;color:#684124;font-size:13px;font-weight:700;letter-spacing:.08em}.player-frame__top span:first-letter{color:#e8412e}.player-frame__top a{text-decoration:underline}.player-frame__video{aspect-ratio:16/9}.player-frame iframe{width:100%;height:100%;border:0}.stream-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;padding:25px;border:5px solid #704025;border-radius:25px;background:#c5ecde;box-shadow:var(--shadow)}.stream-aside>img{align-self:center;width:150px;height:150px;object-fit:contain;margin:-9px 0 12px;filter:drop-shadow(0 5px 2px #2d5b4370)}.stream-aside h3{margin:12px 0;color:#12536b;font-size:32px}.stream-aside>p:not(.hand-label){font-size:16px;line-height:1.4}.stream-aside .button{width:100%;margin-top:auto}.text-link{display:block;align-self:center;margin-top:20px;color:#12566b;font-weight:700;text-decoration:underline}
.transition{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#0f8cad url('./assets/background.png') center/cover;transform:translateY(-105%);transition:transform .8s cubic-bezier(.65,0,.25,1)}.transition:before{content:'';position:absolute;inset:0;background:#08708ca3}.transition.is-active{transform:translateY(0);pointer-events:all}.transition.is-leaving{transform:translateY(105%);pointer-events:none}.transition__panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px 38px 26px;border:5px solid #743e24;border-radius:30px;background:#fff0c9;box-shadow:0 12px 0 #7e4326;color:#125a70;text-align:center;transform:rotate(-3deg)}.transition__panel img{width:150px;height:150px;object-fit:contain}.transition__panel strong{font-family:'Lilita One';font-size:31px;line-height:.83}.transition__panel strong span{display:block;color:var(--chili);font-size:40px}.transition__panel small{margin-top:7px;font-size:13px;font-weight:700;letter-spacing:.13em;color:#9b5933}
@media(max-width:1050px){.site-header{width:calc(100% - 24px)}.brand>span{font-size:17px}.brand>span span{font-size:20px}.site-header nav a{padding:10px}.header-cta{font-size:13px;padding:9px}.home-hero__content{left:51%;width:47%;padding-top:240px}.home-hero h1{font-size:clamp(54px,6.3vw,75px)}.social-strip>img{opacity:.3}.stream-layout{grid-template-columns:1fr}.stream-aside{display:grid;grid-template-columns:140px 1fr;column-gap:20px}.stream-aside>img{grid-row:1/5}.stream-aside .button,.stream-aside .text-link{grid-column:2}.stream-aside .hand-label,.stream-aside h3,.stream-aside>p:not(.hand-label){grid-column:2}}
@media(max-width:700px){.site-header{top:8px;height:auto;min-height:104px;flex-wrap:wrap;gap:2px;padding:7px 10px}.brand img{width:45px;height:45px}.brand>span{font-size:16px}.brand>span span{font-size:18px}.site-header nav{order:3;width:100%;justify-content:space-around;padding:3px}.site-header nav a{padding:7px 10px;font-size:12px}.header-cta{min-height:38px;padding:6px 9px;font-size:11px;border-width:2px}.home-hero{min-height:790px}.home-hero__art{background-position:27% center}.home-hero__shade{background:linear-gradient(0deg,#093e5fdb 0,#07536fbf 26%,transparent 61%)}.home-hero__content{left:auto;width:auto;max-width:580px;margin:0 22px;padding-top:490px;padding-bottom:85px}.home-hero h1{font-size:clamp(42px,11vw,66px);text-shadow:3px 4px 0 #164f69,-1px -1px 0 #164f69}.home-hero h1 span{text-shadow:3px 4px 0 #ab4c2c,-1px -1px 0 #ab4c2c}.home-hero__content>p:not(.hand-label){margin:14px 0;font-size:16px}.hero-actions{gap:8px}.button{min-height:44px;padding:9px 13px;font-size:13px}.hero-scroll{display:none}.section-shell{padding:65px 20px}.hub-grid{grid-template-columns:1fr;gap:21px}.hub-card{min-height:240px}.hub-card__doodle{font-size:90px}.social-strip{display:block;min-height:300px}.social-strip .button{margin-top:25px}.social-strip>img{width:170px;right:-20px;bottom:-28px}.site-footer{padding:23px;flex-wrap:wrap;font-size:11px}.site-footer>span:nth-child(2){display:none}.page-hero{height:510px}.page-hero__art{background-position:36% center}.page-hero__shade{background:linear-gradient(0deg,#065477ec,#06547792 52%,transparent)}.page-hero__content{padding:300px 22px 20px}.page-hero h1{font-size:clamp(46px,10vw,72px);white-space:normal}.page-hero__content>p:not(.hand-label){font-size:16px}.page-hero .button{display:none}.prize-ribbon{gap:7px}.prize-ribbon>div{display:flex;flex-direction:column;gap:1px;padding:10px 4px;text-align:center}.prize-ribbon span{font-size:25px}.prize-ribbon small{font-size:9px}.prize-ribbon strong{font-size:21px}.scoreboard{padding:13px;border-width:3px}.scoreboard__heading{align-items:start}.scoreboard__heading h3{font-size:31px}.scoreboard__heading>span{font-size:9px;max-width:100px}.podium{gap:7px;margin:22px 0}.podium-card{min-height:180px;padding:14px 2px;border-width:2px;border-radius:13px}.podium-card--first{min-height:200px}.podium-card__rank{top:8px;left:7px;font-size:16px}.podium-card__symbol{font-size:31px}.podium-card small{font-size:8px}.podium-card strong{font-size:clamp(12px,3.7vw,19px)}.podium-card__prize{min-width:0;padding:4px 8px;font-size:16px}.rank-table__head,.rank-table__row{grid-template-columns:.55fr 1.4fr .7fr .65fr;gap:4px;padding:7px 8px;min-height:46px}.rank-table__head{font-size:9px}.rank-table__row{font-size:13px}.rank-table__row span:first-child,.rank-table__row span:last-child{font-size:17px}.stream-aside{display:flex}.stream-aside>img{width:130px;height:130px}.stream-aside .button{width:100%}.player-frame__top{font-size:10px;padding:8px}.transition__panel{padding:10px 20px 18px}.transition__panel img{width:110px;height:110px}}
@media(max-width:390px){.brand>span{font-size:13px}.brand>span span{font-size:16px}.header-cta{font-size:10px}.home-hero__content{padding-top:470px}.home-hero h1{font-size:41px}.page-hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.transition{display:none}}
.social-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.social-actions a{color:#0c5972;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px}.social-actions a:hover{color:#e9422a}
.page-hero--board .page-hero__art{background-image:url('./assets/taco-art.png?v=20260930h');background-position:center top}.page-hero--live .page-hero__art{background-image:url('./assets/pier-art.png');background-position:center 48%}
@media(min-width:701px){.page-hero--board .page-hero__shade,.page-hero--live .page-hero__shade{background:linear-gradient(90deg,transparent 27%,#074e6a26 45%,#074e6aaa 65%,#063e5fcf 100%),linear-gradient(0deg,#0a536449,transparent 50%)}.page-hero--board .page-hero__content,.page-hero--live .page-hero__content{width:48%;max-width:none;margin:0 0 0 52%;padding:175px 4vw 50px 0}.page-hero--board h1,.page-hero--live h1{font-size:clamp(55px,5.5vw,85px)}.page-hero--board .page-hero__content>p:not(.hand-label),.page-hero--live .page-hero__content>p:not(.hand-label){max-width:550px}}
@media(max-width:700px){.page-hero--board .page-hero__art{background-position:24% top}.page-hero--live .page-hero__art{background-position:26% center}.page-hero--board .page-hero__shade,.page-hero--live .page-hero__shade{background:linear-gradient(0deg,#064b69ee 0,#075377bc 34%,transparent 67%)}.page-hero--board .page-hero__content,.page-hero--live .page-hero__content{margin:0;width:auto;padding:300px 22px 20px}}

/* Artwork curtain: one continuous cover and reveal for deliberate page changes. */
.transition{clip-path:none;transform:translate3d(0,-105%,0);transition:transform .76s cubic-bezier(.64,0,.22,1);background:#0f8cad url('./assets/background.png') center/cover;will-change:transform}
.transition::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08486582,#08708ca8);opacity:1;animation:none}
.transition::after{display:none}
.transition.is-active,.page-entering .transition{clip-path:none;transform:translate3d(0,0,0);pointer-events:all}
.transition.is-leaving,.page-entering .transition.is-leaving{clip-path:none;transform:translate3d(0,105%,0);pointer-events:none}
.transition__panel{z-index:1;opacity:0;transform:translateY(-18px) scale(.94) rotate(-3deg);transition:transform .5s cubic-bezier(.18,1.3,.35,1),opacity .3s ease;box-shadow:0 12px 0 #7e4326,0 25px 65px #0736468c}
.transition.is-active .transition__panel,.page-entering .transition__panel{opacity:1;transform:translateY(0) scale(1) rotate(-3deg)}
.transition.is-leaving .transition__panel,.page-entering .transition.is-leaving .transition__panel{opacity:0;transform:translateY(14px) scale(1.03) rotate(-3deg)}

/* Arrival, ambient motion, and reactions. */
.site-header{animation:header-arrive .7s cubic-bezier(.18,1.35,.35,1) both}
@keyframes header-arrive{from{opacity:0;transform:translate(-50%,-25px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.home-hero__content .hand-label,.page-hero__content .hand-label{animation:label-arrive .65s .18s cubic-bezier(.2,1.4,.35,1) both}
@keyframes label-arrive{from{opacity:0;transform:translateY(24px) rotate(-9deg) scale(.78)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}
.home-hero h1{animation:home-title-arrive .8s .3s cubic-bezier(.18,1.2,.3,1) both}
@keyframes home-title-arrive{from{opacity:0;transform:translateY(32px) rotate(-5deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}
.page-hero h1{animation:page-title-arrive .8s .3s cubic-bezier(.18,1.2,.3,1) both}
@keyframes page-title-arrive{from{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.home-hero__content>p:not(.hand-label),.page-hero__content>p:not(.hand-label){animation:fade-rise .7s .48s both}
.home-hero .hero-actions,.page-hero .button{animation:fade-rise .7s .62s both}
@keyframes fade-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.woven-band{background-size:240px 100%;animation:weave-drift 16s linear infinite}
@keyframes weave-drift{to{background-position:240px 0}}
.hero-scroll{animation:scroll-nudge 2.6s ease-in-out infinite}
@keyframes scroll-nudge{50%{transform:translateY(5px) rotate(2deg)}}
.social-strip>img{animation:mascot-float 5s ease-in-out infinite}
@keyframes mascot-float{50%{transform:translateY(-12px) rotate(5deg)}}
.brand img{transition:transform .45s cubic-bezier(.18,1.6,.35,1)}.brand:hover img{transform:rotate(-12deg) scale(1.12)}
.site-header nav a{transition:background .2s,color .2s,transform .3s cubic-bezier(.18,1.5,.35,1)}.site-header nav a:hover{transform:translateY(-2px)}.site-header nav a:active{transform:translateY(1px) scale(.96)}
.header-cta,.button{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.18,1.6,.35,1),box-shadow .25s,filter .25s}
.header-cta::after,.button::after{content:'';position:absolute;inset:-20% auto -20% -55%;width:32%;background:linear-gradient(90deg,transparent,#ffffff7a,transparent);transform:skewX(-23deg);transition:left .55s ease;pointer-events:none}
.header-cta:hover::after,.button:hover::after{left:125%}
.header-cta:active,.button:active{transform:translateY(4px) scale(.97);box-shadow:0 1px 0 #713722}
.hub-card{transition:transform .5s cubic-bezier(.18,1.35,.35,1),box-shadow .35s}.hub-card:active{transform:translateY(2px) scale(.98);box-shadow:0 3px 0 #8c52292b}
.hub-card__doodle{animation:card-doodle 4s ease-in-out infinite}.hub-card:nth-child(2) .hub-card__doodle{animation-delay:.7s}.hub-card:nth-child(3) .hub-card__doodle{animation-delay:1.4s}
@keyframes card-doodle{50%{transform:translateY(-9px) rotate(18deg) scale(1.05)}}
.hub-card__stamp{transition:transform .4s cubic-bezier(.18,1.6,.35,1)}.hub-card:hover .hub-card__stamp{transform:rotate(5deg) scale(1.08)}
.prize-ribbon>div,.podium-card{transition:transform .4s cubic-bezier(.18,1.45,.35,1),box-shadow .3s}.prize-ribbon>div:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 10px 0 #a56234}.podium-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 14px 0 #a7754d}.podium-card__symbol{transition:transform .45s cubic-bezier(.18,1.5,.35,1)}.podium-card:hover .podium-card__symbol{transform:rotate(25deg) scale(1.2)}
.rank-table__row{transition:background .25s,transform .35s cubic-bezier(.18,1.3,.35,1)}.rank-table__row:hover{background:#ffe3b1;transform:translateX(5px)}
.social-actions a,.text-link,.player-frame__top a,.site-footer a{transition:color .2s,text-decoration-color .2s}.social-actions a:hover,.text-link:hover,.player-frame__top a:hover,.site-footer a:hover{color:#e9422a}

/* Scroll reveals only activate with JavaScript and motion enabled. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .65s ease,transform .75s cubic-bezier(.18,1.1,.35,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.motion-ready .hub-card[data-reveal].is-visible:hover{transform:translateY(-7px) rotate(-1deg)}
.motion-ready .hub-card[data-reveal].is-visible:active{transform:translateY(2px) scale(.98)}
.motion-ready .podium-card[data-reveal].is-visible:hover{transform:translateY(-8px) rotate(-1deg)}
.motion-ready .prize-ribbon>div[data-reveal].is-visible:hover{transform:translateY(-5px) rotate(-1deg)}
.motion-ready .rank-table__row[data-reveal].is-visible:hover{transform:translateX(5px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.transition{display:none!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}

/* Balanced two-line wordmark and centered navigation. */
.site-header{display:grid;grid-template-columns:minmax(195px,1fr) auto minmax(195px,1fr);align-items:center}
.brand{justify-self:start;gap:8px;height:100%;align-items:center}.brand img{width:56px;height:56px;flex:none}
.brand .brand__title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:.9;white-space:nowrap;text-shadow:2px 2px 0 #fff5d7}
.brand .brand__title span{display:block;font-family:'Lilita One',cursive;line-height:.9}
.brand .brand__first{color:#0f5268;font-size:19px;letter-spacing:1.8px}
.brand .brand__second{color:#e9422a;font-size:22px;letter-spacing:.2px}
.site-header nav{justify-self:center}.site-header .header-cta{justify-self:end}

/* Each destination keeps its own brand language inside the coastal frame. */
.hub-card{min-height:320px;isolation:isolate;background:#122b24}
.hub-card::before{border:2px solid #ffffff80;opacity:.9}
.hub-card--kick{background:radial-gradient(circle at 58% 39%,#174e2b 0,transparent 51%),linear-gradient(150deg,#111d17,#08130d);border-color:#31683b}
.hub-card--discord{background:radial-gradient(circle at 56% 30%,#8792ff 0,transparent 57%),linear-gradient(145deg,#5967f3,#303fae);border-color:#29358f}
.hub-card--bandit{background:radial-gradient(circle at 50% 32%,#7b41279e,transparent 55%),repeating-linear-gradient(0deg,#261d18 0 8px,#34251c 8px 17px,#1d1a17 17px 27px);border-color:#713b26}
.hub-card__topline{position:absolute;z-index:2;top:24px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#fff9e7;font-size:12px;font-weight:700;letter-spacing:.15em}
.hub-card__topline span{font-size:20px;line-height:1;transition:transform .3s}
.hub-card:hover .hub-card__topline span{transform:translate(3px,-3px)}
.hub-card__logo{position:absolute;z-index:1;top:65px;left:50%;display:grid;place-items:center;width:82%;height:106px;transform:translateX(-50%);transition:transform .45s cubic-bezier(.18,1.5,.35,1)}
.hub-card:hover .hub-card__logo{transform:translateX(-50%) translateY(-5px) scale(1.04)}
.hub-card__logo img{width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 10px #0005)}
.hub-card--kick .hub-card__logo img{width:198px}.hub-card--discord .hub-card__logo img{width:235px}.hub-card--bandit .hub-card__logo img{width:232px}
.hub-card--kick .hub-card__topline,.hub-card--kick .hub-card__bottom small{color:#53fc18}
.hub-card--discord .hub-card__bottom small{color:#e0e3ff}
.hub-card--bandit .hub-card__bottom small{color:#ffbd8a}
.hub-card__bottom{gap:3px}.hub-card__bottom strong{font-size:29px}.hub-card__bottom span{font-size:15px}
.hub-card__code{position:absolute;top:167px;left:50%;z-index:1;transform:translateX(-50%) rotate(-2deg);padding:6px 9px;border:2px solid #ae5d3e;border-radius:7px;background:#fff1d8;color:#633a2a;box-shadow:2px 3px 0 #6f3729;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
@media(max-width:1050px){.site-header{grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)}}
@media(max-width:700px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:4px;row-gap:2px;min-height:104px}.brand{grid-column:1;grid-row:1}.brand img{width:43px;height:43px}.brand .brand__title{gap:2px}.brand .brand__first{font-size:14px;letter-spacing:1.2px}.brand .brand__second{font-size:16px}.site-header .header-cta{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;justify-self:stretch}.hub-card{min-height:255px}.hub-card__topline{top:19px;left:22px;right:22px}.hub-card__logo{top:47px;height:80px}.hub-card--kick .hub-card__logo img{width:160px}.hub-card--discord .hub-card__logo img{width:190px}.hub-card--bandit .hub-card__logo img{width:180px}.hub-card__code{top:125px;font-size:10px}.hub-card__bottom strong{font-size:27px}}
@media(max-width:390px){.brand .brand__first{font-size:13px}.brand .brand__second{font-size:15px}.brand img{width:40px;height:40px}}
.hub-card__code{font-size:13px}.hub-card--bandit .hub-card__bottom{padding-top:2px}
@media(max-width:700px){.hub-card__code{font-size:11px}}

/* Quiet logo links: the artwork and logos carry the section without card backdrops. */
.hub-grid{gap:0;align-items:stretch}
.brand-link{position:relative;min-height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:22px 20px;background:transparent;border:0;box-shadow:none;text-align:center;transition:transform .35s cubic-bezier(.18,1.35,.35,1)}
.brand-link:not(:last-child)::after{content:'';position:absolute;top:20%;right:0;height:60%;border-right:2px dashed #d6a574}
.brand-link:hover{transform:translateY(-5px)}.brand-link:active{transform:translateY(1px) scale(.98)}
.brand-link__media{height:112px;width:100%;display:grid;place-items:center}
.brand-link__media img{display:block;width:auto;max-width:min(100%,270px);max-height:112px;object-fit:contain;transition:transform .35s cubic-bezier(.18,1.35,.35,1),filter .3s}
.brand-link:hover .brand-link__media img{transform:scale(1.06)}
.brand-link--kick img{width:210px;filter:drop-shadow(0 2px 0 #256b32)}
.brand-link--discord img{width:260px}
.brand-link--bandit img{width:235px}
.brand-link__action{display:inline-block;color:#14566b;font-size:13px;font-weight:700;letter-spacing:.12em;text-decoration:underline;text-decoration-color:#b88550;text-underline-offset:6px}
.brand-link--kick .brand-link__action{color:#197828}.brand-link--discord .brand-link__action{color:#4655bc}.brand-link--bandit .brand-link__action{color:#90472e}
.brand-link__code{margin-top:-6px;padding:4px 9px;border:1px solid #ca9872;border-radius:6px;background:#fff8e7;color:#6d432d;font-size:12px;font-weight:700;letter-spacing:.06em}
@media(max-width:700px){.hub-grid{grid-template-columns:1fr}.brand-link{min-height:186px;padding:20px 15px}.brand-link:not(:last-child)::after{top:auto;right:13%;bottom:0;width:74%;height:0;border-right:0;border-bottom:2px dashed #d6a574}.brand-link__media{height:100px}.brand-link--kick img{width:182px}.brand-link--discord img{width:230px}.brand-link--bandit img{width:195px}.brand-link__action{font-size:13px}}
@media(prefers-reduced-motion:reduce){.brand-link,.brand-link__media img{transition:none!important}}

/* Scrap prizes use the supplied game currency artwork. */
.scrap-amount{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;vertical-align:middle}
.scrap-amount img{display:inline-block;width:1.35em;height:1.35em;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #48261655)}
.prize-ribbon .scrap-amount{justify-content:flex-start}
.podium-card__prize .scrap-amount img{width:1.5em;height:1.5em}
.rank-table__row span:last-child .scrap-amount{justify-content:flex-start}
@media(max-width:700px){.prize-ribbon .scrap-amount img{width:1.15em;height:1.15em}.rank-table__row span:last-child .scrap-amount{gap:2px}.rank-table__row span:last-child .scrap-amount img{width:1.2em;height:1.2em}.podium-card__prize .scrap-amount{gap:2px}}

/* Peace-sign mascot peeks into the home page's social section. */
.social-strip>.social-strip__mascot{right:2%;bottom:-28px;width:350px;opacity:1;transform:rotate(3deg)}
@media(max-width:1050px){.social-strip>.social-strip__mascot{right:-15px;width:265px;opacity:.35}}
@media(max-width:700px){.social-strip>.social-strip__mascot{right:-12px;bottom:-12px;width:165px;opacity:.55}}

/* Keep the compact, staggered podium and place the supplied mascots inside it. */
.podium{align-items:end}
.podium-card{min-height:238px;justify-content:center;gap:4px;padding:20px 10px 15px;overflow:hidden}
.podium-card--first{min-height:270px}
.podium-card__rank{z-index:2;top:13px;left:15px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:23px}
.podium-card__art{width:112px;height:112px;flex:none;overflow:hidden;border:3px solid #fff7e5;border-radius:50%;background:#f4c861;box-shadow:0 3px 0 #9c6d49}
.podium-card--first .podium-card__art{width:132px;height:132px}
.podium-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.18,1.2,.35,1)}
.podium-card:hover .podium-card__art img{transform:scale(1.08)}
.podium-card__details{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0}
.podium-card__details .podium-card__prize{margin-top:2px}
@media(max-width:700px){.podium-card{min-height:177px;gap:2px;padding:15px 2px 9px}.podium-card--first{min-height:195px}.podium-card__rank{top:8px;left:7px;font-size:16px}.podium-card__art{width:62px;height:62px;border-width:2px}.podium-card--first .podium-card__art{width:79px;height:79px}.podium-card__details{gap:2px}.podium-card__details .podium-card__prize{margin-top:1px}}

.board-state{margin:22px 0 0;color:#775f49;font-size:14px;font-weight:700;text-align:center}
.podium[hidden],.rank-table[hidden],.podium-card[hidden]{display:none!important}

.race-timer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 26px;padding:18px 24px;border:4px solid #7d4729;border-radius:22px;background:linear-gradient(110deg,#ffdb78,#fff0be 54%,#ffdda0);box-shadow:0 7px 0 #a87549;color:#754127}
.race-timer__intro{display:flex;align-items:center;gap:18px}.race-timer__icon{display:grid;place-items:center;width:62px;height:62px;flex:none;border:3px solid #aa5630;border-radius:50%;background:#fff9da;color:#ed5b35;font-size:35px;box-shadow:0 3px 0 #b87743}.race-timer__intro>div{display:flex;flex-direction:column;gap:2px}.race-timer__intro small{font-size:11px;font-weight:700;letter-spacing:.13em}.race-timer__intro strong{font-family:'Lilita One';font-size:30px;line-height:1;color:#105b70}.race-timer__intro>div>span{font-size:13px;font-weight:700}.race-timer__digits{display:flex;gap:7px}.race-timer__digits>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;min-height:69px;padding:5px 8px;border:2px solid #855034;border-radius:11px;background:#fff9e8;box-shadow:0 3px 0 #b98a62}.race-timer__digits b{font-family:'Lilita One';font-size:33px;line-height:1;color:#e35131;font-variant-numeric:tabular-nums}.race-timer__digits small{margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.08em}
@media(max-width:800px){.race-timer{flex-wrap:wrap;gap:14px;padding:14px}.race-timer__icon{width:48px;height:48px;font-size:27px}.race-timer__intro strong{font-size:24px}.race-timer__digits{width:100%}.race-timer__digits>span{flex:1;min-width:0;min-height:57px}.race-timer__digits b{font-size:26px}}
.scoreboard__heading{align-items:center}
.scoreboard__heading .race-timer{width:100%;margin:0;padding:0 0 8px;border:0;border-radius:0;background:none;box-shadow:none}
.scoreboard__heading .race-timer__intro strong{font-size:clamp(28px,3vw,42px)}
.scoreboard__heading .race-timer__intro>div>span{color:#8b6042}
@media(max-width:800px){.scoreboard__heading .race-timer{padding:0 0 9px}.scoreboard__heading .race-timer__intro strong{font-size:27px}.scoreboard__heading .race-timer__digits>span{min-height:60px}}

/* Keep the complete illustration below the nav and fade its right edge into the sea. */
.page-hero--board .page-hero__art{background:linear-gradient(110deg,#0b86aa,#086581 60%,#064765)}
.page-hero--board .page-hero__art::after{content:"";position:absolute;left:0;bottom:0;height:80%;aspect-ratio:1672 / 941;background:url('./assets/taco-art.png?v=20260930h') left bottom/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 57%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 57%,transparent 100%)}
@media(max-width:700px){.page-hero--board .page-hero__art::after{left:24%;transform:translateX(-24%);height:80%;-webkit-mask-image:none;mask-image:none}}
/* Frame the live artwork below the floating header so the mascot's face stays visible. */
.page-hero--live .page-hero__art{background:linear-gradient(110deg,#0b86aa,#086581 60%,#064765)}
.page-hero--live .page-hero__art::after{content:"";position:absolute;left:0;top:70px;height:105%;aspect-ratio:1672 / 941;background:url('./assets/pier-art.png') left top/100% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 57%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 57%,transparent 100%)}
@media(max-width:700px){.page-hero--live .page-hero__art::after{left:24%;top:auto;bottom:0;transform:translateX(-24%);height:80%;-webkit-mask-image:none;mask-image:none}}
.rank-table__row .rank-table__player{display:flex;align-items:center;gap:10px;min-width:0}
.rank-table__player img{width:34px;height:34px;flex:none;border:2px solid #efcca5;border-radius:50%;background:#f7d88a;object-fit:cover}
.rank-table__player b{overflow:hidden;font:inherit;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.rank-table__row .rank-table__player{gap:5px}.rank-table__player img{width:25px;height:25px;border-width:1px}}
.podium-card__wager{display:flex;align-items:center;justify-content:center;gap:6px;color:#805131;font-family:'Lilita One';font-size:18px}
.podium-card__wager small{font-family:'Fredoka',sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em}
.podium-card__wager .scrap-amount img{width:1.25em;height:1.25em}
.rank-table__row [role="cell"]:nth-child(3) .scrap-amount{justify-content:flex-start;color:#13566b;font-family:'Lilita One';font-size:20px}
.prize-ribbon #refresh-interval{font-size:clamp(17px,2vw,28px)}
@media(max-width:700px){.podium-card__wager{flex-direction:column;gap:0;font-size:13px}.podium-card__wager small{font-size:8px}.rank-table__row [role="cell"]:nth-child(3) .scrap-amount{gap:1px;font-size:13px}.rank-table__row [role="cell"]:nth-child(3) .scrap-amount img{width:1.1em;height:1.1em}.prize-ribbon #refresh-interval{font-size:clamp(12px,3.2vw,19px)}}
.home-hero__art{background-image:url('./assets/home-hero-poster-ai.webp')}
.home-hero__video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}
@media(max-width:700px){.home-hero__video{object-position:6% center}.home-hero__art{background-position:6% center}}
@media(prefers-reduced-motion:reduce){.home-hero__video{display:none}}
