.title-screen-open{overflow:hidden}.welcome-screen{position:fixed;inset:0;z-index:15;overflow:auto;isolation:isolate;background:#081525;color:#f6f3de;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:32px 24px;font-family:var(--font-ui)}.welcome-screen[hidden]{display:none}.welcome-stadium{position:absolute;inset:0;overflow:hidden;z-index:-2;background:linear-gradient(#07122225 15%,#0a1c3466 40%,#081426bd 74%),url('assets/stadium-grandstand-v1.webp') center 8%/auto 64% repeat-x,#0d1d37}.welcome-stadium:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 12% 12%,#9cdaff90,transparent 28%),radial-gradient(ellipse at 88% 12%,#a7dfff80,transparent 28%),linear-gradient(#071122 0%,transparent 35%,#07122690 100%)}.welcome-turf{position:absolute;left:-20%;right:-20%;top:48%;height:85%;transform:perspective(620px) rotateX(50deg);transform-origin:50% 0;background:repeating-linear-gradient(0deg,transparent 0 95px,#d6f3ce66 96px 99px),repeating-linear-gradient(90deg,#226342 0 130px,#1c583a 130px 260px);border:4px solid #cee9bb;box-shadow:0 -10px 70px #77c6a040}.welcome-turf:after{content:'50       40       30       20       10';display:block;text-align:center;margin:40px auto;white-space:pre;color:#d9eac559;font:bold 34px var(--font-ui)}.welcome-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#06102155,transparent 50%,#06102155),linear-gradient(0deg,#06101bee,transparent 65%);z-index:-1;pointer-events:none}.welcome-topline{position:absolute;left:32px;right:32px;top:24px;display:flex;justify-content:space-between;gap:15px;font:700 10px var(--font-ui);letter-spacing:2px;color:#bad5df}.welcome-topline b{color:#f3d077}.welcome-content{width:min(530px,100%);text-align:center;padding:30px 0 100px}.welcome-kicker{color:#9ddfeb;font:700 11px var(--font-ui);letter-spacing:4px;margin:0 0 12px}.welcome-title{position:relative;font:1000 clamp(70px,11vw,136px)/.78 var(--font-display),Impact,sans-serif;letter-spacing:-2px;transform:skew(-6deg);margin:0 0 24px;text-shadow:0 4px #28698b,0 9px #102c4f,0 12px #030c1d,5px 0 #102c4f,-4px 0 #102c4f;filter:drop-shadow(0 12px 18px #0008)}.welcome-title span{display:block;color:#f5cf70;text-shadow:0 4px #af603b,0 9px #6b3433,0 12px #030c1d,5px 0 #102c4f,-4px 0 #102c4f;font-size:1.16em}.welcome-tagline{margin:0 0 24px;color:#ccdfdf;font:700 10px var(--font-ui);letter-spacing:2px}.welcome-menu{width:min(340px,100%);display:grid;gap:9px;margin:auto}.welcome-menu>button{position:relative;min-height:51px;border:2px solid #546c93;border-radius:3px;background:linear-gradient(120deg,#213a5bed,#162944f5);color:#f2f3df;font:800 16px var(--font-ui);letter-spacing:1px;box-shadow:0 4px #070f22,0 6px 16px #02071150}.welcome-menu>button:hover,.welcome-menu>button:focus-visible{border-color:#f4d584;outline:0;background:#294d70;transform:translateY(-1px)}.welcome-menu>button:first-child{color:#102136;background:linear-gradient(120deg,#ffe193,#f1b850);border-color:#fff0b8;box-shadow:0 4px #99682f,0 5px 30px #e3b75045}.welcome-menu>button:first-child:before{content:'▶';position:absolute;left:20px;top:14px;font-size:15px}.welcome-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin:23px 0 0}.welcome-options button{background:none;border:0;border-bottom:1px solid #789bad;color:#bcdde3;font:700 10px var(--font-ui);padding:8px 2px;letter-spacing:.8px}.welcome-options button:focus-visible{outline:2px solid #f1d584;outline-offset:4px}.welcome-how{margin:16px auto 0;max-width:340px;background:#0d213de8;border:1px solid #456785;padding:14px 18px;font-size:12px;text-align:left;line-height:1.8;color:#c9dde6}.welcome-how[hidden]{display:none}.welcome-how strong{color:#f3d077}.welcome-hero{position:absolute;width:clamp(190px,26vw,400px);top:42%;transform:translateY(-20%);pointer-events:none;filter:drop-shadow(0 18px 14px #020815aa)}.welcome-hero img{width:100%;height:auto;object-fit:contain;animation:title-hover 5s ease-in-out infinite}.welcome-hero.left{left:1%}.welcome-hero.right{right:1%}.welcome-hero.right img{animation-delay:-2.5s}.welcome-player{display:block;width:max-content;max-width:100%;margin:-12px auto 0;padding:9px 16px;border-left:3px solid #68ceeb;background:#11243cdd;color:#f3f3df;font:800 14px var(--font-ui);transform:skew(-5deg)}.welcome-hero.right .welcome-player{border-color:#ee9a75}.welcome-player small{display:block;color:#8cbed5;font-size:8px;letter-spacing:2px;margin-top:5px}.welcome-bottom{position:absolute;bottom:20px;left:24px;right:24px;text-align:center}.welcome-badges{display:flex;gap:20px;justify-content:center;color:#e8cc8d;font:700 9px var(--font-ui);letter-spacing:1px;margin-bottom:14px}.welcome-bottom p{font-size:8px;line-height:1.7;letter-spacing:.3px;color:#7e9eb0;margin:0}.welcome-bottom a{color:#a6c5cf}.welcome-footerline{height:2px;background:linear-gradient(90deg,transparent,#649aab88,transparent);margin:0 5% 12px}@keyframes title-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}
/* Detailed artwork is used for selection and portraits; live play retains eight-direction pixel animation. */
.prospect>img{width:132px;height:132px;max-width:100%;margin:0 auto 5px;image-rendering:auto;filter:drop-shadow(0 7px 7px #07142466)}.draft-slot img{width:48px;height:48px;object-fit:contain;image-rendering:auto}.draft-slot{min-height:61px}.position-current>img{width:78px;height:78px;image-rendering:auto}.card-top>img,.coach-player>img,.ultimate-player>img,.score-hero>img,.team>img{image-rendering:auto;object-fit:contain}.prospect{background:radial-gradient(ellipse at 50% 30%,#4277694a,transparent 60%),linear-gradient(145deg,#233c36,#142822)}.prospect h3{font-size:26px}.prospect.starter{opacity:1;box-shadow:inset 0 0 0 1px #bfda7980}.draft-heading h1{color:#eef6e7}.draft-heading h1 em{color:#f2cf80}.draft-squad{background:#152d2b}.draft-screen .eyebrow{color:#7bd4de}
.ultimate-call{top:4%;width:min(90%,490px);z-index:5}.ultimate-call .power-cut-in{position:relative;width:100%;padding:10px 16px 10px 112px;min-height:97px;gap:12px;justify-content:space-between;background:linear-gradient(110deg,#142938f5,#0c1b2bed);border:2px solid var(--ultimate);border-left-width:6px;box-shadow:0 8px 25px #0007,inset 0 -3px 0 #ffffff14;overflow:visible}.power-cut-in img{position:absolute;bottom:0;left:0;width:112px;height:112px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 4px #0008)}.power-cut-in b{font-size:27px;white-space:normal;line-height:1.05}.power-cut-in b em{display:block;font:700 8px var(--font-ui);letter-spacing:1.1px;color:#bdd3dc;font-style:normal;margin:0 0 6px}.power-cut-in small{font-size:20px;margin-top:6px}.power-cut-in>strong{font:800 11px var(--font-ui);color:var(--ultimate);white-space:nowrap;align-self:end;padding:7px 5px;border:1px solid #ffffff24;border-radius:2px}
@media(max-width:900px){.welcome-hero{width:27vw;top:51%;opacity:.85}.welcome-hero.left{left:-6%}.welcome-hero.right{right:-6%}.welcome-player{font-size:10px;padding:7px}.welcome-player small{font-size:6px;letter-spacing:1px}.welcome-menu{max-width:320px}.welcome-content{z-index:1}}
@media(max-width:600px){.welcome-screen{padding:60px 20px 120px;align-items:center}.welcome-topline{top:18px;left:18px;right:18px;font-size:8px;letter-spacing:1px}.welcome-topline>span{max-width:120px;text-align:right}.welcome-content{padding:15px 0 0}.welcome-title{font-size:86px}.welcome-kicker{font-size:9px;letter-spacing:2px}.welcome-tagline{font-size:8px;letter-spacing:1px;margin-bottom:23px}.welcome-menu{max-width:290px}.welcome-menu>button{min-height:50px;font-size:14px}.welcome-hero{top:22%;width:42vw;opacity:.38;z-index:-1}.welcome-hero.left{left:-12%}.welcome-hero.right{right:-12%}.welcome-player{display:none}.welcome-options{gap:22px;margin-top:20px}.welcome-bottom{bottom:14px;left:15px;right:15px}.welcome-badges{font-size:7px;gap:12px;letter-spacing:.4px}.welcome-bottom p{font-size:7px}.draft-slots .draft-slot{min-height:100px}.draft-slots .draft-slot img{width:52px;height:52px}.prospect>img{width:125px;height:125px}.ultimate-call{top:4%;width:91%;max-width:440px;flex-wrap:nowrap}.ultimate-call .power-cut-in{padding:5px 8px 5px 67px;min-height:59px;gap:6px;border-width:1px;border-left-width:4px}.power-cut-in img{width:68px;height:68px}.power-cut-in b{font-size:17px}.power-cut-in b em{font-size:5px;letter-spacing:.4px;margin-bottom:4px}.power-cut-in small{font-size:13px;margin-top:3px}.power-cut-in>strong{font-size:7px;padding:5px 3px}}
@media(max-height:650px) and (min-width:601px){.welcome-screen{align-items:flex-start;padding-top:48px}.welcome-content{padding-top:10px}.welcome-title{font-size:80px}.welcome-menu{grid-template-columns:1fr 1fr;max-width:460px;width:100%}.welcome-menu>button:first-child{grid-column:1/-1}.welcome-menu>button{font-size:12px;min-height:43px}.welcome-menu>button:first-child:before{top:11px}.welcome-bottom{position:relative;inset:auto;align-self:end}.welcome-screen{display:block}.welcome-content{margin:auto}.welcome-hero{top:36%;width:23vw}.welcome-kicker{font-size:9px}.welcome-tagline{margin-bottom:16px}.welcome-options{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.welcome-hero img{animation:none}.welcome-menu>button{transform:none}}
.welcome-bottom{display:block}
@media(max-width:600px){.welcome-screen{flex-direction:column;justify-content:flex-start;gap:28px;padding:70px 20px 24px}.welcome-content{margin:auto 0;flex-shrink:0;width:100%}.welcome-bottom{position:relative;inset:auto;width:100%;margin-top:auto;flex-shrink:0}}
@media(max-height:500px) and (min-width:601px){.welcome-screen{padding:50px 24px 14px}.welcome-content{display:grid;grid-template-columns:1fr 1.2fr;column-gap:40px;row-gap:12px;max-width:740px;width:100%;padding:0 0 20px;align-items:center}.welcome-kicker{grid-column:1;grid-row:1;font-size:7px;letter-spacing:1px;margin:0}.welcome-title{grid-column:1;grid-row:2;font-size:70px;margin:0}.welcome-tagline{grid-column:1;grid-row:3;font-size:7px;letter-spacing:1px;margin:0}.welcome-menu{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr;gap:7px;max-width:none}.welcome-menu>button,.welcome-menu>button:first-child{grid-column:auto;min-height:40px;font-size:11px}.welcome-menu>button:first-child:before{top:10px;left:12px}.welcome-options{grid-column:1;grid-row:4;margin:0;gap:16px}.welcome-options button{font-size:8px}.welcome-how{grid-column:1/-1;margin:0;max-width:100%}.welcome-bottom{margin:0 auto;max-width:740px}.welcome-badges{margin-bottom:8px;font-size:7px}.welcome-bottom p{font-size:6px}.welcome-hero{opacity:.2;top:32%;width:25vw}.welcome-player{display:none}}