*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
:root{
  --simpson-sky:#6fd2ff;
  --simpson-cloud:#dff6ff;
  --simpson-yellow:#ffe234;
  --simpson-orange:#ffb120;
  --simpson-red:#f25f4c;
  --simpson-blue:#2f6df6;
  --simpson-panel:#223160;
  --simpson-panel-2:#31467f;
  --simpson-ink:#10162d;
  --simpson-cream:#fff7d6;
  --simpson-green:#67b95f;
}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{display:block;font-family:"Trebuchet MS","Arial Rounded MT Bold","Avenir Next Condensed",Verdana,sans-serif;background:var(--simpson-sky);color:var(--simpson-cream)}
#app{position:relative;width:100vw;height:100vh;height:100dvh;background:
  radial-gradient(circle at 18% 16%,rgba(255,255,255,.64),transparent 12%),
  radial-gradient(circle at 30% 12%,rgba(255,255,255,.52),transparent 10%),
  radial-gradient(circle at 78% 14%,rgba(255,255,255,.6),transparent 12%),
  linear-gradient(180deg,#91e0ff 0%,#6fd2ff 36%,#98dd68 37%,#5eb649 100%);
overflow:hidden}
#game{position:absolute;inset:0}
#game::before,#game::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2}
#game::before{background:
  radial-gradient(circle at 20% 16%,rgba(255,255,255,.18),transparent 22%),
  radial-gradient(circle at 82% 15%,rgba(255,255,255,.14),transparent 24%),
  radial-gradient(circle at 50% 72%,rgba(255,216,74,.08),transparent 34%);
mix-blend-mode:screen}
#game::after{background:
  radial-gradient(ellipse at center,transparent 58%,rgba(16,22,45,.22) 100%),
  linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,rgba(16,22,45,.12) 100%)}
