:root{--bg1:#0b1e3f;--bg2:#123f2a;--ink:#f4f7ff;--green:#22c55e;--blue:#3b82f6;--purple:#a855f7;--gold:#f5c518;--red:#ef4444;--silver:#b8c0cc}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%, #1d4ed8 0%, transparent 60%), radial-gradient(1000px 700px at 90% 110%, #14532d 0%, transparent 55%), linear-gradient(160deg, var(--bg1), var(--bg2));background-attachment:fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.screen{max-width:1280px;margin:0 auto;padding:24px 20px 60px}.btn{color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:14px;padding:14px 26px;font-size:1.05rem;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 4px #00000059}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #00000059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-big{padding:18px 34px;font-size:1.3rem}.btn-small{border-radius:10px;padding:9px 16px;font-size:.9rem}.btn-green{background:linear-gradient(#34d399,#059669)}.btn-blue{background:linear-gradient(#60a5fa,#2563eb)}.btn-purple{background:linear-gradient(#c084fc,#9333ea)}.btn-gold{color:#3a2503;background:linear-gradient(#fde047,#d97706)}.btn-dim{background:#ffffff24}.home{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:48px;display:flex}.home-ball{font-size:4rem;animation:1.6s ease-in-out infinite ballBounce}@keyframes ballBounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-18px)rotate(8deg)}}.game-title{letter-spacing:.03em;background:linear-gradient(180deg, #fff 20%, var(--gold) 60%, #f97316 100%);color:#0000;text-shadow:0 4px 24px #f5c51840;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900}.game-sub{opacity:.85;margin:0;font-size:1.15rem}.club-summary{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.club-stat{background:#ffffff14;border:2px solid #ffffff29;border-radius:14px;flex-direction:column;gap:4px;min-width:140px;padding:14px 22px;display:flex}.club-stat-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.8rem}.club-stat-value{font-size:1.6rem;font-weight:900}.home-buttons{flex-direction:column;gap:14px;width:min(420px,90vw);margin-top:14px;display:flex}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.screen-head h2{margin:0;font-size:1.4rem}.screen-head-actions{gap:10px;display:flex}.slot-bar{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.slot-chip{background:#ffffff1a;border:2px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:800}.slot-chip.full{border-color:var(--green);background:#22c55e40}.squad-hint{opacity:.8;margin:4px 0 14px}.card-grid{flex-wrap:wrap;gap:12px;display:flex}.pcard{border:3px solid var(--silver);width:150px;color:var(--ink);text-align:left;outline-offset:2px;background:linear-gradient(165deg,#1e293b 0%,#0f172a 80%);border-radius:12px;outline:3px solid #0000;flex-direction:column;gap:5px;padding:8px 10px 10px;transition:transform .12s,box-shadow .12s,outline-color .12s;display:flex;position:relative;box-shadow:0 6px 14px #00000073}.pcard.compact{width:124px;padding:6px 8px 8px}.pcard.clickable{cursor:pointer}.pcard.clickable:hover{transform:translateY(-4px)scale(1.03)}.pcard.selected{outline-color:var(--green);transform:translateY(-4px)scale(1.05);box-shadow:0 0 18px #22c55ea6}.pcard.rarity-common{border-color:var(--silver)}.pcard.rarity-rare{border-color:var(--blue);box-shadow:0 6px 14px #00000073,0 0 10px #3b82f680}.pcard.rarity-epic{border-color:var(--purple);box-shadow:0 6px 14px #00000073,0 0 14px #a855f799}.pcard.rarity-legendary{border-color:var(--gold);animation:2s ease-in-out infinite legendaryGlow}@keyframes legendaryGlow{0%,to{box-shadow:0 6px 14px #00000073,0 0 10px #f5c5188c}50%{box-shadow:0 6px 14px #00000073,0 0 26px #f5c518f2}}.pcard.rarity-mythic{background:linear-gradient(165deg,#3d0a16 0%,#15060b 80%);border-color:#e11d48;animation:1.8s ease-in-out infinite mythicGlow}@keyframes mythicGlow{0%,to{box-shadow:0 6px 14px #00000073,0 0 12px #e11d4899}50%{box-shadow:0 6px 14px #00000073,0 0 30px #f43f5ef2,0 0 52px #ea580c80}}.pcard.rarity-exotic{background:linear-gradient(165deg,#241a3a 0%,#0f172a 80%);animation:5s linear infinite exoticPrism}@keyframes exoticPrism{0%,to{border-color:#ff004c;box-shadow:0 6px 14px #00000073,0 0 20px #ff004cd9}17%{border-color:#ff8a00;box-shadow:0 6px 14px #00000073,0 0 20px #ff8a00d9}33%{border-color:#fe0;box-shadow:0 6px 14px #00000073,0 0 20px #ffee00d9}50%{border-color:#33ff57;box-shadow:0 6px 14px #00000073,0 0 20px #33ff57d9}67%{border-color:#00cfff;box-shadow:0 6px 14px #00000073,0 0 20px #00cfffd9}83%{border-color:#7a00ff;box-shadow:0 6px 14px #00000073,0 0 20px #7a00ffd9}}.pcard.rarity-common .pcard-rarity{color:var(--silver);opacity:1}.pcard.rarity-rare .pcard-rarity{color:#60a5fa;opacity:1}.pcard.rarity-epic .pcard-rarity{color:#c084fc;opacity:1}.pcard.rarity-legendary .pcard-rarity{color:var(--gold);opacity:1}.pcard.rarity-mythic .pcard-rarity{color:#fb7185;opacity:1}.pcard.rarity-exotic .pcard-rarity{background:linear-gradient(90deg,#ff004c,#ff8a00,#fe0,#33ff57,#00cfff,#7a00ff,#ff004c) 0 0/300% 100%;color:#0000;opacity:1;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite exoticTextShift}@keyframes exoticTextShift{0%{background-position:0 0}to{background-position:300% 0}}.pcard-top{justify-content:space-between;align-items:center;display:flex}.pcard-pos{letter-spacing:.06em;background:#ffffff29;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:900}.pcard-ovr{color:var(--gold);font-size:1.2rem;font-weight:900}.pcard.compact .pcard-ovr{font-size:1rem}.pcard-name{min-height:2.1em;font-size:.92rem;font-weight:800;line-height:1.15}.pcard.compact .pcard-name{font-size:.8rem}.pcard-rarity{text-transform:uppercase;letter-spacing:.12em;opacity:.65;font-size:.66rem}.pcard-stats{grid-template-columns:repeat(3,1fr);gap:3px 6px;display:grid}.pcard-stat{background:#ffffff12;border-radius:5px;justify-content:space-between;padding:2px 5px;font-size:.68rem;display:flex}.pcard-stat span{opacity:.65;font-weight:700}.pcard-stat b{font-weight:900}.scoreboard{background:#00000059;border:2px solid #ffffff26;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 28px;display:flex}.scoreboard.goal-flash{animation:1.2s goalFlash}@keyframes goalFlash{0%,60%{background:#f5c5188c;box-shadow:0 0 34px #f5c518cc}to{background:#00000059}}.score-side{align-items:center;gap:14px;display:flex}.score-name{font-size:1.15rem;font-weight:900}.score-num{color:var(--gold);text-align:center;min-width:1.2em;font-size:2.4rem;font-weight:900}.score-mid{flex-direction:column;align-items:center;display:flex}.score-phase{font-weight:800}.score-target{opacity:.65;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.match-body{grid-template-columns:1fr 340px;align-items:start;gap:18px;display:grid}@media (width<=980px){.match-body{grid-template-columns:1fr}}.turn-banner{text-align:center;border-radius:12px;margin-bottom:14px;padding:12px 18px;font-size:1.25rem;font-weight:900}.turn-banner.side-player{color:#061a33;background:linear-gradient(90deg,#0369a1,#38bdf8)}.turn-banner.side-cpu{color:#33060f;background:linear-gradient(90deg,#be123c,#fb7185)}.tactic-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}@media (width<=1100px){.tactic-row{grid-template-columns:repeat(2,1fr)}}.tactic{color:var(--ink);cursor:pointer;text-align:left;background:#ffffff12;border:3px solid #ffffff2e;border-radius:12px;flex-direction:column;gap:5px;padding:10px 12px;transition:transform .12s,border-color .12s,background .12s;display:flex}.tactic:hover{border-color:#ffffff73;transform:translateY(-2px)}.tactic.selected{border-color:var(--gold);background:#f5c51829;box-shadow:0 0 16px #f5c51866}.tactic-name{font-size:1rem;font-weight:900}.tactic-keys{color:var(--gold);letter-spacing:.04em;font-size:.72rem;font-weight:800}.tactic-desc{opacity:.8;font-size:.78rem;line-height:1.3}.nominate-hint{opacity:.9;margin:4px 0 10px;font-weight:700}.match-cards{margin-bottom:14px}.match-actions{align-items:center;gap:14px;display:flex}.log{background:#0000004d;border:2px solid #ffffff1f;border-radius:14px;max-height:560px;padding:12px 16px;overflow-y:auto}.log h3{text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin:0 0 10px;font-size:1rem}.log-empty{opacity:.6}.log-entry{background:#ffffff0d;border-left:4px solid #fff3;border-radius:0 8px 8px 0;margin-bottom:10px;padding:6px 10px}.log-entry.latest{border-left-color:var(--gold);background:#f5c51814}.log-entry.goal{border-left-color:var(--green)}.log-head{opacity:.85;margin-bottom:4px;font-size:.85rem;font-weight:900}.log-line{font-size:.88rem;line-height:1.45;animation:.5s both logLineIn}@keyframes logLineIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.interstitial{z-index:50;background:radial-gradient(800px 500px at 50% 30%,#1d4ed880,#0000 70%),linear-gradient(160deg,#081226,#07130d);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.interstitial-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;animation:.35s both popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.interstitial-emoji{font-size:4.5rem}.interstitial-card h2{margin:0;font-size:2.2rem;font-weight:900}.interstitial-card p{opacity:.85;margin:0;font-size:1.1rem}.final-score{color:var(--gold);font-size:3rem;font-weight:900}.pack-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding-top:40px;display:flex}.pack-screen h2{margin:0;font-size:2.2rem;font-weight:900}.premium-banner{letter-spacing:.14em;background:linear-gradient(90deg, #f97316, var(--gold), #f97316);color:#3a2503;background-size:200% 100%;border-radius:999px;padding:10px 30px;font-size:1.6rem;font-weight:900;animation:1.4s linear infinite bannerShimmer}.pack-rare .premium-banner{color:#fff;background:linear-gradient(90deg,#1d4ed8,#60a5fa,#1d4ed8) 0 0/200% 100%}.pack-epic .premium-banner{color:#fff;background:linear-gradient(90deg,#7e22ce,#c084fc,#7e22ce) 0 0/200% 100%}.pack-legendary .premium-banner{color:#3a2503;background:linear-gradient(90deg,#b45309,#fde047,#b45309) 0 0/200% 100%}.pack-mythic .premium-banner{color:#fff;background:linear-gradient(90deg,#9f1239,#fb7185,#9f1239) 0 0/200% 100%}.pack-exotic .premium-banner{color:#1a1025;text-shadow:0 1px #ffffff59;background:linear-gradient(90deg,#ff004c,#ff8a00,#fe0,#33ff57,#00cfff,#7a00ff,#ff004c) 0 0/300% 100%;animation:2s linear infinite exoticBannerShimmer,1.6s ease-in-out infinite exoticBannerPop}@keyframes exoticBannerShimmer{0%{background-position:0 0}to{background-position:300% 0}}@keyframes exoticBannerPop{0%,to{box-shadow:0 0 12px #ffffff40}50%{box-shadow:0 0 34px #ffffff8c}}@keyframes bannerShimmer{0%{background-position:0 0}to{background-position:200% 0}}.pack-hint{opacity:.85;margin:0;font-size:1.05rem}.pack-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.flip-card{perspective:1100px}.flip-inner{transform-style:preserve-3d;transition:transform .55s;position:relative}.flip-front{backface-visibility:hidden}.flip-front .pcard{cursor:default}.flip-back{backface-visibility:hidden;position:absolute;inset:0;transform:rotateY(180deg)}.flip-card.face-down .flip-inner{transform:rotateY(180deg)}.card-back-pattern{border:3px solid var(--gold);background:repeating-linear-gradient(45deg,#0f2a6b 0 12px,#123583 12px 24px),#0f2a6b;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 6px 14px #00000073}.card-back-pattern span{letter-spacing:.1em;color:var(--gold);text-shadow:0 2px 8px #0009;font-size:1.6rem;font-weight:900}.stage-fan .flip-card{opacity:0;animation:.55s cubic-bezier(.2,1.4,.4,1) forwards fanIn;animation-delay:calc(var(--i) * .35s)}@keyframes fanIn{0%{opacity:0;transform:translateY(60px)rotate(10deg)scale(.7)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.stage-shuffle .flip-card{animation:1.4s ease-in-out shuffleMove;animation-delay:calc(var(--i) * 60ms)}@keyframes shuffleMove{0%{transform:translate(0)rotate(0)}30%{transform:translateX(calc((2 - var(--i)) * 60px)) rotate(6deg)}60%{transform:translateX(calc((var(--i) - 2) * 80px)) rotate(-6deg)}to{transform:translate(0)rotate(0)}}.stage-pick .flip-card{cursor:pointer;transition:transform .15s}.stage-pick .flip-card:hover{transform:translateY(-10px)scale(1.05)}.flip-card.chosen{z-index:2;animation:.9s both chosenBurst}@keyframes chosenBurst{0%{filter:drop-shadow(0 0 #f5c51800);transform:scale(1)}40%{filter:drop-shadow(0 0 42px #f5c518f2);transform:scale(1.22)}to{filter:drop-shadow(0 0 26px #f5c518cc);transform:scale(1.12)}}.flip-card.missed .flip-inner{transition-delay:.9s}.flip-card.missed{animation:.6s 1.5s both missedDim}@keyframes missedDim{to{filter:grayscale(.55)brightness(.75);transform:scale(.92)}}.pack-result{flex-direction:column;align-items:center;gap:8px;animation:.4s 1.1s both popIn;display:flex}.pack-got{margin:0;font-size:1.4rem}.pack-missed{opacity:.75;margin:0 0 8px}.breakdown{border-top:1px dashed #ffffff2e;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;display:flex}.breakdown-line{font-variant-numeric:tabular-nums;font-size:.86rem;line-height:1.5}.breakdown-line.win{color:#4ade80;font-weight:800}.breakdown-line.lose{opacity:.55}.breakdown-line.shot{margin-top:2px}.dice{color:#0f172a;vertical-align:-.28em;background:#f8fafc;border-radius:5px;justify-content:center;align-items:center;width:1.45em;height:1.45em;margin:0 .15em;font-size:1.15em;line-height:1;display:inline-flex;box-shadow:0 2px 4px #00000080}.dice.rolling{animation:.12s linear infinite diceShake}@keyframes diceShake{0%{transform:rotate(-14deg)scale(1.1)}50%{transform:rotate(10deg)scale(.94)}to{transform:rotate(-14deg)scale(1.1)}}.coach-hint{background:#f5c51824;border:2px solid #f5c51873;border-radius:10px;margin:0 0 10px;padding:8px 14px;font-size:.92rem;font-weight:800}.coach-badge{z-index:2;color:#3a2503;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:linear-gradient(#fde047,#f59e0b);border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:900;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000080}.tactic-stops{color:#93c5fd;font-size:.72rem;font-weight:700;line-height:1.3}.match-cards .pcard{margin-top:9px}.howto-sections{flex-direction:column;gap:14px;max-width:760px;display:flex}.howto-card{background:#ffffff12;border:2px solid #ffffff26;border-radius:16px;padding:16px 22px}.howto-card h3{margin:0 0 8px;font-size:1.2rem}.howto-card p{margin:0 0 6px;line-height:1.5}.howto-card ul{margin:6px 0 4px;padding-left:22px;line-height:1.6}.howto-sub{color:var(--gold);font-weight:800;margin-top:10px!important}:root{--p1:#38bdf8;--p2:#fb7185}.side-player{color:var(--p1)}.side-cpu{color:var(--p2)}.log-entry.side-player{border-left-color:var(--p1)}.log-entry.side-cpu{border-left-color:var(--p2)}.log-entry.side-player .log-head{color:var(--p1)}.log-entry.side-cpu .log-head{color:var(--p2)}.result-card h2.side-player{text-shadow:0 0 30px #38bdf899}.result-card h2.side-cpu{text-shadow:0 0 30px #fb718599}.match-screen{background:radial-gradient(circle at 50% 42%,#0000 116px,#ffffff0f 118px,#0000 121px),linear-gradient(90deg,#0000 calc(50% - 1px),#ffffff0f 50%,#0000 calc(50% + 1px)),repeating-linear-gradient(0deg,#22c55e1a 0 72px,#15803d1f 72px 144px);border-radius:20px;padding:24px}.match-controls{background:#00000047;border-radius:16px;padding:14px 16px}.goal-overlay{z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.goal-overlay span{letter-spacing:.04em;font-size:clamp(4rem,12vw,9rem);font-weight:900;animation:1.4s forwards goalPop}.goal-overlay.side-player span{color:var(--p1);text-shadow:0 0 30px #38bdf8e6,0 6px #00000059}.goal-overlay.side-cpu span{color:var(--p2);text-shadow:0 0 30px #fb7185e6,0 6px #00000059}.goal-overlay.conceded span{color:#94a3b8;text-shadow:0 4px 12px #0009;font-size:clamp(2rem,6vw,4rem)}@keyframes goalPop{0%{opacity:0;transform:scale(.3)rotate(-6deg)}22%{opacity:1;transform:scale(1.18)rotate(2deg)}40%{transform:scale(1)}75%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.06)translateY(-24px)}}.pcard:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff38 50%,#0000 60%) 130% 0/260% 100%;border-radius:9px;position:absolute;inset:0}.pcard.clickable:hover:after{animation:.7s shineSweep}.pcard.rarity-epic:after{animation:5s ease-in-out infinite shineSweep}.pcard.rarity-legendary:after{animation:3s ease-in-out infinite shineSweep}.pcard.rarity-mythic:after{animation:2.2s ease-in-out infinite shineSweep}.pcard.rarity-exotic:after{animation:2s ease-in-out infinite shineSweep}@keyframes shineSweep{0%{background-position:130% 0}to{background-position:-130% 0}}.confetti{z-index:55;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:0;border-radius:2px;animation-name:confettiFall;animation-timing-function:cubic-bezier(.25,.4,.45,1);animation-fill-mode:forwards;position:absolute;top:-4%}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}90%{opacity:1}to{opacity:0;transform:translate(var(--drift), 108vh) rotate(var(--spin))}}.flip-card.legendary-pick{animation:.9s both chosenBurst,1.6s ease-in-out .9s infinite legendaryPickGlow}@keyframes legendaryPickGlow{0%,to{filter:drop-shadow(0 0 22px #f5c518d9)}50%{filter:drop-shadow(0 0 48px #f5c518)}}.flip-card.mythic-pick{animation:.9s both chosenBurst,1.5s ease-in-out .9s infinite mythicPickGlow}@keyframes mythicPickGlow{0%,to{filter:drop-shadow(0 0 24px #e11d48e6)}50%{filter:drop-shadow(0 0 52px #f43f5e)drop-shadow(0 0 70px #ea580cb3)}}.flip-card.exotic-pick{animation:.9s both chosenBurst,2.4s linear .9s infinite exoticPickGlow}@keyframes exoticPickGlow{0%,to{filter:drop-shadow(0 0 34px #ff004c)}17%{filter:drop-shadow(0 0 34px #ff8a00)}33%{filter:drop-shadow(0 0 34px #fe0)}50%{filter:drop-shadow(0 0 34px #33ff57)}67%{filter:drop-shadow(0 0 34px #00cfff)}83%{filter:drop-shadow(0 0 34px #7a00ff)}}.result-card h2{font-size:clamp(2.6rem,7vw,4rem);animation:.6s cubic-bezier(.2,1.6,.4,1) both resultPop}.result-card .final-score{animation:.5s .25s both popIn}.result-card .interstitial-emoji{animation:1.4s ease-in-out infinite ballBounce}.result-lose h2{color:#94a3b8;text-shadow:none}@keyframes resultPop{0%{opacity:0;transform:scale(.4)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.btn-pulse{animation:1.4s ease-in-out infinite btnPulse}@keyframes btnPulse{0%,to{transform:scale(1);box-shadow:0 4px #00000059}50%{transform:scale(1.04);box-shadow:0 4px #00000059,0 0 26px #f5c518bf}}.screen-fade{animation:.35s both screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}button:focus-visible{outline-offset:2px;outline:3px solid #f8fafc}