/* The clubhouse is loud; match controls keep their compact layout. */
body:not(.playing){background:#111b32;color:#fff5df}body:not(.playing) #grain{background:radial-gradient(circle at 80% 5%,#48386935,transparent 45%),radial-gradient(#7182a31b 1px,transparent 1px);background-size:auto,20px 20px}
body:not(.playing) .topbar{max-width:1380px;height:90px;border-bottom:2px solid #fff5df18;padding:0 42px}body:not(.playing) .brand{font-weight:900;letter-spacing:-1.3px;color:#fff5df}body:not(.playing) .brand-mark{border-radius:14px;transform:rotate(-9deg);background:#dcff50;box-shadow:4px 4px 0 #050b1a;color:#14202e;border:2px solid #050b1a}body:not(.playing) .brand small{font-size:7px;font-weight:750;letter-spacing:2px;color:#a9b6ce}body:not(.playing) .brand-dot{color:#dcff50}body:not(.playing) .live-tag{color:#b7c3d9;letter-spacing:1px;font-size:9px}body:not(.playing) .icon-button{border:2px solid #7d89a355;border-radius:9px;font-size:9px;color:#fff5df;font-weight:750;box-shadow:0 3px 0 #050b1a}
.home{max-width:1380px;padding:56px 42px 0;grid-template-columns:minmax(0,1.4fr) minmax(355px,.95fr);gap:54px 58px;align-items:start}.home .intro{min-width:0;display:flex;flex-direction:column;gap:28px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#e1ff78;background:#d6ff4810;border:1px solid #d6ff4833;border-radius:50px;padding:8px 13px;font-size:10px;letter-spacing:1.6px;font-weight:800}.hero-eyebrow i,.scene-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dcff50;box-shadow:0 0 0 4px #dcff5010}.home h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(66px,6.9vw,102px);line-height:.99;font-weight:900;letter-spacing:-1.8px;margin:23px 0 22px;white-space:nowrap;transform:rotate(-1.5deg);transform-origin:left center}.home h1 em{color:#dcff50;font-style:italic;position:relative;display:inline-block;text-shadow:4px 5px 0 #060e21}.home h1 em:after{content:'';position:absolute;left:1%;right:-1%;height:7px;bottom:-5px;background:#ff8c86;border-radius:50%;transform:rotate(-3deg);z-index:-1}.home .intro-copy{font-size:17px;line-height:1.7;color:#b6c4da;margin:0;letter-spacing:.1px}.hero-facts{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:10px;color:#8fa3c2}.hero-facts b{color:#fff5df;font-size:13px}.hero-facts>span+span{border-left:1px solid #fff5df25;padding-left:18px}
.hero-art{margin:0;position:relative;min-width:0}.scene-label{font-size:8px;font-weight:750;letter-spacing:1.5px;color:#a6b8d4;display:flex;align-items:center;gap:10px;margin-bottom:4px}.scene-label .scene-dot{width:5px;height:5px;background:#ff8c86;box-shadow:0 0 0 4px #ff8c8610}.chaos-scene{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 12px 12px #050b1a55)}.art-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8fa3c2;padding:4px 12px 0}.hand-note{font-family:'Comic Sans MS',cursive;font-size:13px;color:#ffb8a9;transform:rotate(-4deg);white-space:nowrap}.scene-runner{animation:run-mischief 1s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 70%}.scene-ball{animation:kick-mischief 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.scene-flyer{animation:fly-mischief 4.8s cubic-bezier(.22,.7,.4,1) infinite;transform-box:fill-box;transform-origin:center}.scene-rocket{animation:rocket-mischief 4.8s ease-in infinite}.scene-stars{animation:stars-mischief 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes run-mischief{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes kick-mischief{0%,15%,100%{transform:translate(0,0) rotate(0)}40%,75%{transform:translate(55px,-12px) rotate(130deg)}90%{transform:translate(5px,0) rotate(355deg)}}@keyframes fly-mischief{0%,15%,100%{transform:translate(0,0) rotate(-12deg)}30%,65%{transform:translate(24px,-32px) rotate(30deg)}80%{transform:translate(4px,0) rotate(-18deg)}}@keyframes rocket-mischief{0%,8%{transform:translate(-60px,12px);opacity:0}15%{opacity:1}34%{transform:translate(65px,-12px);opacity:1}40%,100%{transform:translate(72px,-16px);opacity:0}}@keyframes stars-mischief{0%,18%,100%{opacity:.2;transform:rotate(-5deg)}35%,70%{opacity:1;transform:rotate(8deg)}}
.home .play-card{position:relative;background:#fff4dc;border:2px solid #080f20;border-radius:22px;padding:29px 28px 22px;box-shadow:8px 9px 0 #070e2066;transform:rotate(1deg);color:#16213a;overflow:visible}.home .play-card:before{content:'';position:absolute;width:64px;height:16px;background:#c5adff;top:-9px;left:37px;transform:rotate(-7deg);border:1px solid #111b3222;box-shadow:0 1px 0 #111b3215}.home .play-card .eyebrow{color:#6c6b83;font-size:8px;letter-spacing:1.1px}.free-stamp{font-size:8px;letter-spacing:.7px;font-weight:900;background:#dcff50;border:1.5px solid #14202e;padding:6px 8px;transform:rotate(4deg);box-shadow:2px 2px 0 #14202e;border-radius:4px;white-space:nowrap}.home .play-card h2{font-family:Impact,'Arial Black',sans-serif;letter-spacing:-.6px;font-size:47px;line-height:.98;margin:27px 0 12px;color:#16213a}.home .play-card h2>span{color:#ff7869}.play-intro{font-size:12px;color:#737282;margin:0 0 25px}.home .play-card label{font-size:9px;font-weight:850;letter-spacing:1px;color:#686879;margin:19px 0 9px}.home .name-field{background:#fffdf5;border:2px solid #16213a;border-radius:10px;box-shadow:0 3px 0 #16213a0d;padding:0 13px;gap:10px}.home .name-field>span{color:#f58976;font-size:20px}.home .name-field input{color:#16213a;height:49px;font-size:14px;font-weight:650}.home .name-field input::placeholder{color:#9b92a1;font-weight:450}.home .name-field:focus-within{outline:3px solid #c5adff;outline-offset:3px}.home .mode-picker{gap:9px;margin-bottom:20px}.home .mode-picker button{border:2px solid #16213a26;background:#f0e5d4;color:#73717b;border-radius:10px;padding:13px 3px 11px;gap:5px;box-shadow:none;transition:transform .18s,box-shadow .18s,background .18s}.home .mode-picker strong{font-family:Impact,'Arial Black',sans-serif;font-size:28px;letter-spacing:0}.home .mode-picker strong span{font-family:Arial,sans-serif;font-size:15px}.home .mode-picker small{font-size:7px;font-weight:800;letter-spacing:.5px}.home .mode-picker .selected{color:#16213a;border-color:#16213a;background:#dcff50;box-shadow:3px 3px 0 #16213a;transform:translate(-1px,-2px)}.home #find{background:#16213a;border:2px solid #070e20;color:#fff5df;border-radius:11px;box-shadow:0 5px 0 #ff8c86;font-size:16px;letter-spacing:.9px;padding:17px 16px;font-weight:900}.home #find>span:last-child{background:#dcff50;color:#16213a;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:21px}.home #find:hover{transform:translateY(-2px);box-shadow:0 7px 0 #ff8c86}.home #find:active{transform:translateY(3px);box-shadow:0 2px 0 #ff8c86}.home .secondary-row{gap:9px;margin-top:18px}.home .secondary{color:#16213a;background:#fffdf5;border:1.5px solid #16213a38;border-radius:8px;font-size:11px;font-weight:750;padding:12px 6px}.home .secondary:hover{background:#f2deff;filter:none}.home .practice-options{margin:18px 0 15px}.home .practice-options label{margin:0;font-size:8px}.home select{background:#f5e9d7;border:1px solid #16213a38;color:#16213a;font-weight:700;font-size:11px;border-radius:7px;padding:7px 10px}.match-facts{display:flex;gap:14px;font-size:9px;font-weight:650;color:#76717e;border-top:1px dashed #16213a30;padding-top:15px;margin-bottom:12px}.home .play-foot{font-size:9px;color:#707484;padding-top:0;border:0;line-height:1.5}.home .status-dot{background:#35a66d;box-shadow:0 0 0 3px #35a66d16;width:5px;height:5px;flex-shrink:0}.home .invite-notice{color:#16213a;border-color:#16213a30}.home .invite-notice .primary{background:#dcff50;border:2px solid #16213a;color:#16213a}
.power-showcase{grid-column:1/-1;border-top:2px solid #fff5df13;padding-top:39px}.power-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.home .eyebrow{color:#a698d3;font-size:9px;letter-spacing:1.4px}.power-section-heading h2{font-family:Impact,'Arial Black',sans-serif;font-size:38px;letter-spacing:.2px;margin:12px 0 0;line-height:1.05}.power-section-heading h2 em{color:#c5adff;font-style:normal}.home .text-button{color:#fff5df;font-size:11px;font-weight:650}.power-section-heading .text-button{white-space:nowrap;padding:12px 0}.power-section-heading .text-button span{color:#dcff50;font-size:20px;margin-left:8px}.home-power-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-power{--card:#ffb298;position:relative;text-align:left;border:2px solid #080f20;border-radius:13px;background:var(--card);padding:18px 15px 16px;color:#16213a;box-shadow:0 5px 0 #070e2080;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.home-power:nth-child(2){--card:#ffe180}.home-power:nth-child(3){--card:#c8adff}.home-power:nth-child(4){--card:#ffbadc}.home-power:nth-child(5){--card:#bcb9ff}.home-power:nth-child(6){--card:#a4eac7}.home-power:after{content:'';position:absolute;right:-22px;top:-20px;width:90px;height:90px;background:radial-gradient(#16213a22 1px,transparent 1px);background-size:7px 7px;border-radius:50%;pointer-events:none}.home-power img{width:54px;height:54px;filter:drop-shadow(0 4px 0 #16213a18);transition:transform .2s}.power-caption{display:block;margin-top:16px}.power-caption strong{font-family:Impact,'Arial Black',sans-serif;font-size:19px;letter-spacing:.2px;line-height:1;display:block}.power-caption small{display:block;font-size:10px;line-height:1.5;margin-top:8px;color:#27334ccc;min-height:30px}.power-corner{position:absolute;right:13px;top:14px;font-size:17px}.home-power:hover{transform:translateY(-6px) rotate(-2deg);box-shadow:3px 9px 0 #070e2080;filter:none}.home-power:hover img{transform:rotate(12deg) scale(1.1)}.two-key-note{display:flex;align-items:center;gap:18px;margin:23px 0 0;padding:0 6px}.two-key-note>span:first-child{white-space:nowrap}.two-key-note kbd{font-family:Impact,'Arial Black',sans-serif;font-size:24px;border:2px solid #8396b0;border-radius:9px;background:#202e48;color:#fff5df;box-shadow:0 4px 0 #060e21;display:inline-block;padding:6px 11px;margin-right:6px;transform:rotate(-5deg)}.two-key-note kbd+ kbd{transform:rotate(5deg)}.two-key-note p{font-size:11px;color:#93a8c7;line-height:1.7;margin:0}.two-key-note p strong{color:#bdcde3;font-weight:550}.note-scribble{margin-left:auto;color:#ffb7a8;font-family:'Comic Sans MS',cursive;font-size:14px;transform:rotate(-5deg);white-space:nowrap}
.home .bottom-strip{border-top:0;border-bottom:2px solid #fff5df13;padding:0 0 40px;gap:28px}.home .bottom-strip>div{padding:0 0 0 40px;border:0;position:relative}.step-number{position:absolute;left:0;top:0;font-family:Impact,'Arial Black',sans-serif;font-size:23px;color:#445575;transform:rotate(-6deg)}.home .bottom-strip strong{font-size:11px;letter-spacing:1px;color:#e3eadf}.home .bottom-strip p{margin:8px 0 0;font-size:11px;color:#8ea4c3;line-height:1.6}.home .leaderboard{gap:45px;grid-template-columns:1fr 1.35fr;padding-bottom:8px;align-items:center}.home .leaderboard h3{font-family:Impact,'Arial Black',sans-serif;font-size:41px;letter-spacing:0;line-height:1.02;margin:16px 0}.home .leaderboard p{color:#8fa4c3;font-size:11px;line-height:1.7}.home .leaders{border:2px dashed #7d90b13d;border-radius:15px;padding:22px 26px;background:#1a28413d;min-height:110px;display:flex;flex-direction:column;justify-content:center}.home .leader-row{border-color:#fff5df13;font-size:12px}.home .leader-row span{color:#8fa4c3}.home .leader-row span:nth-last-child(2){color:#dcff50}.home footer{border-top:2px solid #fff5df13;color:#758bac;font-size:9px;padding:25px 0 30px}.home footer .text-button{font-size:10px;color:#b9c9e1}
.overlay .modal{background:#1a2840;border:2px solid #5c6a8a;border-radius:20px;box-shadow:8px 9px 0 #050b1a66,0 30px 80px #0007}.overlay h2{font-weight:850;color:#fff5df}.overlay .primary{background:#dcff50;border:2px solid #0b1528;box-shadow:0 4px 0 #080f20;color:#14202e;font-weight:850}.overlay .eyebrow{color:#c5adff}.overlay .muted,.overlay .fine,.help-grid p{color:#aabbd4}.overlay .secondary{border-color:#8fa4c350;color:#d7e0f1}.overlay select{background:#111b32;color:#d7e0f1}.overlay .team{border-color:#dcff5044}.overlay .team-b{border-color:#76d5ed44}.overlay .power-guide-card{background:#111b3233;border-color:#ffffff18}.overlay .help-grid b{color:#fff5df}.overlay .power-guide summary{color:#dcff50}
@media(min-width:1600px){.home{padding-top:65px}}
@media(max-width:1150px){.home{padding:38px 30px 0;gap:40px 35px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.95fr)}.home h1{font-size:clamp(56px,6.8vw,78px)}.home .play-card{padding:26px 23px 21px}.home .play-card h2{font-size:42px}.hero-facts{gap:12px;font-size:9px}.hero-facts>span+span{padding-left:12px}.home-power-grid{gap:10px}.home-power{padding:16px 11px 13px}.power-caption strong{font-size:16px}.power-caption small{font-size:9px}.hand-note{font-size:11px}}
@media(max-width:900px){.home-power-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-power{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:15px;padding:18px 15px}.home-power img{width:48px;height:48px}.power-caption{margin:0}.power-caption small{min-height:0}.power-corner{font-size:13px;top:6px;right:7px}.hero-facts>span:last-child{display:none}.home .play-card h2{font-size:36px}.home .play-card .eyebrow{font-size:7px}.free-stamp{font-size:7px;padding:5px}.home .intro-copy{font-size:14px}.home .mode-picker small{font-size:6px}.home .secondary{font-size:10px}.art-caption{font-size:8px;padding:2px 0}.hand-note{font-size:10px}.scene-label{font-size:6px}.note-scribble{font-size:12px}}
@media(max-width:760px){body:not(.playing) .topbar{padding:0 21px;height:79px}.home{grid-template-columns:1fr;padding:31px 22px 0;gap:32px}.home .intro{display:contents}.hero-copy{order:1}.home .play-card{order:2;transform:none;width:100%;max-width:500px;justify-self:center;padding:27px 25px 22px}.hero-art{order:3;margin:8px -2px 0}.power-showcase{order:4;padding-top:28px}.home .bottom-strip{order:5;gap:23px;grid-template-columns:1fr;padding-bottom:30px}.home .leaderboard{order:6;grid-template-columns:1fr;gap:16px}.home footer{order:7}.home h1{font-size:clamp(49px,10.5vw,79px);letter-spacing:-1px;line-height:1.01;margin:20px 0 19px}.hero-eyebrow{font-size:8px;padding:7px 10px;letter-spacing:1.1px}.home .intro-copy{font-size:14px;line-height:1.7}.hero-facts{font-size:9px;margin-top:20px;gap:17px}.hero-facts b{font-size:11px}.home .play-card h2{font-size:43px;line-height:1;margin:24px 0 12px}.home .play-card h2 br{display:block}.home .play-card .eyebrow{font-size:8px}.free-stamp{font-size:8px}.home .mode-picker small{font-size:7px}.home .mode-picker button{padding:12px 3px}.home .secondary{font-size:11px}.home #find{font-size:15px;padding:16px}.scene-label{font-size:7px}.art-caption{font-size:8px}.hand-note{font-size:11px}.power-section-heading{align-items:start;gap:12px;flex-wrap:wrap}.power-section-heading h2{font-size:31px}.power-section-heading .text-button{padding:3px 0 0;font-size:10px}.home-power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.home-power{display:block;padding:17px 14px}.home-power img{width:46px;height:46px}.power-caption{margin-top:10px}.power-caption strong{font-size:18px}.power-caption small{font-size:10px;min-height:30px}.two-key-note{gap:12px;padding:0;align-items:center}.two-key-note kbd{font-size:19px;padding:5px 9px;margin-right:3px}.two-key-note p{font-size:9px}.note-scribble{display:none}.home .leaderboard h3{font-size:36px}.home .leaders{padding:20px;min-height:95px}.home footer{gap:13px;line-height:1.6}.home footer>span:last-child{flex-basis:100%}}
@media(max-width:380px){body:not(.playing) .topbar{padding:0 16px}.home{padding:25px 17px 0;gap:29px}.home h1{font-size:clamp(43px,10.5vw,49px)}.hero-eyebrow{font-size:7px;letter-spacing:.7px}.home .intro-copy{font-size:12px}.hero-facts{gap:12px;font-size:8px}.home .play-card{padding:25px 19px 20px}.home .play-card h2{font-size:39px}.home .play-card .eyebrow{font-size:7px}.free-stamp{font-size:7px}.home .secondary{font-size:10px}.home .mode-picker small{font-size:6px}.hero-facts>span+span{padding-left:10px}.power-section-heading h2{font-size:28px}.power-caption strong{font-size:16px}.power-caption small{font-size:9px}.home-power{padding:14px 12px}.hand-note{font-size:9px}.scene-label{font-size:6px}.art-caption{font-size:7px}.two-key-note p{font-size:8px}}
@media(prefers-reduced-motion:reduce){.chaos-scene *{animation:none!important}.home h1{transform:none}.home-power:hover,.home-power:hover img{transform:none}.home #find:hover{transform:none}}