:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f8ff;background:#071525}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff}button:not(.player),select{min-height:48px;border:1px solid #486587;border-radius:12px;padding:11px 16px;background:#173650;color:#f4f8ff;font-weight:750}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}.wrap{max-width:1160px;margin:auto;padding:25px 19px 60px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:20px;font-weight:950;letter-spacing:1.5px;text-decoration:none;color:inherit}.brand em{font-style:normal;color:#ffcf6a}.back{color:#c6d9ef;font-size:14px;padding:12px}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 8px 40px}.tag{color:#ffdb82;letter-spacing:.12em;font-size:11px;font-weight:850}h1{font-size:clamp(42px,8vw,84px);line-height:.98;letter-spacing:-.055em;margin:15px 0}h1 span{color:#f3bb57}p{color:#b1cae1;line-height:1.6}.hero-pack{width:185px;min-width:185px;height:245px;margin-right:55px;transform:rotate(9deg);border-radius:18px 18px 40px 40px;border:2px solid #ffdc8a;background:repeating-linear-gradient(130deg,transparent 0 25px,#ffe5aa0a 25px 27px),linear-gradient(145deg,#324a64,#10273f 60%,#826126);box-shadow:14px 17px 0 #15344e;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffe08b}.hero-pack span{font-size:72px;font-weight:950;letter-spacing:-8px}.hero-pack b{letter-spacing:4px}.hero-pack small{margin-top:12px}.hero-pack i{font-size:10px;letter-spacing:2px;font-style:normal;margin-top:25px}.draft-panel{display:flex;justify-content:space-between;gap:26px;align-items:center;padding:26px;background:#112a43;border:1px solid #315072;border-radius:21px}.draft-panel h2{font-size:24px;margin:9px 0}.draft-panel p{font-size:13px;margin:9px 0}.pool-a{color:#addfff}.pool-b{color:#ffda81;margin-left:12px}.muted{color:#91b0cb;font-size:13px}.actions{min-width:220px;text-align:center}.balance{margin-bottom:13px;display:flex;align-items:center;justify-content:center;gap:10px}.balance b{font-size:37px;color:#ffe08b}.balance span{font-size:10px;letter-spacing:2px}.actions .primary{background:linear-gradient(#ffe08b,#efad3a);border:0;color:#282006;box-shadow:0 4px 0 #ad6f18;width:100%;font-weight:900}.actions small{display:block;font-size:11px;color:#b1cae1;margin-top:12px}#status{min-height:42px;padding:14px 3px;color:#ffda81;font-size:13px}#retry{margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.section-head h2{margin:6px 0;font-size:23px}.section-head h2 span{font-size:14px;color:#a1bdd6;white-space:nowrap}.section-head label{font-size:12px;color:#b1cae1}.section-head select{margin-left:8px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.player{position:relative;aspect-ratio: .69;border:0;border-radius:15px;padding:0;background:transparent;color:inherit;perspective:900px;min-width:0;text-align:center}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.player.face-down .card-inner{transform:rotateY(180deg)}.front,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #8db9d4;border-radius:15px;overflow:hidden}.front{background:radial-gradient(ellipse at 50% 38%,#427795,#173650 70%);display:flex;flex-direction:column;align-items:center;padding:12px 7px}.legend .front{border:2px solid #ffda81;background:radial-gradient(ellipse at 50% 38%,#a47d3c,#493820 70%);color:#fff0c5}.card-back{transform:rotateY(180deg);background:repeating-linear-gradient(135deg,transparent 0 16px,#ffdc8a0b 16px 18px),#112a43;border:2px solid #b99654;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffda81}.card-back b{font-size:37px}.card-back small{font-size:10px;letter-spacing:1px;margin-top:12px}.rating{align-self:flex-start;font-size:27px;line-height:1;font-weight:950;z-index:1}.position{align-self:flex-start;font-size:10px;margin-top:4px}.shirt{width:63%;height:42%;margin-top:-8px;min-height:42px;clip-path:polygon(28% 0,39% 7%,61% 7%,72% 0,100% 22%,84% 43%,76% 34%,79% 100%,21% 100%,24% 34%,16% 43%,0 22%);background:linear-gradient(95deg,#8ab9cf,#d5e7eb 50%,#8ab9cf);color:#173650;display:grid;place-items:center;font-weight:950;font-size:33px}.legend .shirt{background:linear-gradient(95deg,#c89b51,#ffe5a3 50%,#c89b51);color:#61491e}.player-name{font-size:clamp(11px,1.4vw,16px);font-weight:900;margin-top:auto;padding-top:10px;line-height:1.15}.details{font-size:10px;letter-spacing:1px;margin-top:7px}.edition{font-size:9px;margin-top:8px;letter-spacing:1.3px;color:#bfdaea}.legend .edition{color:#ffe08b}.copies{position:absolute;right:7px;top:9px;font-size:11px;padding:4px 6px;border-radius:7px;background:#071525a6}.collection-section{margin-top:40px}.empty{border:1px dashed #486587;border-radius:18px;text-align:center;padding:40px 15px;color:#d0e3f3;line-height:1.8}.empty span{color:#91b0cb;font-size:14px}footer{border-top:1px solid #315072;margin-top:42px;padding-top:20px;font-size:12px;line-height:1.8;color:#7897b5}.enter{animation:deal .55s both;animation-delay:var(--delay)}@keyframes deal{from{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:850px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-pack{margin-right:15px}.draft-panel{padding:20px}.player-name{font-size:16px}}@media(max-width:560px){.wrap{padding:17px 13px 40px}.brand{font-size:15px}.back{font-size:12px}.hero{padding:34px 0 24px;gap:14px}.hero p{font-size:13px}.hero-pack{min-width:105px;width:105px;height:155px;margin-right:8px;border-radius:12px 12px 25px 25px;box-shadow:7px 9px 0 #15344e}.hero-pack span{font-size:45px;letter-spacing:-4px}.hero-pack b{font-size:10px;letter-spacing:2px}.hero-pack i{font-size:7px;margin-top:15px}.hero-pack small{font-size:10px}.tag{font-size:9px}.draft-panel{flex-direction:column;align-items:stretch;gap:10px}.draft-panel h2{font-size:21px}.actions{width:100%}.pool-b{margin-left:5px}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-name{font-size:15px}.section-head h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
