.mode-buttons {
  display: flex;
  gap: 10px;
}

.mode-buttons .primary-btn {
  min-width: 210px;
}

.secondary-btn {
  min-width: 180px;
  padding: 14px 28px;
  border: 1px solid #3b526e;
  border-bottom: 5px solid #0a121e;
  background: #152338;
  color: #d7e8fa;
  font: 800 16px "Chakra Petch", "Noto Sans SC", sans-serif;
  letter-spacing: .08em;
  cursor: pointer;
}

.secondary-btn:hover {
  border-color: #6c8caf;
  background: #1c304a;
}

.play-mode-panel{width:min(1060px,94%);display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 5px}.mode-tile{position:relative;min-width:0;min-height:68px;padding:9px 10px;border:1px solid rgba(91,139,188,.72);border-bottom:4px solid #07101c;background:linear-gradient(180deg,rgba(22,45,70,.96),rgba(8,20,35,.96));color:#eaf3ff;text-align:left;cursor:pointer;font-family:"Noto Sans SC","Chakra Petch",sans-serif;box-shadow:0 0 16px rgba(0,0,0,.22)}.mode-tile:hover{border-color:#fff2a6;transform:translateY(-1px)}.mode-tile b{display:block;color:#fff;font:900 17px "Noto Sans SC","Chakra Petch",sans-serif;letter-spacing:.04em;line-height:1.1}.mode-tile span{display:block;margin-top:6px;color:#9fb4cc;font:800 10px "Noto Sans SC","Chakra Petch",sans-serif;line-height:1.25}.mode-tile kbd{position:absolute;right:8px;top:8px;margin:0}.mode-tile.primary-mode{background:#39a8ff;color:#06111f;border-color:#8bd2ff;border-bottom-color:#1474b7}.mode-tile.primary-mode b,.mode-tile.primary-mode span{color:#06111f}.mode-tile.home-mode{border-color:rgba(255,207,78,.74);background:linear-gradient(180deg,rgba(53,43,15,.96),rgba(12,22,27,.96))}.mode-tile.home-mode b{color:#fff2a6}.mode-tile.danger{border-color:rgba(255,82,111,.8);background:linear-gradient(180deg,rgba(68,18,34,.96),rgba(18,8,18,.96))}

.champion-screen{overflow:hidden;background:radial-gradient(circle at 50% 48%,#644912 0,#1b1c20 34%,#070b13 72%)}.champion-screen h2{font-family:"Noto Sans SC",sans-serif;font-size:52px;margin:0;color:#ffe889;text-shadow:0 0 22px #f4bb3d,5px 5px 0 #6c4612}.champion-scene{position:relative;width:420px;height:280px;margin:10px 0 2px}.trophy{position:absolute;left:75px;bottom:20px;width:130px;height:230px;filter:drop-shadow(0 0 20px #f9d65e);animation:trophy-rise 1.1s cubic-bezier(.2,.8,.2,1) both}.trophy-ball{position:absolute;left:20px;top:0;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff5aa 0,#f4c844 34%,#a96b12 78%);border:5px solid #f7db72}.trophy-ball:before,.trophy-ball:after{content:"";position:absolute;background:#925b12}.trophy-ball:before{left:41px;top:2px;width:5px;height:80px;transform:rotate(-20deg)}.trophy-ball:after{left:5px;top:42px;width:72px;height:5px;transform:rotate(18deg)}.trophy-stem{position:absolute;left:56px;top:79px;width:26px;height:105px;background:linear-gradient(90deg,#9d6415,#ffe77b,#b57616);transform:skew(-10deg)}.trophy-base{position:absolute;left:24px;bottom:0;width:92px;height:46px;background:linear-gradient(#f5cf5f,#8a5410);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-bottom:6px solid #ffed9b}.pixel-curry{position:absolute;right:70px;bottom:26px;width:105px;height:190px;animation:champ-bounce 1.25s ease-in-out infinite}.pixel-head{position:absolute;left:28px;top:12px;width:52px;height:47px;background:#c98658;border-top:9px solid #5a3827;box-shadow:0 0 18px #f4cf5a}.pixel-head span{position:absolute;left:10px;top:15px;width:7px;height:5px;background:#17120f;box-shadow:25px 0 #17120f}.pixel-jersey{position:absolute;left:17px;top:58px;width:72px;height:75px;background:#f6c643;border-left:8px solid #2f80ed;border-right:8px solid #2f80ed;color:#fff;font:900 26px "Chakra Petch";display:grid;place-items:center}.pixel-legs{position:absolute;left:24px;top:133px;width:21px;height:48px;background:#2f80ed;box-shadow:39px 0 #2f80ed}.raised-arm{position:absolute;right:-10px;top:27px;width:22px;height:78px;background:#c98658;transform:rotate(-17deg);transform-origin:bottom}.champ-ring{position:absolute;left:-4px;top:-12px;width:30px;height:26px;background:#ffe978;border:4px solid #fff2a6;color:#936014;display:grid;place-items:center;font-size:13px;box-shadow:0 0 18px 7px #fff19b;animation:ring-pulse .65s ease-in-out infinite alternate}.ring-burst{position:absolute;right:34px;top:11px;color:#fff5a8;font-size:48px;text-shadow:0 0 18px #fff,0 0 36px #ffd94d;animation:ring-spin 1.8s linear infinite}.champion-copy{font:700 13px "Chakra Petch","Noto Sans SC";letter-spacing:.16em;color:#d9c785;margin:0 0 18px}.confetti i{position:absolute;top:-25px;width:9px;height:20px;background:#f5cc4b;animation:confetti-fall 3s linear infinite}.confetti i:nth-child(2n){background:#3ca6ff}.confetti i:nth-child(3n){background:#ff5875}.confetti i:nth-child(1){left:8%;animation-delay:.1s}.confetti i:nth-child(2){left:16%;animation-delay:1.4s}.confetti i:nth-child(3){left:25%;animation-delay:.7s}.confetti i:nth-child(4){left:34%;animation-delay:2.1s}.confetti i:nth-child(5){left:43%;animation-delay:.3s}.confetti i:nth-child(6){left:52%;animation-delay:1.7s}.confetti i:nth-child(7){left:61%;animation-delay:.9s}.confetti i:nth-child(8){left:69%;animation-delay:2.4s}.confetti i:nth-child(9){left:77%;animation-delay:.5s}.confetti i:nth-child(10){left:84%;animation-delay:1.9s}.confetti i:nth-child(11){left:91%;animation-delay:1.1s}.confetti i:nth-child(12){left:96%;animation-delay:2.7s}@keyframes trophy-rise{from{transform:translateY(190px) scale(.65);opacity:0}to{transform:none;opacity:1}}@keyframes champ-bounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(3deg)}}@keyframes ring-pulse{to{transform:scale(1.25);box-shadow:0 0 28px 12px #fff6b8}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(760px) rotate(620deg);opacity:.8}}
.pixel-curry.lebron .pixel-head{background:#8f5738;border-top-color:#191311}.pixel-curry.lebron .pixel-head:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:8px;background:#191311;clip-path:polygon(0 0,18% 70%,32% 20%,50% 85%,68% 20%,82% 70%,100% 0,100% 100%,0 100%)}.pixel-curry.lebron .raised-arm{background:#8f5738}.pixel-curry.lebron .pixel-jersey{background:#6d3e96;border-color:#f5cf4e}.pixel-curry.lebron .pixel-legs{background:#6d3e96;box-shadow:39px 0 #6d3e96}
.champion-screen[class*="star-"]{background:linear-gradient(180deg,rgba(3,8,17,.12),rgba(3,8,17,.84)),radial-gradient(ellipse at 50% 105%,var(--champ-glow) 0 7%,var(--champ-primary) 8% 27%,#07111f 52%,#02050b 82%)}.champion-screen[class*="star-"]:before{content:"";position:absolute;inset:8% 5% 30%;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.1) 31px 32px),repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,.06) 19px 20px);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);opacity:.42;pointer-events:none}.champion-screen[class*="star-"]:after{content:"";position:absolute;left:50%;bottom:8%;width:76%;height:25%;transform:translateX(-50%);border:4px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 50% 0,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%);pointer-events:none}.champion-screen[class*="star-"] h2{color:var(--champ-glow);text-shadow:0 0 20px var(--champ-primary),4px 4px 0 rgba(0,0,0,.55)}.champion-screen[class*="star-"] .pixel-head{background:var(--champ-skin);border-top-color:var(--champ-hair);box-shadow:0 0 18px var(--champ-glow)}.champion-screen[class*="star-"] .raised-arm{background:var(--champ-skin)}.champion-screen[class*="star-"] .pixel-jersey{background:var(--champ-primary);border-color:var(--champ-secondary)}.champion-screen[class*="star-"] .pixel-legs{background:var(--champ-secondary);box-shadow:39px 0 var(--champ-secondary)}.champion-screen[class*="star-"] .arena-scoreboard{border-color:var(--champ-glow);box-shadow:0 0 24px var(--champ-primary);color:var(--champ-glow)}.champion-screen[class*="star-"] .arena-banners i{background:var(--champ-primary);color:#fff}.champion-screen[class*="star-"] .arena-crowd{background:radial-gradient(circle,var(--champ-glow) 0 2px,transparent 3px) 0 0/22px 17px,radial-gradient(circle,var(--champ-primary) 0 2px,transparent 3px) 11px 8px/25px 19px,linear-gradient(#101b2d,#050912)}.champion-screen[class*="star-"] .arena-floor:before,.champion-screen[class*="star-"] .arena-floor:after{border-color:var(--champ-primary)}.champion-screen[class*="star-"] .arena-floor b{color:var(--champ-primary)}.champion-screen[class*="star-"] .team-crest{background:var(--champ-glow);border-color:var(--champ-primary)}.champion-screen[class*="star-"] .team-crest i{border-color:var(--champ-primary)}.champion-screen[class*="star-"] .team-crest i:before,.champion-screen[class*="star-"] .team-crest i:after{border-color:var(--champ-primary)}.champion-screen[class*="star-"] .team-crest strong{color:var(--champ-primary)}.champion-screen[class*="star-"] .score-crest{background:var(--champ-glow);border-color:var(--champ-primary)}.champion-screen[class*="star-"] .score-crest:before{border-color:var(--champ-primary);border-top:0}.pixel-curry.bearded .pixel-head:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:8px;background:var(--champ-hair);clip-path:polygon(0 0,18% 70%,32% 20%,50% 85%,68% 20%,82% 70%,100% 0,100% 100%,0 100%)}.champion-jordan .pixel-head{border-top-color:var(--champ-skin)!important;border-top-width:3px}.champion-jordan .pixel-head:before{content:"";position:absolute;left:4px;top:-6px;width:44px;height:9px;background:rgba(255,255,255,.18)}.champion-kobe .pixel-head{box-shadow:0 -4px 0 var(--champ-secondary),0 0 18px var(--champ-glow)}.champion-durant .pixel-head{width:46px;height:53px;left:31px}.champion-giannis .pixel-head{height:55px;top:5px}.champion-doncic .pixel-head{border-top-width:12px}.champion-jokic .pixel-head{width:58px;left:25px}
.champion-screen.curry-arena{background:linear-gradient(180deg,rgba(3,14,31,.1),rgba(3,9,18,.82)),radial-gradient(ellipse at 50% 105%,#f6c643 0 7%,#1d428a 8% 27%,#07152b 52%,#02050b 82%)}.champion-screen.lebron-arena{background:linear-gradient(180deg,rgba(16,4,29,.08),rgba(8,3,15,.84)),radial-gradient(ellipse at 50% 105%,#f5cf4e 0 7%,#552583 8% 27%,#170624 52%,#030107 82%)}.champion-screen.curry-arena:before,.champion-screen.lebron-arena:before{content:"";position:absolute;inset:8% 5% 30%;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.1) 31px 32px),repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,.06) 19px 20px);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);opacity:.42;pointer-events:none}.champion-screen.curry-arena:after,.champion-screen.lebron-arena:after{content:"";position:absolute;left:50%;bottom:8%;width:76%;height:25%;transform:translateX(-50%);border:4px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 50% 0,transparent 0 20%,rgba(255,255,255,.12) 21% 22%,transparent 23%);pointer-events:none}.champion-screen.curry-arena .eyebrow:after{content:"  ·  BAY AREA HOME COURT"}.champion-screen.lebron-arena .eyebrow:after{content:"  ·  PURPLE & GOLD HOME COURT"}.champion-screen.curry-arena .champion-scene,.champion-screen.lebron-arena .champion-scene{z-index:1}.champion-screen.curry-arena h2,.champion-screen.lebron-arena h2,.champion-screen.curry-arena .champion-copy,.champion-screen.lebron-arena .champion-copy,.champion-screen.curry-arena .mode-buttons,.champion-screen.lebron-arena .mode-buttons{position:relative;z-index:2}.champion-screen.curry-arena h2{color:#ffc72c;text-shadow:0 0 20px #1d428a,4px 4px 0 #1d428a}.champion-screen.lebron-arena h2{color:#f5cf4e;text-shadow:0 0 20px #552583,4px 4px 0 #552583}
.home-arena{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arena-scoreboard{position:absolute;z-index:1;top:42px;left:50%;width:260px;height:54px;transform:translateX(-50%);display:grid;place-items:center;background:#080d16;border:4px solid #ffc72c;box-shadow:0 0 24px #1d428a;color:#ffc72c;font:900 18px "Chakra Petch";letter-spacing:.13em}.arena-scoreboard span{font-size:7px;color:#fff;letter-spacing:.24em;margin-top:-8px}.arena-banners{position:absolute;z-index:1;top:36px;right:45px;display:flex;gap:8px}.arena-banners i{width:35px;height:54px;padding-top:7px;background:#ffc72c;color:#1d428a;font:900 8px "Chakra Petch";font-style:normal;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);text-align:center}.arena-crowd{position:absolute;left:20px;right:20px;top:112px;height:210px;background:radial-gradient(circle,#ffc72c 0 2px,transparent 3px) 0 0/22px 17px,radial-gradient(circle,#4da3ff 0 2px,transparent 3px) 11px 8px/25px 19px,linear-gradient(#101b2d,#050912);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);opacity:.8}.arena-floor{position:absolute;left:-5%;right:-5%;bottom:-9%;height:43%;background:repeating-linear-gradient(90deg,#bc773a 0 55px,#ce8b47 56px 110px);border-top:8px solid #f0c47b;transform:perspective(500px) rotateX(48deg);transform-origin:bottom}.arena-floor:before{content:"";position:absolute;left:50%;top:18%;width:210px;height:210px;border:8px solid #1d428a;border-radius:50%;transform:translateX(-50%)}.arena-floor:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:7px solid #1d428a}.arena-floor b{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:1;color:#1d428a;font:900 30px "Chakra Petch";letter-spacing:.08em}.arena-hoop{position:absolute;z-index:2;right:40px;top:175px;width:105px;height:80px;border:8px solid rgba(235,244,255,.75);border-bottom:0}.arena-hoop:before{content:"";position:absolute;left:20px;bottom:-9px;width:70px;border-top:8px solid #ef553d}.arena-hoop:after{content:"";position:absolute;left:50px;top:80px;height:120px;border-left:9px solid #aeb8c5}.arena-hoop i{position:absolute;left:28px;top:73px;width:54px;height:42px;border:3px solid #fff;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);background:repeating-linear-gradient(70deg,transparent 0 7px,rgba(255,255,255,.7) 8px 9px)}.champion-screen.lebron-arena .arena-scoreboard{border-color:#f5cf4e;box-shadow:0 0 24px #552583;color:#f5cf4e}.champion-screen.lebron-arena .arena-banners i{background:#552583;color:#f5cf4e}.champion-screen.lebron-arena .arena-crowd{background:radial-gradient(circle,#f5cf4e 0 2px,transparent 3px) 0 0/22px 17px,radial-gradient(circle,#9d65c7 0 2px,transparent 3px) 11px 8px/25px 19px,linear-gradient(#21102e,#08040d)}.champion-screen.lebron-arena .arena-floor:before,.champion-screen.lebron-arena .arena-floor:after{border-color:#552583}.champion-screen.lebron-arena .arena-floor b{color:#552583}.champion-screen>.eyebrow,.champion-screen>h2,.champion-screen>.champion-scene,.champion-screen>.champion-copy,.champion-screen>.mode-buttons{position:relative;z-index:4}
.champion-screen .arena-scoreboard{top:105px;left:42px;width:205px;height:54px;transform:none;font-size:15px;letter-spacing:.1em}
.team-crest{position:absolute;left:50%;top:33%;width:150px;height:150px;transform:translate(-50%,-50%);z-index:2;border:10px solid #1d428a;border-radius:50%;background:#ffc72c;box-shadow:inset 0 0 0 5px #fff,0 0 18px rgba(0,0,0,.35)}.team-crest i{position:absolute;left:30px;top:30px;width:72px;height:55px;border:7px solid #1d428a;border-top:0;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.team-crest i:before{content:"";position:absolute;left:27px;top:-22px;height:78px;border-left:7px solid #1d428a}.team-crest i:after{content:"";position:absolute;left:-13px;top:10px;width:90px;border-top:6px solid #1d428a;transform:rotate(-8deg)}.team-crest strong{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);color:#1d428a;font:900 12px "Chakra Petch";letter-spacing:.06em}.score-crest{position:absolute;left:8px;top:8px;width:31px;height:31px;border:4px solid #1d428a;border-radius:50%;background:#ffc72c;box-shadow:inset 0 0 0 2px #fff}.score-crest:before{content:"";position:absolute;left:6px;top:8px;width:14px;height:10px;border:3px solid #1d428a;border-top:0}.champion-screen.lebron-arena .team-crest{background:#f5cf4e;border-color:#552583}.champion-screen.lebron-arena .team-crest i{width:68px;height:68px;left:32px;top:22px;border:6px solid #552583;border-radius:50%;clip-path:none}.champion-screen.lebron-arena .team-crest i:before,.champion-screen.lebron-arena .team-crest i:after{content:"";position:absolute;left:4px;width:58px;border-top:5px solid #552583;transform:rotate(25deg)}.champion-screen.lebron-arena .team-crest i:before{top:24px}.champion-screen.lebron-arena .team-crest i:after{top:38px;transform:rotate(-25deg)}.champion-screen.lebron-arena .team-crest strong{color:#552583}.champion-screen.lebron-arena .score-crest{background:#f5cf4e;border-color:#552583}.champion-screen.lebron-arena .score-crest:before{border-color:#552583;border-top:0}
.extra-modes{margin-top:8px}.extra-modes button{min-width:160px;padding:10px 18px;font-size:12px}.start-screen .microcopy{margin-top:9px}
.start-screen{background:linear-gradient(90deg,rgba(3,8,17,.26),rgba(3,8,17,.76) 34%,rgba(3,8,17,.8) 66%,rgba(3,8,17,.28)),linear-gradient(180deg,rgba(3,8,17,.08),rgba(3,8,17,.7)),url("assets/nba-start-poster-v2.png") center/cover no-repeat;backdrop-filter:none}.start-screen>*{position:relative;z-index:2}.start-screen:before{border-color:rgba(93,145,207,.72);box-shadow:inset 0 0 70px rgba(0,0,0,.52);z-index:1}.start-screen h1{color:#fff5c9;text-shadow:4px 4px 0 #1d428a,0 0 24px #ffc72c}.start-screen .control-card{background:rgba(5,12,24,.88);backdrop-filter:blur(4px)}
.roster-select{width:min(980px,92%);display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.roster-select section{background:rgba(5,12,24,.86);border:1px solid rgba(92,131,176,.55);padding:10px}.roster-select h2{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;font:800 12px "Noto Sans SC","Chakra Petch",sans-serif;color:#dcecff;letter-spacing:.08em}.roster-select h2 strong{color:#fff2a6;font:900 11px "Noto Sans SC","Chakra Petch",sans-serif;letter-spacing:0}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.star-pick{position:relative;min-width:0;height:118px;display:grid;grid-template-rows:76px 18px 12px;place-items:center;text-align:center;border:1px solid #30445f;background:#0b1421;color:#eaf3ff;cursor:pointer;padding:6px;overflow:hidden}.star-pick:hover{border-color:#79a8d9;background:#12243a}.star-pick.selected{border-color:#fff2a6;background:#172338;box-shadow:0 0 0 2px rgba(255,220,95,.35),0 0 18px rgba(255,213,83,.32)}.pick-photo{position:relative;width:82px;height:76px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#1b2f49,#07111f);border-bottom:3px solid var(--trim)}.pick-photo img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block}.pick-photo .pick-avatar{display:none}.pick-photo.fallback img{display:none}.pick-photo.fallback .pick-avatar{position:relative;width:62px;height:68px;display:block;background:transparent;border:0;box-shadow:none}.pick-avatar:before{content:"";position:absolute;left:12px;top:10px;width:38px;height:42px;background:var(--skin);border-top:8px solid var(--hair);box-shadow:-5px 17px 0 -1px var(--skin),5px 17px 0 -1px var(--skin),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar:after{content:"";position:absolute;left:17px;top:50px;width:28px;height:13px;background:var(--jersey);border-left:6px solid var(--trim);border-right:6px solid var(--trim);box-shadow:0 0 10px rgba(255,255,255,.12)}.pick-avatar i{position:absolute;left:23px;top:27px;width:5px;height:3px;background:#130d09;box-shadow:13px 0 #130d09;z-index:2}.pick-avatar .mouth{position:absolute;left:29px;top:42px;width:8px;height:3px;background:#3b2018;z-index:3}.pick-avatar .detail{position:absolute;z-index:4}.pick-avatar.curry:before{border-top-width:10px;box-shadow:-7px 15px 0 -1px var(--hair),7px 15px 0 -1px var(--hair),-4px -5px 0 -1px var(--hair),4px -7px 0 -1px var(--hair),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.curry .detail{left:25px;top:39px;width:16px;height:8px;border-bottom:4px solid var(--hair);border-left:3px solid var(--hair);border-right:3px solid var(--hair)}.pick-avatar.lebron:before{border-top-width:11px;box-shadow:-7px 22px 0 -1px var(--hair),7px 22px 0 -1px var(--hair),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.lebron .detail{left:20px;top:35px;width:26px;height:15px;border-left:5px solid var(--hair);border-right:5px solid var(--hair);border-bottom:7px solid var(--hair)}.pick-avatar.jordan:before{top:8px;height:45px;border-top-color:var(--skin);border-top-width:3px;box-shadow:0 -2px 0 2px rgba(255,255,255,.16),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.jordan .detail{left:20px;top:36px;width:24px;height:4px;background:#3b2018}.pick-avatar.kobe:before{border-top-width:6px;box-shadow:0 -3px 0 var(--trim),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.kobe .detail{left:22px;top:38px;width:22px;height:8px;border-bottom:4px solid #2b1712}.pick-avatar.durant:before{left:15px;width:32px;height:47px;border-top-width:7px;box-shadow:-4px 18px 0 -1px var(--hair),4px 18px 0 -1px var(--hair),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.durant .detail{left:24px;top:39px;width:18px;height:9px;border-bottom:5px solid var(--hair)}.pick-avatar.giannis:before{height:47px;border-top-width:10px;box-shadow:-8px 19px 0 -1px var(--hair),8px 19px 0 -1px var(--hair),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.giannis .detail{left:19px;top:34px;width:28px;height:17px;border-left:5px solid var(--hair);border-right:5px solid var(--hair);border-bottom:7px solid var(--hair)}.pick-avatar.doncic:before{border-top-width:12px;box-shadow:-5px 15px 0 -1px var(--hair),5px 15px 0 -1px var(--hair),0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.doncic .detail{left:22px;top:39px;width:22px;height:9px;border-bottom:4px solid #6a442d}.pick-avatar.jokic:before{left:11px;width:40px;height:44px;border-top-width:8px;box-shadow:0 0 0 2px rgba(0,0,0,.22)}.pick-avatar.jokic:after{width:32px;left:15px}.pick-avatar.jokic .detail{left:21px;top:37px;width:24px;height:5px;background:#7a5236}.star-pick b{font-size:11px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star-pick em{font:800 9px "Chakra Petch";font-style:normal;color:#fff2a6;line-height:1}.star-pick small{position:absolute;right:4px;top:4px;padding:1px 4px;background:#fff2a6;color:#09111c;font:900 8px "Noto Sans SC";line-height:1.4;z-index:3}
@media(max-width:900px){.roster-select{grid-template-columns:1fr;max-height:340px;overflow:auto}.roster-grid{grid-template-columns:repeat(2,1fr)}.star-pick{height:104px;grid-template-rows:66px 17px 11px}.pick-photo{width:74px;height:66px}}
.start-screen .controls-grid{margin-bottom:8px}.start-screen .subtitle{margin:7px 0 10px}.roster-select{width:min(900px,90%);gap:10px;margin:0 0 6px}.roster-select section{padding:8px}.roster-select h2{margin-bottom:6px}.roster-grid{gap:6px}.star-pick{height:84px;grid-template-rows:50px 15px 10px;padding:5px;background:linear-gradient(180deg,rgba(13,29,48,.94),rgba(5,13,24,.96));border-color:rgba(89,132,178,.62)}.star-pick:hover{background:linear-gradient(180deg,rgba(22,45,70,.96),rgba(8,20,35,.96))}.pick-photo{width:58px;height:50px;background:linear-gradient(180deg,rgba(52,96,139,.75) 0,rgba(21,48,76,.82) 46%,rgba(176,111,54,.82) 47%,rgba(123,70,34,.88) 100%);border:1px solid rgba(126,164,203,.6);border-bottom:3px solid var(--trim);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.pick-photo:before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:rgba(255,255,255,.3);z-index:1}.pick-photo:after{content:"";position:absolute;left:50%;bottom:5px;width:34px;height:18px;transform:translateX(-50%);border:2px solid rgba(255,255,255,.32);border-bottom:0;border-radius:18px 18px 0 0;z-index:1}.pick-photo img{width:58px;height:50px;object-fit:cover;object-position:50% 8%;z-index:2}.pick-photo.fallback .pick-avatar{transform:scale(.68);transform-origin:center bottom}.star-pick b{font-size:10px}.star-pick em{font-size:8px}.extra-modes{margin-top:6px}.extra-modes button{padding:8px 16px}.start-screen .microcopy{margin-top:5px}
@media(max-width:900px){.roster-select{max-height:250px}.star-pick{height:76px;grid-template-rows:44px 14px 9px}.pick-photo,.pick-photo img{width:52px;height:44px}}
.start-screen h1{font-size:clamp(34px,4.7vw,60px)}.roster-select{width:min(860px,90%);grid-template-columns:1fr 1fr}.roster-select h2{display:grid;grid-template-columns:auto 1fr auto;align-items:center;font-size:11px;letter-spacing:.04em}.roster-select h2 span{justify-self:center;color:#8fb3d8;font:800 9px "Noto Sans SC","Chakra Petch",sans-serif;letter-spacing:0}.star-pick{height:78px;grid-template-rows:45px 14px 9px}.pick-photo,.pick-photo img{width:52px;height:45px}.pick-photo:before{top:20px}.pick-photo:after{bottom:4px;width:30px;height:16px}.star-pick.selected:before{content:"";position:absolute;inset:2px;border:2px solid var(--trim);pointer-events:none}.star-pick.selected b{color:#fff2a6}.mode-buttons{margin-top:0}.primary-btn{padding:12px 24px}.extra-modes button{padding:7px 14px}.start-screen .microcopy{font-size:10px}
@media(max-width:900px){.roster-select{grid-template-columns:1fr 1fr;max-height:none;overflow:visible;width:96%;gap:8px}.roster-grid{grid-template-columns:repeat(4,1fr);gap:5px}.roster-select section{padding:6px}.roster-select h2{font-size:10px}.roster-select h2 span{display:none}.star-pick{height:66px;grid-template-rows:38px 12px 8px;padding:4px}.pick-photo,.pick-photo img{width:44px;height:38px}.star-pick b{font-size:8px}.star-pick em{font-size:7px}}
@media(max-width:900px){.play-mode-panel{grid-template-columns:repeat(3,1fr);width:96%;gap:5px}.mode-tile{min-height:50px;padding:6px 7px}.mode-tile b{font-size:12px}.mode-tile span{font-size:8px;margin-top:3px}.mode-tile kbd{display:none}}
.roster-select{width:min(1020px,92%);gap:8px;margin-bottom:5px}.roster-select section{padding:6px}.roster-grid{grid-template-columns:repeat(4,1fr);gap:5px}.star-pick{height:61px;grid-template-rows:35px 12px 8px;padding:3px}.pick-photo,.pick-photo img{width:42px;height:35px}.pick-photo:before{top:15px}.pick-photo:after{bottom:3px;width:24px;height:12px;border-width:1px}.pick-photo.fallback .pick-avatar{transform:scale(.54);transform-origin:center bottom}.star-pick b{font-size:8px}.star-pick em{font-size:7px}.star-pick small{font-size:7px;right:2px;top:2px;padding:1px 3px}.start-screen .controls-grid{margin-bottom:5px;gap:12px}.start-screen .subtitle{margin:4px 0 7px}.play-mode-panel{margin-top:5px}.start-screen .microcopy{margin-top:4px}
@media(max-width:900px){.roster-select{width:97%;gap:6px}.roster-select section{padding:5px}.roster-grid{grid-template-columns:repeat(4,1fr);gap:4px}.star-pick{height:52px;grid-template-rows:29px 10px 7px;padding:2px}.pick-photo,.pick-photo img{width:34px;height:29px}.star-pick b{font-size:7px}.star-pick em{font-size:6px}.star-pick small{display:none}.play-mode-panel{grid-template-columns:repeat(3,1fr)}}
.champion-quote{position:relative;z-index:4;max-width:min(780px,88%);margin:-6px 0 16px;padding:10px 20px;border:1px solid rgba(255,238,162,.45);background:rgba(5,12,24,.78);color:#fff3bf;font:900 18px "Noto Sans SC","Chakra Petch",sans-serif;line-height:1.45;text-shadow:0 0 14px rgba(255,214,88,.45);box-shadow:0 0 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.06)}.champion-screen[class*="star-"] .champion-quote{border-color:color-mix(in srgb,var(--champ-glow) 70%,white);color:#fff7d5;text-shadow:0 0 14px var(--champ-primary)}
@media(max-width:800px){.champion-quote{font-size:12px;max-width:92%;margin:-4px 0 10px;padding:7px 10px}}
.champion-screen[class*="star-"] .score-crest{display:grid;place-items:center;background:var(--team-primary);border-color:var(--team-secondary);color:var(--team-secondary);font:900 9px "Chakra Petch","Noto Sans SC",sans-serif;letter-spacing:-.04em;text-align:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 0 16px var(--team-primary)}.champion-screen[class*="star-"] .score-crest:before{content:none}.champion-screen[class*="star-"] .arena-scoreboard{border-color:var(--team-secondary);box-shadow:0 0 24px var(--team-primary);color:var(--team-secondary)}.champion-screen[class*="star-"] .team-crest{background:var(--team-secondary);border-color:var(--team-primary)}.champion-screen[class*="star-"] .team-crest strong{color:var(--team-primary)}
.loss-pep{max-width:min(620px,86%);margin:6px auto 16px;padding:10px 16px;border:1px solid rgba(255,82,111,.55);background:rgba(34,8,16,.74);color:#ffd8df;font:800 15px "Noto Sans SC","Chakra Petch",sans-serif;line-height:1.55;text-shadow:0 0 14px rgba(255,82,111,.45);box-shadow:0 0 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.06)}.loss-pep.hidden{display:none}
.upgrade-panel{width:min(720px,88%);margin:2px auto 14px;padding:12px;border:1px solid rgba(255,242,166,.5);background:rgba(5,12,24,.82);box-shadow:0 0 24px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.06)}.upgrade-panel.hidden{display:none}.upgrade-panel h3{margin:0 0 10px;color:#fff2a6;font:900 16px "Noto Sans SC","Chakra Petch",sans-serif;letter-spacing:.08em}.upgrade-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.upgrade-panel button{min-height:82px;padding:10px;border:1px solid rgba(91,139,188,.72);background:linear-gradient(180deg,rgba(22,45,70,.96),rgba(8,20,35,.96));color:#eaf3ff;text-align:left;cursor:pointer;font-family:"Noto Sans SC","Chakra Petch",sans-serif}.upgrade-panel button:hover{border-color:#fff2a6;transform:translateY(-1px);box-shadow:0 0 18px rgba(255,220,95,.24)}.upgrade-panel b{display:block;margin-bottom:5px;color:#fff2a6;font-size:14px}.upgrade-panel span{display:block;color:#aebed0;font-size:11px;line-height:1.45}
.result-celebration{--celebration-primary:#39a8ff;--celebration-secondary:#f5cf4e;position:relative;width:300px;min-height:210px;margin:4px auto 16px;border:1px solid color-mix(in srgb,var(--celebration-secondary) 65%,white);background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.16),rgba(5,12,24,.95) 62%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));box-shadow:0 0 30px rgba(0,0,0,.42),0 0 22px color-mix(in srgb,var(--celebration-primary) 40%,transparent),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}.result-celebration:before{content:"";position:absolute;left:24px;right:24px;bottom:24px;height:30px;border:4px solid color-mix(in srgb,var(--celebration-secondary) 65%,white);border-top:0;border-radius:50%;opacity:.5}.result-celebration.hidden{display:none}.result-celebration strong,.result-celebration em{display:none}.celebration-player{position:absolute;left:50%;bottom:32px;width:132px;height:154px;transform:translateX(-50%);filter:drop-shadow(0 0 18px var(--celebration-primary));animation:celebration-bob .75s ease-in-out infinite alternate}.celebration-player i{position:absolute;display:block}.celebration-player .head{left:46px;top:0;width:42px;height:42px;background:#c98658;border-top:9px solid #5a3827;box-shadow:0 0 0 3px rgba(0,0,0,.14)}.celebration-player .torso{left:34px;top:44px;width:66px;height:66px;background:var(--celebration-primary);border-left:8px solid var(--celebration-secondary);border-right:8px solid var(--celebration-secondary);box-shadow:inset 0 -8px 0 rgba(0,0,0,.12)}.celebration-player .leg{bottom:0;width:17px;height:36px;background:var(--celebration-secondary)}.celebration-player .leg.left{left:42px}.celebration-player .leg.right{left:73px}.celebration-player .arm{width:12px;height:70px;background:var(--celebration-secondary);transform-origin:top center}.celebration-player .prop{display:none}.celebration-curry .celebration-player{width:116px;height:136px}.celebration-curry .arm.left{left:6px;top:34px;transform:rotate(65deg)}.celebration-curry .arm.right{right:6px;top:34px;transform:rotate(-65deg)}.celebration-curry .prop.one{display:block;left:50px;top:8px;width:28px;height:8px;background:var(--celebration-secondary)}.celebration-lebron .celebration-player{width:138px;height:160px}.celebration-lebron .head{left:48px}.celebration-lebron .torso{left:31px;width:76px;height:72px}.celebration-lebron .arm.left{left:18px;top:31px;transform:rotate(-28deg)}.celebration-lebron .arm.right{right:18px;top:31px;transform:rotate(28deg)}.celebration-lebron .prop.one{display:block;left:36px;top:-25px;width:70px;height:34px;border:7px solid var(--celebration-secondary);border-bottom:0;clip-path:polygon(0 100%,18% 20%,36% 100%,50% 0,64% 100%,82% 20%,100% 100%)}.celebration-jordan .arm.left{left:-3px;top:44px;transform:rotate(78deg)}.celebration-jordan .arm.right{right:-3px;top:44px;transform:rotate(-78deg)}.celebration-jordan .prop.one,.celebration-jordan .prop.two{display:block;top:23px;width:25px;height:25px;background:var(--celebration-secondary)}.celebration-jordan .prop.one{left:-22px}.celebration-jordan .prop.two{right:-22px}.celebration-kobe .arm.left{left:28px;top:55px;transform:rotate(22deg)}.celebration-kobe .arm.right{left:81px;top:-24px;height:100px;transform:rotate(0)}.celebration-kobe .prop.one{display:block;left:73px;top:-43px;width:26px;height:26px;background:var(--celebration-secondary);border-radius:50%}.celebration-durant .celebration-player{height:174px}.celebration-durant .head{top:0}.celebration-durant .torso{top:46px;height:78px}.celebration-durant .arm.left{left:10px;top:56px;transform:rotate(52deg)}.celebration-durant .arm.right{right:-18px;top:2px;height:116px;transform:rotate(-58deg)}.celebration-durant .prop.one{display:block;right:-46px;top:-9px;width:30px;height:30px;border:6px solid var(--celebration-secondary);border-radius:50%}.celebration-giannis .celebration-player{width:150px;height:178px}.celebration-giannis .head{left:54px}.celebration-giannis .torso{left:35px;width:82px;height:82px}.celebration-giannis .arm.left{left:4px;top:24px;height:96px;transform:rotate(34deg)}.celebration-giannis .arm.right{right:4px;top:24px;height:96px;transform:rotate(-34deg)}.celebration-giannis .prop.one,.celebration-giannis .prop.two{display:block;top:2px;width:24px;height:24px;background:var(--celebration-secondary)}.celebration-giannis .prop.one{left:-2px}.celebration-giannis .prop.two{right:-2px}.celebration-doncic .arm.left{left:6px;top:54px;transform:rotate(70deg)}.celebration-doncic .arm.right{right:6px;top:54px;transform:rotate(-70deg)}.celebration-doncic .prop.one{display:block;left:14px;top:-18px;width:110px;height:110px;border:7px solid var(--celebration-secondary);border-radius:50%}.celebration-doncic .prop.two{display:block;left:39px;top:6px;width:60px;border-top:7px solid var(--celebration-secondary);transform:rotate(-18deg)}.celebration-jokic .celebration-player{width:156px;height:184px}.celebration-jokic .head{left:56px;width:46px;height:44px}.celebration-jokic .torso{left:35px;top:48px;width:88px;height:84px}.celebration-jokic .leg{height:42px}.celebration-jokic .arm.left{left:-6px;top:40px;width:13px;height:126px;transform:rotate(78deg)}.celebration-jokic .arm.right{right:-6px;top:40px;width:13px;height:126px;transform:rotate(-78deg)}.celebration-jokic .prop.one{display:block;right:-48px;top:8px;width:34px;height:34px;border:7px solid var(--celebration-secondary);border-radius:50%}@keyframes celebration-bob{to{transform:translateX(-50%) translateY(-10px) rotate(-2deg)}}
@media(max-width:800px){.loss-pep{font-size:12px;max-width:92%;padding:8px 10px}}
@media(max-width:800px){.upgrade-panel{width:92%;padding:8px}.upgrade-panel>div{grid-template-columns:1fr}.upgrade-panel button{min-height:58px}.upgrade-panel h3{font-size:13px}.upgrade-panel b{font-size:12px}.upgrade-panel span{font-size:10px}}
.celebration-player .head{background:var(--celebration-skin);border-top-color:var(--celebration-hair)}.celebration-player .head:before{content:"";position:absolute;left:8px;top:15px;width:6px;height:4px;background:#130d09;box-shadow:20px 0 #130d09}.celebration-player .head b{position:absolute;left:9px;right:9px;bottom:3px;height:7px;border-left:4px solid var(--celebration-hair);border-right:4px solid var(--celebration-hair);border-bottom:4px solid var(--celebration-hair)}.celebration-player .head span{position:absolute;left:15px;bottom:10px;width:12px;height:3px;background:#3b2018}.celebration-jordan .head{border-top-width:3px}.celebration-jordan .head b{display:none}.celebration-kobe .head{box-shadow:0 -4px 0 var(--celebration-secondary),0 0 0 3px rgba(0,0,0,.14)}.celebration-durant .head{height:50px}.celebration-giannis .head{height:49px}.celebration-doncic .head{border-top-width:12px}.celebration-jokic .head{width:48px}.celebration-player .torso b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:900 24px "Chakra Petch";text-shadow:3px 3px 0 rgba(0,0,0,.28)}
@media(max-width:800px){.result-celebration{width:180px;min-height:124px;margin-bottom:10px}.celebration-player{transform:translateX(-50%) scale(.72);transform-origin:center bottom}@keyframes celebration-bob{to{transform:translateX(-50%) translateY(-7px) rotate(-2deg) scale(.72)}}}