canvas{display:block;width:100%;height:100%;touch-action:none}
.hidden{display:none!important}
.loadingOverlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:linear-gradient(180deg,#8fe1ff 0%,#e6fbff 44%,#81c95b 45%,#4a8f3f 100%);color:#fff;text-align:center;transition:opacity .28s ease,visibility .28s ease}
.loadingOverlay.done{opacity:0;visibility:hidden;pointer-events:none}
.loadingBrand{font-size:34px;font-weight:1000;letter-spacing:.01em;color:var(--simpson-yellow);text-shadow:-2px 0 0 #000,2px 0 0 #000,0 3px 0 rgba(0,0,0,.32)}
.loadingTitle{font-size:19px;font-weight:950;color:var(--simpson-ink);text-shadow:0 1px 0 rgba(255,255,255,.55)}
.loadingText{min-height:20px;color:#23416a;font-size:13px;font-weight:850}
.loadingBar{width:min(72%,300px);height:12px;border-radius:999px;overflow:hidden;background:rgba(16,22,45,.26);box-shadow:inset 0 0 0 2px rgba(16,22,45,.14)}
.loadingBar span{display:block;width:8%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--simpson-yellow),var(--simpson-orange),var(--simpson-red));transition:width .22s ease}
.loadingRetryBtn{height:38px;border:0;border-radius:999px;padding:0 16px;background:var(--simpson-yellow);color:var(--simpson-ink);font-size:13px;font-weight:950;box-shadow:0 10px 0 #d98200,0 12px 24px rgba(0,0,0,.2)}
.hud{position:absolute;inset:0;pointer-events:none;z-index:5}
.topbar{position:absolute;left:10px;right:10px;top:8px;display:grid;grid-template-columns:1fr auto auto 1fr;gap:6px;align-items:center}
.recordHud{position:absolute;left:14px;right:14px;top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;pointer-events:none;z-index:7}
.recordCenterGroup{display:grid;grid-auto-flow:column;gap:10px;align-items:center}
.recordChip{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;background:rgba(8,20,36,.9);box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.08);color:#f8fafc;font-weight:950;letter-spacing:0}
.recordMatch{justify-content:flex-start;font-size:24px;line-height:1.05;min-width:0;text-align:left}
.recordTimer{font-size:22px;color:#fef08a;min-width:98px}
.recordScore{font-size:34px;min-width:144px}
.hud.hideHelp .skillHint,.hud.hideHelp .statusLine{display:none!important}
.hud.hideAll .topbar,.hud.hideAll .cameraFollowBtn,.hud.hideAll .skillHint,.hud.hideAll .statusLine,.hud.hideAll .goalToast,.hud.hideAll .cameraZoomDock,.hud.hideAll .matchSpeedBtn,.hud.hideAll .skillRow{display:none!important}
.hud.hideAll #refereeReticle,.hud.hideAll #refereeJoystick,.hud.hideAll #refereeActionPad{display:block}
.hud.hideAll #refereeReticle.hidden,.hud.hideAll #refereeJoystick.hidden,.hud.hideAll #refereeActionPad.hidden{display:none!important}
.chip{min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:14px;background:rgba(24,35,63,.92);box-shadow:0 8px 0 rgba(12,19,37,.55),0 12px 24px rgba(0,0,0,.16),inset 0 0 0 2px rgba(255,255,255,.08);font-size:13px;font-weight:900;letter-spacing:.02em}
.score{font-size:24px;min-width:106px;color:#fff}
.timer{min-width:76px;color:#fef08a}
.phase{justify-self:end}
.cameraFollowBtn{position:absolute;right:10px;top:58px;height:34px;min-width:92px;border:0;border-radius:8px;padding:0 10px;background:rgba(8,20,36,.84);color:#dbeafe;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:auto}
.cameraFollowBtn.active{background:#f8fafc;color:#0f172a;box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 3px rgba(14,165,233,.34)}
.skillHint{position:absolute;left:50%;top:62px;transform:translateX(-50%);max-width:calc(100% - 20px);padding:8px 12px;border-radius:8px;background:rgba(15,23,42,.76);font-size:13px;font-weight:800;text-align:center;color:#e0f2fe;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.goalToast{position:absolute;left:50%;top:108px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:10px 14px;border-radius:8px;background:rgba(250,204,21,.95);color:#422006;font-size:15px;font-weight:950;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.24);pointer-events:none;z-index:7}
.goalToast.miss{background:rgba(100,116,139,.94);color:#f8fafc}
.statusLine{position:absolute;right:10px;top:118px;min-height:28px;max-width:44%;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.88);color:#0f172a;font-size:12px;font-weight:900;opacity:.94;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.statusLine:empty{display:none}
.refereeReticle{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);z-index:6;pointer-events:none}
.refereeReticle::before,.refereeReticle::after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,255,255,.86);box-shadow:0 0 8px rgba(0,0,0,.42)}
.refereeReticle::before{width:28px;height:2px;transform:translate(-50%,-50%)}
.refereeReticle::after{width:2px;height:28px;transform:translate(-50%,-50%)}
.hudSettingsBtn{position:absolute;left:10px;bottom:76px;width:64px;height:38px;border:0;border-radius:8px;background:rgba(8,20,36,.9);color:#e2e8f0;font-size:12px;font-weight:950;box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:auto;z-index:6}
.cameraZoomDock{position:absolute;left:84px;bottom:76px;width:148px;height:38px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:rgba(8,20,36,.82);box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:auto;z-index:6}
.matchSpeedBtn{position:absolute;left:240px;bottom:76px;min-width:58px;height:38px;border:0;border-radius:8px;padding:0 12px;background:rgba(8,20,36,.9);color:#f8fafc;font-size:13px;font-weight:950;box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:auto;z-index:6}
.matchSpeedBtn.active{background:#f8fafc;color:#0f172a;box-shadow:0 12px 26px rgba(0,0,0,.26),0 0 0 3px rgba(56,189,248,.28)}
.cameraZoomSlider{width:100%;accent-color:#38bdf8;touch-action:none}
.refereeJoystick{position:absolute;left:18px;bottom:124px;width:92px;height:92px;border-radius:50%;background:rgba(8,20,36,.48);box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 0 0 2px rgba(255,255,255,.16);pointer-events:auto;z-index:8;touch-action:none}
.refereeJoystickKnob{position:absolute;left:50%;top:50%;width:38px;height:38px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(248,250,252,.9);box-shadow:0 8px 18px rgba(0,0,0,.3),inset 0 0 0 1px rgba(15,23,42,.18)}
.refereeActionPad{position:absolute;right:14px;bottom:76px;width:116px;height:132px;pointer-events:auto;z-index:8}
.refereeActionBtn{position:absolute;width:50px;height:50px;border:0;border-radius:50%;background:rgba(8,20,36,.88);color:#f8fafc;font-size:24px;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.14);touch-action:manipulation}
.refereeActionBtn.cast{left:33px;top:0;background:rgba(250,204,21,.95);color:#422006}
#refereeCrouchBtn{left:0;bottom:0}
#refereeJumpBtn{right:0;bottom:0}
.refereeFlying #refereeJumpBtn{background:#38bdf8;color:#082f49}
.refereeFlying #refereeCrouchBtn{background:#94a3b8;color:#0f172a}
.skillRow{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(54px,76px));gap:8px;pointer-events:auto}
.skillBtn{height:48px;border:0;border-radius:16px;background:rgba(24,35,63,.92);color:#fff7d6;font-size:15px;font-weight:900;box-shadow:0 8px 0 rgba(12,19,37,.52),0 12px 26px rgba(0,0,0,.18),inset 0 0 0 2px rgba(255,255,255,.06);touch-action:manipulation}
.skillBtn.active{background:var(--simpson-yellow);color:var(--simpson-ink);box-shadow:0 8px 0 #d98200,0 12px 26px rgba(0,0,0,.22),0 0 0 3px rgba(255,255,255,.24)}
.skillBtn:disabled{opacity:.46}
.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);max-height:calc(100% - 20px);overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:88px 16px 16px;border-radius:28px;background:linear-gradient(180deg,rgba(34,49,96,.96),rgba(49,70,127,.95));box-shadow:0 18px 0 rgba(10,16,34,.46),0 28px 70px rgba(0,0,0,.22),inset 0 0 0 3px rgba(255,255,255,.08);z-index:10}
.homeControls{position:absolute;left:12px;right:12px;top:48px;display:flex;gap:6px;align-items:center;flex-wrap:nowrap;justify-content:flex-start;overflow:hidden}
.topTextBtn,.topIconBtn{height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff7d6;font-weight:950;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.topTextBtn{min-width:0;padding:0 8px;font-size:11px;flex:1 1 0;white-space:nowrap;letter-spacing:-.01em}
.topIconBtn{width:38px;font-size:18px;line-height:1}
.topLeftSettings{position:absolute;left:12px;top:10px;z-index:2}
.panelTitle{font-size:30px;line-height:.96;font-weight:1000;text-align:center;color:var(--simpson-yellow);text-shadow:-2px 0 0 #000,2px 0 0 #000,0 4px 0 rgba(0,0,0,.28);margin-top:4px}
.panelSub,.panelNote{text-align:center;color:#d6e7ff;font-size:12px;font-weight:800}
.walletChip{align-self:center;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,var(--simpson-yellow),var(--simpson-orange));color:var(--simpson-ink);font-size:13px;font-weight:1000;box-shadow:0 6px 0 #d98200,0 10px 24px rgba(0,0,0,.2)}
.walletChipTop{position:absolute;left:58px;top:10px;align-self:auto;padding:0 10px;height:34px;display:flex;align-items:center;border-radius:999px;font-size:11px;box-shadow:0 5px 0 #d98200,0 10px 20px rgba(0,0,0,.18);z-index:2}
.walletChip.compact{align-self:flex-start}
.pickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;overflow:auto;padding:2px 4px 4px;min-height:0}
.pickerGrid,.customPanel,.shopList,.customMatchList{scrollbar-width:none;-ms-overflow-style:none}
.pickerGrid::-webkit-scrollbar,.customPanel::-webkit-scrollbar,.shopList::-webkit-scrollbar,.customMatchList::-webkit-scrollbar{width:0;height:0;display:none}
.teamChoice{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:8px;border:0;border-radius:18px;background:rgba(255,255,255,.1);color:#fff7d6;text-align:left;box-shadow:0 5px 0 rgba(11,18,34,.34),inset 0 0 0 2px rgba(255,255,255,.08)}
.teamChoice.active{background:rgba(255,226,52,.26);box-shadow:0 5px 0 rgba(11,18,34,.34),inset 0 0 0 3px var(--simpson-yellow)}
.flagBox{width:42px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0f172a;font-size:25px;overflow:hidden}
.flagBox img{width:100%;height:100%;object-fit:cover}
.teamName{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.teamMeta{margin-top:2px;font-size:11px;font-weight:800;color:#a7f3d0}
.panelActions{display:flex;justify-content:center;gap:8px}
.homeBottomActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.homeBottomActions .secondaryBtn{width:100%;padding:12px 10px;font-size:15px}
.primaryBtn{border:0;border-radius:18px;padding:13px 20px;background:linear-gradient(180deg,var(--simpson-yellow),var(--simpson-orange));color:var(--simpson-ink);font-size:16px;font-weight:1000;box-shadow:0 7px 0 #d98200,0 12px 24px rgba(0,0,0,.22)}
.secondaryBtn{border:0;border-radius:18px;padding:13px 20px;background:linear-gradient(180deg,#4e6db8,#31467f);color:#fff7d6;font-size:16px;font-weight:950;box-shadow:0 7px 0 #203056,0 12px 24px rgba(0,0,0,.16)}
.primaryBtn:disabled{opacity:.45}
.primaryBtn.small{padding:10px 16px;font-size:14px}
.secondaryBtn.small{padding:10px 16px;font-size:14px}
.secondaryBtn.full{width:100%;padding:12px 16px;font-size:15px}
.eventPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);height:auto;max-height:calc(100% - 28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(24,35,63,.98),rgba(32,47,81,.96));box-shadow:0 14px 0 rgba(8,12,23,.5),0 24px 70px rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.08);z-index:12;text-align:center;overflow:hidden}
.eventPanel:has(.matchStatsView),.eventPanel.statsMode{height:calc(100% - 28px)}
.eventTitle{font-size:24px;font-weight:950}
.eventBody{font-size:14px;line-height:1.5;color:#cbd5e1;font-weight:700;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}
.characterLabBody{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;text-align:center}
.characterLabHero{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:20px;align-items:center;margin:4px 0 18px;padding:18px;border-radius:24px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.24),transparent 30%),linear-gradient(160deg,rgba(10,24,66,.92),rgba(28,72,154,.9) 52%,rgba(141,205,255,.88));box-shadow:0 16px 40px rgba(3,10,28,.45),inset 0 0 0 1px rgba(255,255,255,.14)}
.characterLabHeroCopy{display:grid;gap:10px;text-align:left}
.characterLabHeroTitle{font-size:22px;font-weight:1000;color:#fff7d6;letter-spacing:.04em;text-transform:uppercase}
.characterLabHeroText{max-width:560px;font-size:13px;line-height:1.65;color:#eef7ff}
.simpsonsBust{position:relative;width:300px;height:360px;margin:0 auto}
.bustAura{position:absolute;inset:10px 36px 46px;border-radius:46% 46% 40% 40%;background:radial-gradient(circle at 50% 24%,rgba(255,249,209,.98),rgba(255,226,82,.72) 36%,rgba(255,166,0,0) 70%);filter:blur(14px);opacity:.95}
.bustShadow{position:absolute;left:46px;right:36px;bottom:10px;height:46px;border-radius:50%;background:radial-gradient(circle,rgba(7,16,36,.58),rgba(7,16,36,0) 72%);filter:blur(10px)}
.bustPlatform{position:absolute;left:86px;right:72px;bottom:28px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(236,243,255,.9),rgba(134,155,198,.88));box-shadow:0 8px 18px rgba(5,12,28,.28)}
.bustTorso{position:absolute;left:54px;right:42px;bottom:42px;height:152px;border-radius:38px 38px 28px 28px;background:linear-gradient(180deg,#ffffff 0%,#f1f6ff 26%,#d6e3f8 66%,#b8cce8 100%);box-shadow:inset -18px -18px 28px rgba(149,174,210,.7),inset 14px 16px 18px rgba(255,255,255,.94),0 14px 20px rgba(9,22,49,.3)}
.shirtChest{position:absolute;left:44px;right:44px;top:32px;bottom:18px;border-radius:24px;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.98),rgba(243,248,255,.92) 38%,rgba(206,220,242,.9) 100%)}
.shirtFold{position:absolute;height:3px;border-radius:999px;background:rgba(120,145,188,.42);filter:blur(.2px)}
.shirtFold1{left:64px;right:86px;top:76px;transform:rotate(-8deg)}
.shirtFold2{left:94px;right:60px;top:98px;transform:rotate(10deg)}
.shirtCollar{position:absolute;top:10px;width:50px;height:42px;background:linear-gradient(180deg,#f7f8ff,#d9e5ff);clip-path:polygon(0 0,100% 0,64% 100%,28% 66%);filter:drop-shadow(0 3px 2px rgba(16,30,64,.2))}
.shirtCollar.left{left:66px;transform:scaleX(-1) rotate(-8deg)}
.shirtCollar.right{right:66px;transform:rotate(-8deg)}
.shirtSleeve{position:absolute;top:30px;width:56px;height:92px;border-radius:26px;background:linear-gradient(180deg,#fbfdff,#d6e0f6)}
.shirtSleeve.left{left:-10px;transform:rotate(18deg)}
.shirtSleeve.right{right:-10px;transform:rotate(-18deg)}
.bustNeck{position:absolute;left:128px;top:160px;width:52px;height:76px;border-radius:24px;background:linear-gradient(180deg,#ffd51f 0%,#f0bf00 62%,#d69a00 100%);box-shadow:inset -6px -10px 12px rgba(168,100,0,.18),inset 3px 6px 7px rgba(255,227,94,.34)}
.bustHead{position:absolute;left:54px;top:10px;width:206px;height:246px}
.headBack{position:absolute;left:16px;top:0;width:168px;height:226px;border-radius:38% 50% 46% 38%/36% 44% 42% 48%;background:radial-gradient(circle at 34% 20%,#ffe15a 0%,#ffd51f 16%,#f6c400 44%,#e5af00 82%,#ca8800 100%);box-shadow:inset -14px -20px 28px rgba(177,112,0,.28),inset 10px 10px 14px rgba(255,224,94,.34),0 16px 18px rgba(12,23,48,.24)}
.skullCap{position:absolute;left:46px;top:10px;width:120px;height:72px;border-radius:50%;background:radial-gradient(circle at 45% 26%,rgba(255,222,74,.52),rgba(255,210,27,.08) 70%,rgba(255,210,27,0) 100%)}
.foreheadGlow{position:absolute;left:36px;top:30px;width:104px;height:54px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,66,.34),rgba(255,220,66,0) 72%)}
.ear{position:absolute;right:18px;top:128px;width:30px;height:48px;border-radius:48% 52% 50% 46%;background:linear-gradient(180deg,#ffd31d,#e7ab00);box-shadow:inset -4px -6px 8px rgba(149,92,0,.24);transform:rotate(-8deg)}
.ear::before{content:"";position:absolute;left:8px;top:12px;width:10px;height:16px;border-radius:50%;border-left:2px solid rgba(121,69,0,.55)}
.earShadow{position:absolute;right:28px;top:140px;width:20px;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(104,61,0,.24),rgba(104,61,0,0) 72%)}
.hairArc{position:absolute;border:3px solid #1a1d26;border-color:#1a1d26 transparent transparent transparent;border-radius:50%}
.hairArc1{left:38px;top:24px;width:54px;height:86px;transform:rotate(60deg)}
.hairArc2{left:64px;top:6px;width:84px;height:126px;transform:rotate(18deg)}
.sideContour{position:absolute;left:24px;top:124px;width:150px;height:88px;border-radius:54% 54% 44% 46%;background:radial-gradient(circle at 70% 36%,rgba(179,117,0,0),rgba(150,92,0,.18) 72%,rgba(110,69,0,.28) 100%);opacity:.55}
.eye{position:absolute;top:82px;width:60px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff 0%,#f8fbff 56%,#d6dfea 100%);box-shadow:0 4px 8px rgba(10,18,35,.12)}
.eyeLeft{left:42px}
.eyeRight{left:88px}
.pupil{position:absolute;top:28px;left:22px;width:14px;height:14px;border-radius:50%;background:#111;box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.brow{position:absolute;top:74px;width:46px;height:12px;border-radius:50%;border-top:2px solid rgba(90,58,0,.42)}
.browLeft{left:46px;transform:rotate(-6deg)}
.browRight{left:102px;transform:rotate(5deg)}
.cheek{position:absolute;top:126px;width:34px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,55,.34),rgba(255,216,55,0) 74%)}
.cheekLeft{left:48px}
.cheekRight{left:130px}
.muzzle{position:absolute;left:42px;top:116px;width:134px;height:94px;border-radius:56% 60% 46% 48%;background:radial-gradient(circle at 42% 25%,#ffe05d 0%,#ffd31c 30%,#efbb00 78%,#d59200 100%);box-shadow:inset -10px -10px 16px rgba(171,105,0,.22),inset 7px 8px 10px rgba(255,222,78,.34)}
.muzzleHighlight{position:absolute;left:58px;top:130px;width:66px;height:26px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,64,.28),rgba(255,220,64,0) 72%)}
.noseBridge{position:absolute;left:118px;top:100px;width:28px;height:82px;border-radius:20px;background:linear-gradient(180deg,#ffd31d,#eeb300);transform:rotate(12deg);box-shadow:inset -4px -8px 8px rgba(153,92,0,.18)}
.noseTip{position:absolute;left:128px;top:140px;width:48px;height:36px;border-radius:50% 56% 52% 48%;background:linear-gradient(180deg,#ffd11b,#e4a700);box-shadow:inset -5px -7px 8px rgba(153,92,0,.18)}
.noseShadow{position:absolute;left:108px;top:144px;width:58px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(124,75,0,.24),rgba(124,75,0,0) 72%)}
.mouth{position:absolute;left:74px;top:170px;width:78px;height:20px;border-bottom:5px solid #46230d;border-radius:0 0 42px 42px;transform:rotate(-4deg)}
.mouthInner{position:absolute;left:92px;top:180px;width:40px;height:20px;border-radius:0 0 24px 24px;background:linear-gradient(180deg,#6b2514,#2a0907)}
.lowerLip{position:absolute;left:88px;top:176px;width:40px;height:10px;border-radius:50%;background:radial-gradient(circle,rgba(122,54,19,.42),rgba(122,54,19,0) 72%)}
.chinFold{position:absolute;left:72px;top:198px;width:72px;height:12px;border-bottom:3px solid rgba(118,72,0,.46);border-radius:0 0 40px 40px}
.beardMask{position:absolute;left:56px;top:136px;width:120px;height:70px;border-radius:44% 50% 42% 44%;background:radial-gradient(circle at 46% 25%,rgba(194,155,106,.2),rgba(126,98,69,.48) 58%,rgba(64,46,29,.72) 100%);mix-blend-mode:multiply;opacity:.46}
.jawShadow{position:absolute;left:60px;top:174px;width:110px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 20%,rgba(121,74,0,.16),rgba(121,74,0,0) 72%)}
.characterLabCard{display:grid;gap:8px;padding:10px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:0 5px 0 rgba(11,18,34,.3),inset 0 0 0 2px rgba(255,255,255,.06)}
.characterLabAvatar{position:relative;height:180px;border-radius:16px;background:linear-gradient(180deg,#93e2ff 0%,#80d7ff 46%,#79c85e 47%,#69b84b 100%);overflow:hidden}
.characterLabAvatar.upgraded::before,.characterLabAvatar.upgraded::after{display:none}
.characterLabAvatar.upgraded{background:linear-gradient(180deg,#9be4ff 0%,#85d7ff 44%,#86d164 45%,#73bd50 100%)}
.characterLabAvatar.upgraded .labBody{position:absolute;left:50%;bottom:20px;width:84px;height:72px;transform:translateX(-50%);border-radius:26px 26px 18px 18px;background:linear-gradient(180deg,#3f54b5,#3142a1);box-shadow:inset -10px -12px 12px rgba(27,39,101,.34),inset 10px 8px 10px rgba(104,129,240,.2)}
.characterLabAvatar.upgraded .labHead{position:absolute;left:50%;top:22px;width:76px;height:84px;transform:translateX(-50%);border-radius:42% 42% 38% 36%/38% 38% 44% 46%;background:radial-gradient(circle at 34% 24%,#ffe05c 0%,#ffd41f 20%,#f5c200 62%,#d78e00 100%);box-shadow:inset -8px -10px 12px rgba(158,102,0,.22),inset 5px 6px 8px rgba(255,220,74,.34)}
.characterLabAvatar.upgraded .labEar{position:absolute;right:25px;top:66px;width:14px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffd31c,#dc9900)}
.characterLabAvatar.upgraded .labSnout{position:absolute;left:50%;top:62px;width:52px;height:30px;transform:translateX(-50%);border-radius:40% 44% 38% 38%;background:radial-gradient(circle at 38% 28%,#ffe05c 0%,#ffd41f 34%,#efbc00 100%);box-shadow:inset -6px -6px 8px rgba(154,98,0,.18)}
.characterLabAvatar.upgraded .labEye{position:absolute;top:48px;width:21px;height:25px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.12)}
.characterLabAvatar.upgraded .labEye.left{left:27px}
.characterLabAvatar.upgraded .labEye.right{right:27px}
.characterLabAvatar.upgraded .labPupil{position:absolute;bottom:7px;width:6px;height:6px;border-radius:50%;background:#111}
.characterLabAvatar.upgraded .labEye.left .labPupil{right:4px}
.characterLabAvatar.upgraded .labEye.right .labPupil{left:4px}
.characterLabAvatar.upgraded .labMouth{position:absolute;left:50%;top:84px;width:32px;height:12px;transform:translateX(-50%);border-bottom:4px solid #3f2416;border-radius:0 0 18px 18px}
.characterLabAvatar.upgraded .labHair{position:absolute;left:50%;top:10px;transform:translateX(-50%)}
.characterLabAvatar.upgraded .labHair.homer .arc{position:absolute;border:2px solid #1c1c1c;border-color:#1c1c1c transparent transparent transparent;border-radius:50%}
.characterLabAvatar.upgraded .labHair.homer .arc.a1{left:2px;top:12px;width:20px;height:28px;transform:rotate(54deg)}
.characterLabAvatar.upgraded .labHair.homer .arc.a2{left:18px;top:0;width:30px;height:44px;transform:rotate(18deg)}
.characterLabAvatar.upgraded .labHair.bart{width:88px;height:34px}
.characterLabAvatar.upgraded .labHair.bart::before{content:"";position:absolute;left:14px;top:16px;width:58px;height:14px;border-radius:10px;background:linear-gradient(180deg,#ffd938,#efba00);opacity:.96}
.characterLabAvatar.upgraded .labHair.bart .spike{position:absolute;bottom:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:26px solid #f6c600;filter:drop-shadow(0 2px 0 rgba(183,124,0,.32))}
.characterLabAvatar.upgraded .labHair.bart .s1{left:0}
.characterLabAvatar.upgraded .labHair.bart .s2{left:12px;border-left-width:9px;border-right-width:9px;border-bottom-width:30px}
.characterLabAvatar.upgraded .labHair.bart .s3{left:28px;border-bottom-width:28px}
.characterLabAvatar.upgraded .labHair.bart .s4{left:42px;border-left-width:9px;border-right-width:9px;border-bottom-width:31px}
.characterLabAvatar.upgraded .labHair.bart .s5{left:58px;border-bottom-width:27px}
.characterLabAvatar.upgraded .labHair.bart .s6{left:72px;border-bottom-width:24px}
.characterLabAvatar.upgraded .labHair.bart .spike::after{content:"";position:absolute;left:-6px;top:8px;width:12px;height:12px;background:linear-gradient(180deg,rgba(255,241,162,.8),rgba(255,241,162,0));clip-path:polygon(50% 0,100% 100%,0 100%)}
.characterLabAvatar.upgraded .labHair.lisa{width:92px;height:92px}
.characterLabAvatar.upgraded .labHair.lisa::before{content:"";position:absolute;left:22px;top:22px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ffdd52 0%,#f5c200 72%,rgba(245,194,0,0) 74%)}
.characterLabAvatar.upgraded .labHair.lisa .petal{position:absolute;width:20px;height:28px;background:linear-gradient(180deg,#ffdd52,#f6c500 62%,#db9800 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}
.characterLabAvatar.upgraded .labHair.lisa .p1{left:36px;top:0}
.characterLabAvatar.upgraded .labHair.lisa .p2{left:54px;top:8px;transform:rotate(42deg)}
.characterLabAvatar.upgraded .labHair.lisa .p3{left:62px;top:26px;transform:rotate(88deg)}
.characterLabAvatar.upgraded .labHair.lisa .p4{left:56px;top:46px;transform:rotate(126deg)}
.characterLabAvatar.upgraded .labHair.lisa .p5{left:36px;top:56px;transform:rotate(180deg)}
.characterLabAvatar.upgraded .labHair.lisa .p6{left:16px;top:46px;transform:rotate(232deg)}
.characterLabAvatar.upgraded .labHair.lisa .p7{left:8px;top:26px;transform:rotate(272deg)}
.characterLabAvatar.upgraded .labHair.lisa .p8{left:18px;top:8px;transform:rotate(316deg)}
.characterLabAvatar.upgraded .labHair.marge .tower{display:block;width:44px;height:78px;border-radius:20px 20px 14px 14px;background:linear-gradient(180deg,#4361e6,#2840bc);box-shadow:inset -6px -8px 8px rgba(21,33,99,.28)}
.characterLabAvatar.upgraded .labHair.moe{width:86px;height:34px}
.characterLabAvatar.upgraded .labHair.moe .slab{position:absolute;left:8px;top:2px;width:70px;height:18px;border-radius:12px;background:#7d542c}
.characterLabAvatar.upgraded .labHair.moe .side{position:absolute;top:14px;width:16px;height:22px;background:#7d542c}
.characterLabAvatar.upgraded .labHair.moe .side.left{left:4px;border-radius:0 0 6px 10px}
.characterLabAvatar.upgraded .labHair.moe .side.right{right:4px;border-radius:0 0 10px 6px}
.characterLabAvatar.upgraded .labHair.krusty{width:100px;height:56px}
.characterLabAvatar.upgraded .labHair.krusty .poof{position:absolute;top:12px;width:34px;height:34px;border-radius:50%;background:#72b24d}
.characterLabAvatar.upgraded .labHair.krusty .poof.left{left:2px}
.characterLabAvatar.upgraded .labHair.krusty .poof.right{right:2px}
.characterLabAvatar.upgraded.bart .labHead{border-radius:38% 38% 34% 34%/44% 44% 42% 42%;top:28px}
.characterLabAvatar.upgraded.bart .labSnout{top:78px;width:44px;height:22px}
.characterLabAvatar.upgraded.bart .labEye{top:54px}
.characterLabAvatar.upgraded.lisa .labHead{width:60px;height:64px;top:42px;border-radius:40% 40% 36% 36%/44% 44% 40% 40%}
.characterLabAvatar.upgraded.lisa .labSnout{top:74px;width:42px;height:24px}
.characterLabAvatar.upgraded.lisa .labEye{top:58px}
.characterLabAvatar.upgraded.marge .labHead{width:60px;height:70px;top:40px}
.characterLabAvatar.upgraded.marge .labSnout{top:72px;width:44px;height:24px}
.characterLabAvatar.upgraded.moe .labHead{width:74px;height:76px}
.characterLabAvatar.upgraded.krusty .labHead{width:68px;height:74px}
.characterLabAvatar::before{content:"";position:absolute;left:50%;top:22%;width:74px;height:74px;transform:translateX(-50%);border-radius:48% 48% 40% 40%;background:#ffd41e;box-shadow:0 0 0 2px rgba(0,0,0,.08)}
.characterLabAvatar::after{content:"";position:absolute;left:50%;bottom:26px;width:88px;height:74px;transform:translateX(-50%);border-radius:22px 22px 16px 16px;background:#2d4fbf}
.characterLabFace{position:absolute;left:50%;top:18px;width:92px;height:108px;transform:translateX(-50%);display:block}
.characterLabEye{position:absolute;top:34px;width:30px;height:36px;border-radius:50%;background:#fff}
.characterLabEye.left{left:14px}
.characterLabEye.right{right:14px}
.characterLabPupil{position:absolute;top:14px;width:8px;height:8px;border-radius:50%;background:#111}
.characterLabEye.left .characterLabPupil{right:5px}
.characterLabEye.right .characterLabPupil{left:5px}
.characterLabMouth{position:absolute;left:50%;bottom:16px;width:44px;height:16px;transform:translateX(-50%);border-bottom:4px solid #111;border-radius:0 0 20px 20px}
.characterLabLip{position:absolute;left:50%;bottom:24px;width:54px;height:18px;transform:translateX(-50%);border-radius:20px;background:#ffd41e}
.characterLabHair{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.characterLabHair.bart{display:flex;gap:2px}
.characterLabHair.bart span{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:22px solid #f9c510}
.characterLabHair.lisa{width:94px;height:94px;border-radius:50%;background:conic-gradient(from 0deg,#f9c510 0 20deg,transparent 20deg 30deg,#f9c510 30deg 50deg,transparent 50deg 60deg,#f9c510 60deg 80deg,transparent 80deg 90deg,#f9c510 90deg 110deg,transparent 110deg 120deg,#f9c510 120deg 140deg,transparent 140deg 150deg,#f9c510 150deg 170deg,transparent 170deg 180deg,#f9c510 180deg 200deg,transparent 200deg 210deg,#f9c510 210deg 230deg,transparent 230deg 240deg,#f9c510 240deg 260deg,transparent 260deg 270deg,#f9c510 270deg 290deg,transparent 290deg 300deg,#f9c510 300deg 320deg,transparent 320deg 330deg,#f9c510 330deg 350deg,transparent 350deg 360deg)}
.characterLabHair.homer{width:60px;height:28px}
.characterLabHair.homer::before,.characterLabHair.homer::after{content:"";position:absolute;border:2px solid #1d1d1d;border-color:#1d1d1d transparent transparent transparent;border-radius:50%;width:24px;height:26px;top:14px}
.characterLabHair.homer::before{left:3px;transform:rotate(52deg)}
.characterLabHair.homer::after{right:4px;transform:rotate(-14deg)}
.characterLabHair.marge{width:56px;height:72px;border-radius:24px 24px 18px 18px;background:#2b53df}
.characterLabHair.moe{width:92px;height:24px;background:#6d4622;border-radius:16px 16px 10px 10px}
.characterLabHair.moe::before,.characterLabHair.moe::after{content:"";position:absolute;top:14px;width:20px;height:30px;background:#6d4622}
.characterLabHair.moe::before{left:0;border-radius:0 0 8px 12px}
.characterLabHair.moe::after{right:0;border-radius:0 0 12px 8px}
.characterLabHair.krusty{width:110px;height:56px}
.characterLabHair.krusty::before,.characterLabHair.krusty::after{content:"";position:absolute;top:10px;width:36px;height:36px;border-radius:50%;background:#43a857}
.characterLabHair.krusty::before{left:0}
.characterLabHair.krusty::after{right:0}
.characterLabName{font-size:14px;font-weight:950;color:#fff7d6}
.characterLabMeta{font-size:11px;color:#cbd5e1}
@media (max-width:900px){
  .characterLabHero{grid-template-columns:1fr;text-align:center}
  .characterLabHeroCopy{text-align:center}
}
.eventActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.eventActions .primaryBtn,.eventActions .secondaryBtn{width:100%}
.eventActions .primaryBtn:only-child{grid-column:1/-1}
.matchStatsView{display:grid;gap:10px;text-align:left;padding-bottom:8px}
.matchStatGrid{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
.matchStatCell{min-height:34px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#f8fafc;text-align:center}
.matchStatLabel{font-size:11px;font-weight:950;color:#93c5fd;text-align:center}
.playerRatings{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ratingColumn{display:grid;gap:5px}
.ratingTitle{font-size:12px;font-weight:950;color:#fef08a;text-align:center}
.ratingRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.07);font-size:11px;font-weight:850;color:#e2e8f0}
.ratingRow span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ratingScore{color:#fff;font-weight:950}
.customPanel,.betPanel,.settingsPanel,.shopPanel,.customMatchPanel,.customPlayerPanel,.customPlayerEditPanel,.confirmPanel,.packShopPanel,.creatorPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 14px);max-height:calc(100% - 14px);display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,rgba(24,35,63,.98),rgba(32,47,81,.96));box-shadow:0 14px 0 rgba(8,12,23,.48),0 24px 70px rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.08);z-index:13}
.customPanel{height:calc(100% - 14px);overflow-y:auto;overscroll-behavior:contain}
.customMatchPanel{height:calc(100% - 28px);overflow:hidden}
.betPanel{overflow:hidden}
.settingsPanel{overflow:hidden;max-width:360px}
.settingRow.vertical{align-items:stretch;flex-direction:column;gap:8px}
.settingSlider{width:100%;accent-color:#38bdf8}
.shopPanel{height:calc(100% - 32px);overflow:hidden}
.settingRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.08);font-size:15px;font-weight:900;color:#f8fafc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.toggleBtn{position:relative;width:62px;height:34px;border:0;border-radius:999px;background:#475569;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.toggleBtn::after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#f8fafc;transition:transform .18s ease}
.toggleBtn.on{background:#16a34a}
.toggleBtn.on::after{transform:translateX(28px)}
.customHeader{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.customPanel>.customHeader{position:sticky;top:0;z-index:5;margin:-12px -12px 0;padding:12px;background:#081424;box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 -1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);align-items:center}
.customTitle{font-size:24px;font-weight:950}
.customSummary{font-size:13px;color:#cbd5e1;font-weight:700}
.iconBtn{border:0;border-radius:8px;width:40px;height:40px;background:#1e293b;color:#fff;font-size:26px;line-height:1}
.customToolbar{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.flagStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.flagChoice{border:0;border-radius:8px;padding:6px;background:#0f172a;color:#fff;height:88px;display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.flagChoice.active{box-shadow:inset 0 0 0 2px #f59e0b}
.flagChoice img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.customBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
.lineupPane,.cardsPane{display:flex;flex-direction:column;gap:8px;min-height:0}
.allCardsBtn{border:0;border-radius:8px;min-height:42px;padding:10px 12px;background:#0f172a;color:#f8fafc;font-size:13px;font-weight:950;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.allCardsBtn.active{background:#f8fafc;color:#0f172a;box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 0 3px rgba(14,165,233,.32)}
.lineupSlots{display:grid;grid-template-columns:1fr;gap:6px;min-height:0;overflow:visible;padding-right:0}
.countryFilterWrap{display:grid;gap:6px;margin-top:auto;padding-top:2px;font-size:12px;font-weight:900;color:#cbd5e1}
.countryFilterSelect{width:100%;height:40px;border:0;border-radius:8px;padding:0 10px;background:#0f172a;color:#f8fafc;font-size:13px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.slot{border:0;border-radius:8px;min-height:72px;padding:6px;background:rgba(255,255,255,.08);color:#e2e8f0;font-size:11px;font-weight:800;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.slot.selected{box-shadow:inset 0 0 0 2px #38bdf8}
.slot.empty{opacity:.78}
.slot small{color:#94a3b8}
.packRow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.packBtn{border:0;border-radius:8px;padding:10px 8px;background:#0f172a;color:#f8fafc;font-size:13px;font-weight:950;line-height:1.2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.packBtn span{font-size:11px;color:#cbd5e1;font-weight:700}
.inventoryTitle{font-size:14px;font-weight:900}
.drawResult{min-height:30px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800}
.cardInventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;overflow:visible;min-height:0;padding-bottom:4px}
.emptyInventory{grid-column:1/-1;min-height:62px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.08);color:#cbd5e1;font-size:13px;font-weight:800;text-align:center;padding:12px}
.cardTile{border:0;border-radius:18px;padding:6px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));color:#fff;min-height:148px;display:flex;flex-direction:column;gap:5px;box-shadow:0 5px 0 rgba(11,18,34,.34),inset 0 0 0 2px rgba(255,255,255,.08);text-align:left}
.cardTile.selected{box-shadow:inset 0 0 0 2px #fbbf24}
.cardArt{position:relative;width:100%;aspect-ratio:3/4;border-radius:14px;background:
  radial-gradient(circle at 50% 18%,rgba(255,255,255,.24),transparent 22%),
  linear-gradient(180deg,#8ddcff 0%,#7fd8ff 42%,#ffe685 43%,#ffcf4a 100%);
background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;padding:6px;overflow:hidden}
.cardArt.generatedArt{background-color:#111827}
.cardArt.generatedArt::before{content:"";position:absolute;inset:8px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.cardArt.hasPhoto .photoFallback{display:none}
.cardArt.hasPhoto .photoSilhouette{display:none}
.cardArt.generatedArt .photoSilhouette{display:none}
.photoSilhouette{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:1;width:58%;aspect-ratio:1;border-radius:50% 50% 22% 22%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,216,74,.92),rgba(255,176,47,.72));color:#6b3b02;font-size:13px;font-weight:1000;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}
.photoFallback{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;padding:5px 6px;border-radius:999px;background:rgba(24,35,63,.84);color:#fff7d6;font-size:10px;font-weight:900;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.gradeTag{align-self:flex-start;padding:2px 6px;border-radius:999px;background:rgba(15,23,42,.8);font-size:10px;font-weight:900}
.cardName{font-size:12px;font-weight:900}
.cardMeta{font-size:10px;color:#cbd5e1}
.levelTag{color:#fef08a;font-weight:950}
.customActionDock{position:sticky;bottom:0;z-index:5;display:grid;gap:8px;margin:0 -12px -12px;padding:10px 12px 12px;background:#081424;box-shadow:0 -16px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.customFooter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.customFooter .secondaryBtn,.customFooter .primaryBtn{padding:11px 10px;font-size:14px}
.customFooter #saveCustomBtn,.customFooter #customPlayerBtn{grid-column:auto}
.packShopPanel{z-index:17;max-width:560px}
.packShopTopNames{position:relative;display:flex;align-items:center;justify-content:center;min-height:138px;padding:10px 12px 12px;border-radius:12px;background:radial-gradient(circle at 50% 12%,rgba(250,204,21,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));overflow:hidden}
.packShopPodium{position:relative;display:grid;place-items:end center;width:min(100%,290px);height:114px}
.packShopSpotlight{position:absolute;top:-10px;width:72px;height:116px;opacity:.7;filter:blur(1px);background:linear-gradient(180deg,rgba(255,248,196,.35),rgba(250,204,21,.12) 28%,transparent 78%);clip-path:polygon(50% 0,100% 100%,0 100%)}
.packShopSpotlight.left{left:18px;transform:rotate(-10deg)}
.packShopSpotlight.right{right:18px;transform:rotate(10deg)}
.packShopPodiumNames{position:absolute;left:0;right:0;top:0;z-index:2;display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:end;gap:14px;padding:0 2px}
.packShopPodiumName{min-width:0;padding:6px 8px;border-radius:999px;background:rgba(15,23,42,.76);color:#f8fafc;font-size:11px;font-weight:900;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)}
.packShopPodiumName.gold{background:linear-gradient(180deg,rgba(146,64,14,.92),rgba(120,53,15,.82));box-shadow:0 0 0 1px rgba(253,224,71,.34),0 10px 20px rgba(0,0,0,.2)}
.packShopPodiumName.silver{background:linear-gradient(180deg,rgba(51,65,85,.92),rgba(30,41,59,.84));box-shadow:0 0 0 1px rgba(226,232,240,.2),0 10px 20px rgba(0,0,0,.18)}
.packShopPodiumName.bronze{background:linear-gradient(180deg,rgba(120,53,15,.92),rgba(92,38,12,.84));box-shadow:0 0 0 1px rgba(251,191,36,.16),0 10px 20px rgba(0,0,0,.18)}
.packShopPodiumStage{position:relative;z-index:1;display:flex;align-items:end;justify-content:center;gap:14px;width:100%;padding-top:34px}
.packShopPodiumBlock{position:relative;display:flex;align-items:flex-start;justify-content:center;min-width:56px;padding-top:10px;border-radius:12px 12px 8px 8px;color:#f8fafc;font-size:22px;font-weight:1000;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 24px rgba(0,0,0,.18)}
.packShopPodiumBlock span{position:relative;z-index:1}
.packShopPodiumBlock::after{content:"";position:absolute;left:8px;right:8px;top:8px;height:10px;border-radius:999px;background:rgba(255,255,255,.22);filter:blur(.2px)}
.packShopPodiumBlock.main{min-width:76px;height:78px}
.packShopPodiumBlock.silver{min-width:62px;height:56px;background:linear-gradient(180deg,#dfe7f1,#94a3b8)}
.packShopPodiumBlock.gold{background:linear-gradient(180deg,#fde68a,#f59e0b)}
.packShopPodiumBlock.bronze{min-width:62px;height:46px;background:linear-gradient(180deg,#f3c8a2,#b45309)}
.packShopPreview{position:relative;aspect-ratio:1/1;width:min(100%,360px);align-self:center;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border-radius:12px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(30,41,59,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.34);overflow:hidden}
.packShopPreview.compact{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:10px}
.packShopPreview.empty{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;font-weight:900}
.packShopList{display:grid;gap:8px;overflow:auto;min-height:0;padding-bottom:2px}
.packShopRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:10px;padding:11px 12px;background:#0f172a;color:#f8fafc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);text-align:left}
.packShopRow strong,.packShopRow span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.packShopRow small{color:#cbd5e1;font-size:11px;font-weight:800}
.packShopCost{justify-self:end;color:#fef08a;font-size:12px;font-weight:950;text-align:right}
.packRevealCard{position:relative;aspect-ratio:3/4;border-radius:10px;perspective:900px}
.packRevealCardFace{position:absolute;inset:0;border-radius:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.packRevealCardBack{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f172a,#1e293b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#f8fafc;font-size:12px;font-weight:950}
.packRevealCardBack::before{content:"";position:absolute;inset:8px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.packRevealCardFront{transform:rotateY(180deg);padding:6px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.packRevealCardInner{position:relative;width:100%;height:100%;transition:transform .42s ease;transform-style:preserve-3d;transform:rotateY(0deg)}
.packRevealCard.revealed .packRevealCardInner{transform:rotateY(180deg)}
.packRevealCardGlow-common .packRevealCardFront{box-shadow:0 0 14px rgba(248,250,252,.5), inset 0 0 0 2px rgba(248,250,252,.78)}
.packRevealCardGlow-rare .packRevealCardFront{box-shadow:0 0 18px rgba(56,189,248,.72),0 0 34px rgba(14,165,233,.28), inset 0 0 0 2px rgba(125,211,252,.9)}
.packRevealCardGlow-epic .packRevealCardFront{box-shadow:0 0 22px rgba(192,132,252,.85),0 0 44px rgba(147,51,234,.36), inset 0 0 0 2px rgba(216,180,254,.94)}
.packRevealCardGlow-legendary .packRevealCardFront{box-shadow:0 0 28px rgba(251,191,36,.95),0 0 56px rgba(245,158,11,.45), inset 0 0 0 2px rgba(255,251,235,.98)}
.packRevealMini{position:relative;width:100%;height:100%;border-radius:8px;background:#111827;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}
.packRevealMini::before{content:"";position:absolute;inset:8px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.packRevealMini .photoSilhouette{z-index:1}
.packRevealMini .photoFallback{z-index:1}
.packRevealMiniName{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:70%;aspect-ratio:1/1;border-radius:999px;background:rgba(15,23,42,.82);color:#f8fafc;font-size:20px;font-weight:950;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.08)}
.packRevealMiniGrade{position:absolute;left:8px;top:8px;z-index:1;padding:2px 6px;border-radius:999px;background:rgba(15,23,42,.8);font-size:10px;font-weight:900}
.packRevealMiniRole{position:absolute;right:8px;top:8px;z-index:1;padding:2px 6px;border-radius:999px;color:#fff;font-size:10px;font-weight:950;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.packRevealMiniRole.gk{background:#0f766e}
.packRevealMiniRole.df{background:#1d4ed8}
.packRevealMiniRole.mf{background:#7c3aed}
.packRevealMiniRole.fw{background:#dc2626}
.rollChoiceBtn.rollBonusQueued::after{background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.14),transparent 58%),linear-gradient(135deg,rgba(22,163,74,.08),transparent)}
.customPlayerPanel{height:calc(100% - 42px);z-index:16}
.customPlayerEditPanel{z-index:18;max-width:380px}
.confirmPanel{z-index:20;max-width:350px;text-align:center}
.customPlayerList{display:grid;grid-template-columns:1fr;gap:7px;overflow-x:hidden;overflow-y:auto;min-height:0;padding:2px 2px 8px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.customPlayerList::-webkit-scrollbar{display:none}
.customPlayerCard{border:0;border-radius:8px;min-height:42px;padding:7px 9px;background:rgba(255,255,255,.08);color:#f8fafc;text-align:left;display:grid;gap:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.customPlayerCard.active{background:rgba(14,165,233,.24);box-shadow:inset 0 0 0 2px #7dd3fc}
.customPlayerCard strong{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customPlayerCard small{font-size:10px;font-weight:850;color:#cbd5e1}
.customPlayerPrice{min-height:22px;color:#fef08a;font-size:12px;font-weight:950;text-align:center}
.customPlayerActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.dangerBtn{border:0;border-radius:8px;padding:13px 20px;background:#dc2626;color:#fff;font-size:16px;font-weight:950;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.dangerBtn.small{padding:10px 12px;font-size:13px}
.dangerBtn:disabled,.secondaryBtn:disabled{opacity:.45}
.formRow{display:grid;gap:6px;text-align:left;font-size:13px;font-weight:950;color:#e2e8f0}
.textInput,.selectInput{width:100%;height:42px;border:0;border-radius:8px;padding:0 10px;background:#0f172a;color:#f8fafc;font-size:14px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.rollChoices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rollChoiceBtn{position:relative;z-index:1;overflow:hidden;border:0;border-radius:8px;min-height:58px;padding:8px;background:rgba(255,255,255,.08);color:#f8fafc;font-size:12px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rollChoiceBtn.active{background:rgba(22,163,74,.24);box-shadow:inset 0 0 0 2px #86efac}
.rollChoiceBtn:disabled{opacity:.45}
.rollChoiceBtn::before{content:"";position:absolute;inset:-40%;z-index:-1;opacity:0;transform:translateX(-42%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)}
.rollChoiceBtn::after{content:"";position:absolute;inset:0;z-index:-2;opacity:.85}
.rollChoiceBtn.rollRarity-common{background:rgba(248,250,252,.12);box-shadow:0 0 14px rgba(248,250,252,.48),inset 0 0 0 2px rgba(248,250,252,.84)}
.rollChoiceBtn.rollRarity-common::before{opacity:.55;animation:rollSweep 1.15s ease-out 1}
.rollChoiceBtn.rollRarity-rare{background:rgba(14,165,233,.20);box-shadow:0 0 18px rgba(56,189,248,.72),0 0 34px rgba(14,165,233,.3),inset 0 0 0 2px rgba(125,211,252,.94)}
.rollChoiceBtn.rollRarity-rare::before{opacity:.72;animation:rollSweep 1.05s ease-out 2}
.rollChoiceBtn.rollRarity-rare::after{background:radial-gradient(circle at 28% 18%,rgba(186,230,253,.6),transparent 22%),radial-gradient(circle at 72% 78%,rgba(14,165,233,.36),transparent 28%)}
.rollChoiceBtn.rollRarity-epic{background:rgba(126,34,206,.24);box-shadow:0 0 22px rgba(192,132,252,.85),0 0 44px rgba(147,51,234,.44),inset 0 0 0 2px rgba(216,180,254,.98)}
.rollChoiceBtn.rollRarity-epic::before{opacity:.88;animation:rollSweep .95s ease-out 3;background:linear-gradient(90deg,transparent,rgba(244,214,255,.86),transparent)}
.rollChoiceBtn.rollRarity-epic::after{background:radial-gradient(circle at 20% 25%,rgba(250,245,255,.74) 0 3px,transparent 4px),radial-gradient(circle at 68% 22%,rgba(216,180,254,.7) 0 2px,transparent 3px),radial-gradient(circle at 82% 74%,rgba(250,245,255,.65) 0 2px,transparent 3px),linear-gradient(135deg,rgba(88,28,135,.28),rgba(192,132,252,.22))}
.rollChoiceBtn.rollRarity-legendary{color:#451a03;background:linear-gradient(180deg,#fef3c7,#f59e0b);box-shadow:0 0 28px rgba(251,191,36,.95),0 0 58px rgba(245,158,11,.62),0 0 92px rgba(253,224,71,.28),inset 0 0 0 2px rgba(255,251,235,.98)}
.rollChoiceBtn.rollRarity-legendary::before{opacity:1;animation:rollSweep .75s ease-out 4;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent)}
.rollChoiceBtn.rollRarity-legendary::after{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.9) 0 3px,transparent 4px),radial-gradient(circle at 75% 30%,rgba(254,243,199,.9) 0 3px,transparent 4px),radial-gradient(circle at 56% 78%,rgba(255,255,255,.7) 0 2px,transparent 3px),linear-gradient(135deg,rgba(255,255,255,.34),rgba(253,224,71,.22))}
.rollChoiceBtn.rollBonusWaiting{box-shadow:0 0 16px rgba(34,197,94,.5),inset 0 0 0 2px rgba(134,239,172,.9)}
.rollChoiceBtn.rollBonusWaiting::after{background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.34),transparent 58%),linear-gradient(135deg,rgba(22,163,74,.22),transparent)}
.rollChoiceBtn.rollBonusPulse{animation:rollBonusPop .42s ease-out 1}
.rollFxBurst{position:absolute;inset:-12px;z-index:0;border-radius:12px;pointer-events:none;opacity:.82;animation:rollBurst 1.1s ease-out 1}
.rollFx-common .rollFxBurst{background:radial-gradient(circle,rgba(248,250,252,.38),transparent 62%)}
.rollFx-rare .rollFxBurst{background:radial-gradient(circle,rgba(56,189,248,.42),transparent 62%)}
.rollFx-epic .rollFxBurst{background:radial-gradient(circle,rgba(192,132,252,.55),transparent 60%),repeating-conic-gradient(from 0deg,rgba(250,245,255,.26) 0 8deg,transparent 8deg 24deg)}
.rollFx-legendary .rollFxBurst{background:radial-gradient(circle,rgba(254,240,138,.72),transparent 58%),repeating-conic-gradient(from 0deg,rgba(255,255,255,.42) 0 7deg,transparent 7deg 18deg);animation:rollBurst 1.25s ease-out 1,rollSpin 2.2s linear infinite}
@keyframes rollSweep{0%{transform:translateX(-65%) rotate(18deg)}100%{transform:translateX(65%) rotate(18deg)}}
@keyframes rollBurst{0%{opacity:0;transform:scale(.82)}18%{opacity:.95;transform:scale(1.04)}100%{opacity:0;transform:scale(1.18)}}
@keyframes rollSpin{to{transform:rotate(360deg)}}
@keyframes rollBonusPop{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.07);filter:brightness(1.55);box-shadow:0 0 28px rgba(34,197,94,.95),0 0 54px rgba(134,239,172,.42),inset 0 0 0 2px rgba(220,252,231,1)}100%{transform:scale(1);filter:brightness(1)}}
.shopTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.shopList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;min-height:0;padding:2px 2px 8px}
.customMatchColumns{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1}
.customMatchSide{display:flex;flex-direction:column;gap:6px;min-height:0}
.customMatchList{display:grid;grid-template-columns:1fr;gap:6px;overflow:auto;min-height:0;padding:1px 1px 6px}
.customMatchChoice{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;min-height:58px;padding:7px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#f8fafc;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.customMatchChoice.active{background:rgba(22,163,74,.24);box-shadow:inset 0 0 0 2px #86efac}
.customMatchChoice:disabled{opacity:.5}
.customMatchChoice .flagBox{width:38px;height:28px;font-size:23px}
.customMatchToggle{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.08);font-size:14px;font-weight:950;color:#f8fafc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.customMatchToggle input{width:20px;height:20px;accent-color:#16a34a}
.shopCard{display:flex;flex-direction:column;gap:7px;min-height:252px;padding:8px;border-radius:8px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.shopCard .cardArt{height:auto;aspect-ratio:3/4}
.shopBuyRow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
.priceTag{font-size:12px;font-weight:950;color:#fef08a}
.buyBtn{border:0;border-radius:8px;padding:8px 10px;background:#16a34a;color:#fff;font-size:12px;font-weight:950}
.buyBtn:disabled{opacity:.45;background:#475569}
.betMatch{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:18px;font-weight:950}
.betSide{display:flex;flex-direction:column;align-items:center;gap:4px}
.versus{font-size:14px;color:#fef08a}
.miniFlag,.miniFlagText{display:inline-flex;align-items:center;justify-content:center;width:48px;height:34px;margin:0 auto 4px;border-radius:6px;background:#0f172a;font-size:26px;overflow:hidden}
.miniFlag img{width:100%;height:100%;object-fit:cover}
.betOdds,.betPool{font-size:14px;color:#cbd5e1;font-weight:700;line-height:1.45;text-align:center;white-space:pre-line}
.betActions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}
.betActions button{touch-action:none;user-select:none;-webkit-user-select:none}
.creatorPanel{z-index:18;max-width:620px;overflow:hidden}
.creatorControls{display:grid;grid-template-columns:1fr;gap:8px}
.creatorField{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:950;color:#cbd5e1}
.creatorOutput{display:grid;gap:8px;min-height:0;overflow:auto;padding:2px 2px 4px}
.creatorCard{display:grid;gap:6px;padding:10px;border-radius:8px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);text-align:left}
.creatorCard strong{font-size:13px;color:#fef08a}
.creatorCard p{margin:0;color:#e2e8f0;font-size:13px;font-weight:800;line-height:1.42;user-select:text}
.creatorShotList{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.creatorShotList li{padding:7px 8px;border-radius:7px;background:rgba(15,23,42,.72);color:#f8fafc;font-size:12px;font-weight:850;line-height:1.35;user-select:text}
.creatorActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#labelLayer{position:absolute;inset:0;pointer-events:none;z-index:4}
#app.hideMatchUi #labelLayer,#app.hideMatchUi .toast{display:none!important}
.toast{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);z-index:30;max-width:calc(100% - 28px);padding:10px 14px;border-radius:999px;background:rgba(24,35,63,.96);color:#fff7d6;font-size:13px;font-weight:900;text-align:center;box-shadow:0 8px 0 rgba(12,19,37,.52),0 16px 38px rgba(0,0,0,.22),inset 0 0 0 2px rgba(255,255,255,.06);pointer-events:none}
.nameLabel{position:absolute;transform:translate(-50%,-100%);padding:3px 8px;border-radius:999px;background:rgba(24,35,63,.84);color:#fff7d6;font-size:10px;font-weight:900;text-shadow:0 1px 2px #000;white-space:nowrap;opacity:.96;box-shadow:0 4px 0 rgba(12,19,37,.42)}
.nameLabel.home{background:rgba(242,95,76,.92)}
.nameLabel.away{background:rgba(47,109,246,.92)}
#app.recordMode .topbar,
#app.recordMode .cameraFollowBtn,
#app.recordMode .skillHint,
#app.recordMode .statusLine,
#app.recordMode .goalToast,
#app.recordMode .hudSettingsBtn,
#app.recordMode .cameraZoomDock,
#app.recordMode .matchSpeedBtn,
#app.recordMode .skillRow,
#app.recordMode #labelLayer,
#app.recordMode .toast{display:none!important}
#app.recordMode.hideMatchUi{display:block}
#app.recordMode .recordHud{display:grid!important}
@media (max-width:720px){
  .topbar{grid-template-columns:1fr auto auto;right:8px;left:8px}
  .phase{display:none}
  .chip{font-size:11px;padding:7px 9px}
  .score{font-size:20px;min-width:92px}
  .cameraFollowBtn{right:8px;top:54px;height:32px;min-width:82px;font-size:11px}
  .skillRow{grid-template-columns:repeat(5,58px);gap:6px;bottom:12px}
  .hudSettingsBtn{left:8px;bottom:64px;width:56px;height:34px;font-size:11px}
  .cameraZoomDock{left:72px;bottom:64px;width:130px;height:34px;padding:0 10px}
  .matchSpeedBtn{left:208px;bottom:64px;min-width:52px;height:34px;padding:0 10px;font-size:12px}
  .refereeJoystick{left:12px;bottom:112px;width:84px;height:84px}
  .refereeJoystickKnob{width:34px;height:34px}
  .refereeActionPad{right:10px;bottom:64px;width:108px;height:124px}
  .refereeActionBtn{width:46px;height:46px;font-size:22px}
  .skillBtn{height:44px;font-size:14px}
  .nameLabel{font-size:8px;padding:1px 4px;border-radius:4px;max-width:112px;overflow:hidden;text-overflow:ellipsis}
  .recordHud{left:8px;right:8px;top:8px;grid-template-columns:1fr;gap:8px}
  .recordCenterGroup{justify-content:space-between}
  .recordChip{min-height:40px;padding:8px 12px}
  .recordMatch{font-size:19px;justify-content:center;text-align:center}
  .recordTimer{font-size:18px;min-width:82px}
  .recordScore{font-size:28px;min-width:116px}
  .panel{padding-top:86px}
  .panelTitle{font-size:22px}
  .homeControls{left:10px;right:10px;top:48px;gap:4px}
  .topTextBtn{padding:0 6px;font-size:9px}
  .walletChipTop{left:56px;top:10px;padding:0 8px;font-size:10px;max-width:96px;overflow:hidden}
  .pickerGrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
  .flagStrip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .customBody{grid-template-columns:1fr 1fr}
  .packRow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customFooter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .packShopPreview{width:100%}
  .lineupSlots{grid-template-columns:1fr}
  .slot{min-height:68px}
  .shopList{grid-template-columns:repeat(2,minmax(0,1fr))}
}