@import url('arcade.css?v=281');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#3b1d6355,transparent 40%),#0a0b1b;color:#f5f3ff;font:16px/1.65 'Trebuchet MS',system-ui,sans-serif}a{color:#87e9ff}header.site-header{max-width:1240px;margin:auto;height:86px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.studio{color:#fff;text-decoration:none;font-weight:900;font-size:21px;line-height:1.1;letter-spacing:.15em}.studio small{display:block;color:#ffce59;font-size:9px;letter-spacing:.22em;margin-top:8px}.header-tools{display:flex;align-items:center;gap:20px}.header-tools>a{color:#d5c9ed;text-decoration:none;font-size:13px}main{max-width:1240px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:center;min-height:620px;padding:36px 0 70px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;color:#d2a4fa}.game-logo{display:block;width:220px;height:150px;object-fit:cover;margin:10px 0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Arial Black','Trebuchet MS',system-ui,sans-serif;letter-spacing:-.045em;line-height:1.13;font-weight:900}h1{font-size:clamp(34px,4vw,53px);margin:14px 0 22px}h2{font-size:clamp(28px,3.5vw,42px);margin:16px 0 28px}p{color:#c2bdd6}.hero p{max-width:440px;font-size:18px}.hero small{display:block;font-size:11px;color:#ada6c0;margin-top:20px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.cta{display:inline-block;padding:14px 23px;border-radius:12px;color:#21132c;background:linear-gradient(110deg,#ffe17a,#ffb65d);box-shadow:0 4px 0 #89502b;font-size:14px;font-weight:900;text-decoration:none}.text-link{font-size:13px;color:#e2d5f5}.hero-art{position:relative}.hero-art>img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:26px;border:1px solid #b780dd77;box-shadow:14px 14px 0 #55327525}.comic-caption{position:absolute;bottom:-12px;right:16px;transform:rotate(-3deg);padding:10px 20px;background:#63dfff;color:#11263a;font-size:12px;font-weight:900;box-shadow:4px 4px #46245c}.section{padding:68px 0;border-top:1px solid #77609033;scroll-margin-top:25px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.story strong{color:#ffd567;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article,.points{background:linear-gradient(135deg,#242039,#13172d);border:1px solid #71578d66;border-radius:20px;padding:28px}.cards b{font-size:34px;font-weight:900;color:#ffce59}.cards article:nth-child(2) b{color:#63dfff}.cards article:nth-child(3) b{color:#ed9cde}.cards h3{font-size:19px;margin:16px 0 12px}.cards p{font-size:14px;margin-bottom:0}.origin{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.origin h2>span:first-child{color:#ffce59}.origin em{font-style:normal;color:#63dfff}.points h3{font-size:24px;line-height:1.3;margin:15px 0}.points p{font-size:14px}.points a{font-size:13px}.support{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.qr-card{text-align:center;padding:25px;background:#171b31;border:1px solid #5f6b9866;border-radius:24px}.qr-card img{background:white;padding:12px;border-radius:12px}.qr-card h3{margin:16px 0 5px}.qr-card p{margin-bottom:7px;font-size:13px}.qr-card a{font-size:13px}footer{max-width:1180px;margin:30px auto 0;padding:28px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #77609033;font-size:10px;color:#a49ab9}footer a{color:inherit}.player-menu{line-height:1.4}.player-avatar{cursor:pointer}.player-menu .player-logout{color:#d4c6e9;background:transparent;border:0;padding:10px;width:100%}.player-menu nav{display:grid}.player-menu[hidden]{display:none}
@media(max-width:760px){header.site-header{height:74px;padding:0 18px}.header-tools{gap:12px}.header-tools>a:first-child{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:24px 0 54px;gap:36px;min-height:0}.game-logo{width:180px;height:120px}.hero-copy{max-width:530px}.hero-art>img{aspect-ratio:1.35}.section{padding:44px 0}.story-grid,.origin,.support{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:1fr;gap:12px}.cards article{padding:22px}.cards b{float:left;margin-right:20px}.cards h3{margin-top:5px}.cards p{clear:both;padding-top:8px}.support{gap:32px}footer{margin:0 20px;flex-wrap:wrap}.player-menu{top:70px}.hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Soft dimensional art shared with the game. */
.game-logo{width:min(330px,100%);height:auto;aspect-ratio:1.8;object-fit:contain;margin:12px 0 20px;filter:drop-shadow(0 8px 24px #9459ef26)}
.hero-art{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 50%,#7955bc22,transparent 65%)}
.hero-art>img{width:100%;height:560px;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 22px 30px #0003)}
.rhythm-caption{position:relative;margin-top:-24px;border:1px solid #a4c8ff33;background:#20233cbb;backdrop-filter:blur(12px);padding:10px 18px;border-radius:24px;color:#bceeff;font-size:12px;font-weight:700;text-align:center}
.practice-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.practice-heading img{width:180px;height:180px;object-fit:contain;margin-top:-40px}.practice-heading h2{max-width:620px}
.cards article,.points{box-shadow:0 16px 40px #0002;background:linear-gradient(145deg,#29243f,#151a30)}
@media(max-width:760px){.game-logo{width:270px;height:auto}.hero-art>img{height:410px}.hero-art{margin-top:-25px}.practice-heading img{width:110px;height:150px;margin-top:0}.practice-heading h2{font-size:27px}.rhythm-caption{margin-top:-5px}}

/* Salsa Man plays the welcome deck; keep the entire portrait visible. */
.hero-art>img{height:auto;max-height:600px;aspect-ratio:auto}.rhythm-caption{margin-top:8px}
@media(max-width:760px){.hero-art>img{height:auto;max-height:440px}.hero-art{margin-top:0}}

.community-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-top:32px}.story-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.story-message,.google-story{border:1px solid #9472bd55;border-radius:20px;padding:24px;background:linear-gradient(135deg,#26223c,#131a30)}.story-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.story-message strong{color:#87e9ff;font-size:13px}.community fieldset{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}.community input[type=text],.community textarea{width:100%;padding:12px;border:1px solid #8877a8;border-radius:10px;background:#14172c;color:#fff;font:inherit;box-sizing:border-box}.community textarea{resize:vertical}.community label,.community small{font-size:13px}.community small{color:#b9b3cc}.story-consent{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.story-consent input{margin-top:5px;flex-shrink:0}.community button{cursor:pointer;justify-self:start;border:0;font:inherit;font-weight:800}.community fieldset:disabled{opacity:.5}.community button:disabled{opacity:.5;cursor:wait}.google-story{align-self:start}.google-story .cta{font-size:13px}.google-story small{display:block;margin-top:18px}.community #story-status{font-size:14px;color:#a7edff}
@media(max-width:760px){.community-grid,.story-wall{grid-template-columns:1fr;gap:20px}}

.hero-art>img{mask-image:radial-gradient(ellipse 73% 72% at 51% 50%,#000 58%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 73% 72% at 51% 50%,#000 58%,transparent 98%)}

/* Use Jose's exact original illustration. Feather only its outer edges. */
.hero-art{width:100%;background:none}.hero-art>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;filter:none;mask-image:radial-gradient(ellipse 77% 78% at 53% 48%,#000 48%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 77% 78% at 53% 48%,#000 48%,transparent 96%)}@media(max-width:760px){.hero-art>img{height:auto;aspect-ratio:1.5}.hero-art{margin-top:0}}
.hero-art>img{mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 84%,transparent);-webkit-mask-composite:source-in}

/* Restore the original welcome and practice illustrations. */
.hero-art{background:radial-gradient(ellipse at 50% 50%,#7955bc18,transparent 70%)}.hero-art>img{width:100%;height:570px;max-height:600px;aspect-ratio:auto;object-fit:contain;mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over;filter:drop-shadow(0 18px 30px #0003)}.practice-heading img{width:210px;height:210px;object-fit:contain}@media(max-width:760px){.hero-art>img{height:430px;max-height:460px;aspect-ratio:auto}.hero-art{margin-top:-18px}.practice-heading img{width:130px;height:160px}}

/* Original smiling avatar playing both rhythm pads like a DJ. */
.hero-art>img{height:auto;max-height:600px;aspect-ratio:1.1;object-fit:contain;mask-image:linear-gradient(to bottom,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 93%,transparent 100%)}@media(max-width:760px){.hero-art>img{height:auto;max-height:460px;aspect-ratio:1.1}.hero-art{margin-top:0}}

.game-preview{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.preview-copy h2{font-size:clamp(36px,5vw,66px);line-height:1.05}.preview-copy>p{color:#c4bfd6;max-width:45ch;line-height:1.7}.preview-features{margin:28px 0;font-size:14px;color:#e8d8ac}.game-shots{display:flex;align-items:center;gap:20px}.game-shots figure{margin:0;flex:1;min-width:0}.game-shots figure:nth-child(2){margin-top:70px}.game-shots img{display:block;width:100%;height:auto;border:1px solid #65507d;border-radius:22px;box-shadow:0 25px 60px #0007}.game-shots figcaption{text-align:center;font-size:12px;color:#bfb2d1;margin-top:14px}.cta:focus-visible,a:focus-visible{outline:3px solid #62e6ff;outline-offset:5px}@media(max-width:760px){.game-preview{grid-template-columns:1fr;gap:32px}.game-shots{gap:14px;max-width:460px;margin:auto}.game-shots figure:nth-child(2){margin-top:40px}.game-shots img{border-radius:14px}}

.event-invite{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.event-invite h2{font-size:clamp(36px,5vw,64px);line-height:1.05}.event-invite p{color:#c4bfd6;line-height:1.8;max-width:46ch}.event-invite>img{width:100%;height:440px;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}@media(max-width:760px){.event-invite{grid-template-columns:1fr;gap:24px}.event-invite>img{height:340px}}

.origin{grid-template-columns:1fr}.origin>div{max-width:760px}.game-help h2{font-size:clamp(30px,4vw,48px)}.game-help details{border:1px solid #ffffff25;border-radius:16px;background:#ffffff04;max-width:850px}.game-help summary{padding:22px;cursor:pointer;font-weight:750;color:#f7df9e}.help-answer{padding:0 22px 24px;color:#c9c3d9;line-height:1.75}.help-answer h3{color:#eee8f7;margin-bottom:6px}.help-answer a{color:#6ee3ff}