@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=Inter:wght@500;600;700;800&display=swap');
:root{--ink:#eef6e8;--lime:#c9ff3d;--teal:#21dfb2;--orange:#ff6b30;--dark:#071110;--panel:#0c1b18;--line:#ffffff1c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050b0a;color:var(--ink);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden;background:radial-gradient(ellipse at 50% -20%,#285243 0,#091310 42%,#030706 100%)}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar{height:72px;padding:0 3vw;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;margin-right:auto}.brand-mark{width:42px;height:42px;border:2px solid var(--lime);display:grid;place-items:center;transform:skew(-8deg);font:900 20px 'Barlow Condensed';box-shadow:inset 0 0 15px #c9ff3d22}.brand b,.brand small{display:block;font-family:'Barlow Condensed';letter-spacing:.06em}.brand b{font-size:22px;line-height:20px}.brand small{font-size:9px;color:#8da39b}.daily{font:700 12px 'Barlow Condensed';letter-spacing:.15em;border:1px solid var(--line);padding:9px 13px;border-radius:30px}.daily i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:6px}.icon-btn{width:36px;height:36px;border-radius:50%;color:#cbd8d3;background:#ffffff09;border:1px solid var(--line);cursor:pointer}.score-ribbon{height:76px;display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;max-width:1100px;margin:auto;position:relative;z-index:4}.team{display:flex;align-items:center;gap:12px}.team.home{justify-content:flex-end;text-align:right}.team small,.game-clock small{display:block;color:#82968e;font:700 9px Inter;letter-spacing:.13em}.team b{font:800 16px 'Barlow Condensed';letter-spacing:.06em}.team strong{font:900 36px 'Barlow Condensed';font-style:italic}.mini-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font:900 24px 'Barlow Condensed';transform:rotate(-4deg)}.bolt{background:linear-gradient(145deg,#e6ff6a,#7bcf1e);color:#10220c;box-shadow:0 8px 22px #aaff3430}.anvil{background:linear-gradient(145deg,#ff844f,#9e2f18);color:#220b05;box-shadow:0 8px 22px #ff673330}.game-clock{text-align:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}.game-clock b{display:block;font:900 29px 'Barlow Condensed';letter-spacing:.04em}.game-clock span{font:700 10px 'Barlow Condensed';letter-spacing:.08em;color:var(--lime)}
.stadium-shell{height:min(51vw,535px);min-height:390px;position:relative;overflow:hidden;perspective:850px;background:radial-gradient(ellipse at 50% 56%,#42745d 0,#13261e 42%,#050a09 75%);border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff16}.sky{position:absolute;inset:0;background:linear-gradient(#050c0b 0,#102820 52%,transparent 78%)}.beam{position:absolute;top:-20%;width:28%;height:130%;filter:blur(15px);opacity:.16;background:linear-gradient(180deg,#e9ffce,transparent 70%);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%)}.b1{left:5%;transform:rotate(-22deg)}.b2{left:26%;transform:rotate(-9deg)}.b3{right:24%;transform:rotate(10deg)}.b4{right:3%;transform:rotate(23deg)}.stands{position:absolute;left:-4%;width:108%;background:linear-gradient(#17241f,#060a09);border:1px solid #ffffff12;overflow:hidden}.stands.back{top:10%;height:29%;clip-path:polygon(2% 0,98% 0,90% 100%,10% 100%)}.stands.front{bottom:-8%;height:27%;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);z-index:5}.crowd{position:absolute;inset:0;background-image:radial-gradient(circle,#eeffb9 0 1.2px,transparent 1.7px),radial-gradient(circle,#ff8753 0 1.4px,transparent 1.8px),radial-gradient(circle,#4bd6b7 0 1px,transparent 1.7px);background-size:19px 16px,23px 20px,17px 24px;animation:crowd 1.8s steps(2) infinite;opacity:.7}.ribbon{position:absolute;bottom:0;width:100%;padding:6px 0;background:#b6f831;color:#0b1b11;font:900 10px Inter;letter-spacing:.35em;white-space:nowrap;text-align:center;box-shadow:0 0 20px #b6f83166}.field-wrap{position:absolute;left:50%;top:35%;width:min(83%,1040px);height:62%;transform:translateX(-50%) rotateX(56deg);transform-origin:50% 0;filter:drop-shadow(0 25px 28px #000)}.field{height:100%;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#19543a 0,#19543a 9.1%,#174b36 9.1%,#174b36 18.2%);border:6px solid #e8f1dd;box-shadow:inset 0 0 55px #0008}.yard-lines{position:absolute;inset:0 4%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#ecf4e599 calc(10% - 1px),#ecf4e599 10%)}.hashes{position:absolute;inset:34% 6%;border-top:4px dashed #eaf3df88;border-bottom:4px dashed #eaf3df88}.endzone{position:absolute;top:0;bottom:0;width:6%;z-index:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font:900 18px 'Barlow Condensed';letter-spacing:.12em}.end-a{left:0;background:#4f7a22}.end-b{right:0;background:#7f321d}.first-line,.scrimmage-line{position:absolute;top:0;bottom:0;width:4px;z-index:2;box-shadow:0 0 12px currentColor;transition:left .7s ease}.first-line{left:42%;background:#f5df45;color:#f5df45}.scrimmage-line{left:33%;background:#2bcaff;color:#2bcaff}.ball{position:absolute;left:33%;top:50%;width:14px;height:9px;border-radius:50%;background:#7b331b;border:2px solid #e9c39d;z-index:8;transform:translate(-50%,-50%);transition:left .8s cubic-bezier(.2,.8,.2,1),top .5s}.ball i{position:absolute;left:4px;top:-1px;height:7px;border-left:1px solid white}.player{position:absolute;width:19px;height:19px;border-radius:50%;z-index:7;transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1),transform .3s;box-shadow:0 5px 8px #0009}.player:before{content:'';position:absolute;inset:3px;border-radius:50%;border:2px solid #fff8}.player.off{background:var(--lime);border:2px solid #19330d}.player.def{background:var(--orange);border:2px solid #45170a}.route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.route{fill:none;stroke:var(--lime);stroke-width:4;stroke-dasharray:8 7;filter:drop-shadow(0 0 6px #baff42);animation:dash 1s linear infinite}.momentum{position:absolute;right:3vw;top:28%;z-index:10;width:130px;padding:12px;background:#07100dd9;border:1px solid #ffffff25;transform:skew(-4deg)}.momentum small,.momentum b{font:800 9px 'Barlow Condensed';letter-spacing:.14em}.momentum b{display:block;color:var(--lime);margin-top:6px}.momentum div{height:5px;background:#ffffff1a;margin-top:7px}.momentum i{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--orange),var(--lime));box-shadow:0 0 10px var(--lime);transition:width .6s}.result-burst{position:absolute;left:50%;top:50%;z-index:15;transform:translate(-50%,-40%) scale(.7);text-align:center;opacity:0;pointer-events:none}.result-burst.show{animation:burst 2.1s ease}.result-burst small,.result-burst span{display:block;font:800 10px Inter;letter-spacing:.25em}.result-burst b{display:block;font:900 clamp(36px,6vw,76px) 'Barlow Condensed';font-style:italic;color:white;text-shadow:0 5px 0 #0a1a14,0 0 32px #bfff45;margin:2px 0}.result-burst span{color:var(--lime)}
.coach-desk{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(450px,1.8fr) minmax(150px,.55fr);gap:22px;padding:22px 3vw;background:linear-gradient(180deg,#0d1a17,#07100e);border-bottom:1px solid var(--line)}.situation small,.drive-log small{font:800 9px Inter;letter-spacing:.17em;color:var(--lime)}.situation h1{font:900 25px 'Barlow Condensed';margin:6px 0 5px;letter-spacing:.03em}.situation p{margin:0;color:#93a69f;font-size:11px;line-height:1.5}.situation p span{color:var(--orange)}.playbook{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.play-card{position:relative;min-height:105px;text-align:left;padding:12px;border:1px solid #ffffff20;background:linear-gradient(145deg,#14251f,#09110f);color:white;cursor:pointer;overflow:hidden;transition:.25s;transform:translateY(0)}.play-card:hover{transform:translateY(-6px) rotate(-1deg);border-color:#bfff4566;box-shadow:0 12px 25px #0008}.play-card.selected{border-color:var(--lime);background:linear-gradient(145deg,#263d20,#101b12);box-shadow:0 0 0 1px #bfff45,0 14px 26px #0009}.play-card small{font:800 8px Inter;letter-spacing:.13em;color:#7f948c}.play-card b{display:block;font:900 17px 'Barlow Condensed';margin:4px 0}.play-card p{margin:0;font-size:9px;color:#a8b7b1}.mini-route{position:absolute;right:-8px;bottom:-10px;width:72px;height:58px;border:2px dashed #bfff4577;border-left:0;border-bottom:0;border-radius:0 40px 0 0;transform:rotate(-12deg)}.risk{position:absolute;bottom:8px;left:12px;font:800 7px Inter;color:#ff8a5b;letter-spacing:.1em}.decision{display:flex;flex-direction:column;justify-content:center;gap:8px}.decision button,.intro-copy button,.finish-card>button{border:0;background:var(--lime);color:#0b160d;font:900 14px 'Barlow Condensed';letter-spacing:.08em;padding:16px;cursor:pointer;box-shadow:0 8px 0 #698c22,0 14px 28px #0008;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transition:.2s}.decision button:hover:not(:disabled),.intro-copy button:hover{filter:brightness(1.12);transform:translateY(-2px)}.decision button:disabled{filter:grayscale(1);opacity:.35;box-shadow:none}.decision button span{float:right}.decision small{text-align:center;color:#687b74;font:700 8px Inter;letter-spacing:.13em}.drive-log{display:grid;grid-template-columns:220px 1fr 150px;gap:20px;align-items:center;min-height:58px;padding:10px 3vw;background:#050b09}.drive-log p{font:600 11px Inter;color:#9bad9f;text-align:center}.drive-log i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-left:6px}.timeouts{text-align:right;font:800 9px Inter;letter-spacing:.12em}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ffffff20;margin:5px 4px 0 0}.dot.good{background:var(--lime);box-shadow:0 0 7px var(--lime)}.dot.bad{background:var(--orange)}
.overlay{position:fixed;inset:0;z-index:50;background:#020705eb;backdrop-filter:blur(12px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.45s;padding:20px}.overlay.show{opacity:1;pointer-events:auto}.intro-card{width:min(940px,95vw);display:grid;grid-template-columns:1.08fr .92fr;background:#0d1a16;border:1px solid #ffffff24;box-shadow:0 35px 100px #000}.intro-art{min-height:540px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#94d84f55,transparent 35%),linear-gradient(155deg,#254738,#07100d 65%)}.intro-art:before{content:'';position:absolute;width:150%;height:55%;bottom:-13%;background:repeating-linear-gradient(90deg,#164833 0,#164833 9%,#123b2b 9%,#123b2b 18%);transform:rotateX(55deg) rotateZ(-8deg);border:7px solid white;box-shadow:0 -20px 80px #baff4544}.intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#d8ffbd18 41%,transparent 52%)}.football-big{position:relative;z-index:2;font:900 72px/0.7 'Barlow Condensed';font-style:italic;letter-spacing:-.04em;text-shadow:0 8px 0 #06100c,0 0 40px #aef93e44;transform:rotate(-5deg)}.football-big b{font-size:120px;color:var(--lime)}.intro-art>span{position:absolute;left:28px;bottom:25px;font:800 9px Inter;letter-spacing:.2em}.intro-copy{padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.intro-copy>small,.modal>small,.finish-card>small{font:800 9px Inter;letter-spacing:.22em;color:var(--lime)}.intro-copy h2,.modal h2,.finish-card h2{font:900 46px/0.95 'Barlow Condensed';margin:12px 0 18px}.intro-copy h2 em{color:var(--lime)}.intro-copy p{font-size:13px;line-height:1.7;color:#a5b5ae}.brief{display:flex;gap:20px;padding:18px 0;margin:6px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brief span{font:800 8px Inter;color:#778b83;letter-spacing:.12em}.brief b{display:block;color:white;font:900 21px 'Barlow Condensed';letter-spacing:.03em}.intro-copy .micro{text-align:center;margin-top:14px;color:#64776f;font:700 7px Inter;letter-spacing:.12em}.modal{width:min(760px,95vw);padding:40px;background:#0b1714;border:1px solid #ffffff26;position:relative}.close{position:absolute;right:18px;top:18px;border:0;background:none;color:white;font-size:26px;cursor:pointer}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how span{padding:22px 16px;border:1px solid var(--line);background:#ffffff05}.how b{color:var(--lime);font:900 10px Inter}.how i{display:block;font-style:normal;font-size:28px;margin:18px 0}.how strong{display:block;font:900 16px 'Barlow Condensed'}.how p{color:#84978f;font-size:10px;line-height:1.5}.finish-card{text-align:center;width:min(520px,94vw);padding:40px;background:radial-gradient(circle at 50% 18%,#42633455,transparent 35%),#0b1714;border:1px solid #ffffff25;box-shadow:0 30px 90px #000}.grade{width:90px;height:90px;margin:15px auto;display:grid;place-items:center;border-radius:50%;border:4px solid var(--lime);font:900 56px 'Barlow Condensed';color:var(--lime);box-shadow:0 0 35px #bfff4533,inset 0 0 25px #bfff4518}.finish-card h2{margin:10px 0}.finish-card p{color:#9db0a8;font-size:12px}.final-score{display:flex;justify-content:center;align-items:center;gap:24px;margin:22px 0}.final-score b{font:900 48px 'Barlow Condensed'}.final-score span{font:800 9px Inter;letter-spacing:.18em;color:#758980}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 24px;border:1px solid var(--line)}.stats span{padding:13px 5px;font:800 7px Inter;color:#789087;letter-spacing:.1em;border-right:1px solid var(--line)}.stats span:last-child{border:0}.stats b{display:block;font:900 16px 'Barlow Condensed';color:white}.finish-card>button{width:100%;margin:5px 0}.finish-card>button.ghost{background:transparent;color:#84988f;border:1px solid var(--line);box-shadow:none}
@keyframes crowd{50%{transform:translateY(-2px);filter:brightness(1.4)}}@keyframes dash{to{stroke-dashoffset:-15}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-40%) scale(.6)}15%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.12)}}
@media(max-width:800px){.topbar{height:58px}.brand small,.daily,.team div{display:none}.score-ribbon{height:66px;grid-template-columns:1fr 150px 1fr;padding:0 12px}.team.home{justify-content:flex-end}.team strong{font-size:28px}.mini-logo{width:34px;height:34px}.stadium-shell{height:410px}.stands.back{top:6%}.field-wrap{top:33%;width:112%;height:62%}.momentum{display:none}.coach-desk{grid-template-columns:1fr;padding:16px}.situation{text-align:center}.playbook{grid-template-columns:repeat(2,1fr)}.play-card{min-height:92px}.decision button{max-width:360px;width:100%;margin:auto}.drive-log{grid-template-columns:1fr;text-align:center}.drive-log p{order:-1}.timeouts{display:none}.intro-card{grid-template-columns:1fr;max-height:94vh;overflow:auto}.intro-art{min-height:210px}.football-big{font-size:45px}.football-big b{font-size:75px}.intro-copy{padding:28px}.intro-copy h2{font-size:38px}.how{grid-template-columns:1fr}.modal{max-height:90vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Immersive command-room layout */
@media(min-width:801px){
 body{height:100vh;overflow:hidden;background:#020706}.topbar{height:58px;position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(#020807ee,transparent);border:0}.brand-mark{background:#b9ff2c;color:#071009;border:0;box-shadow:0 0 28px #aaff3360}.score-ribbon{position:absolute;z-index:25;top:58px;left:50%;transform:translateX(-50%);height:72px;width:min(860px,72vw);padding:0 26px;background:linear-gradient(90deg,#08110ee8,#14231ee8,#08110ee8);border:1px solid #ffffff22;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);box-shadow:0 18px 45px #0009,0 0 40px #79ff2610;backdrop-filter:blur(16px)}
 .stadium-shell{height:100vh;min-height:660px;border:0;background:radial-gradient(ellipse at 50% 50%,#244b3a 0,#08110e 55%,#020504 83%)}.stadium-shell:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:9;box-shadow:inset 0 0 120px 42px #000,inset 0 -120px 100px #0009}.stands.back{top:7%;height:37%;transform:scaleX(1.08);border-radius:0 0 50% 50%}.stands.front{height:22%;bottom:-11%;filter:blur(.3px)}.field-wrap{--mx:0deg;--my:0deg;top:25%;width:min(88%,1280px);height:64%;transform:translateX(-50%) rotateX(calc(52deg + var(--my))) rotateZ(var(--mx));transition:transform .18s ease,top .6s,width .6s,height .6s;filter:drop-shadow(0 38px 42px #000)}.field{border-width:8px;border-radius:2px;box-shadow:inset 0 0 85px #0008,0 0 0 3px #8ead7a33}.player{width:22px;height:22px;box-shadow:0 7px 10px #000,0 0 0 2px #ffffff15}.ball{box-shadow:0 4px 8px #000,0 0 10px #fff6}.momentum{right:4vw;top:34%;width:150px;transform:perspective(400px) rotateY(-12deg) skew(-4deg);box-shadow:12px 18px 35px #0009}.coach-desk{position:absolute;z-index:20;left:2.5vw;right:2.5vw;bottom:25px;height:214px;grid-template-columns:250px 1fr 180px;align-items:end;gap:24px;padding:20px 22px 18px;background:linear-gradient(180deg,#0f1e19e8,#050b09f7);border:1px solid #ffffff1f;clip-path:polygon(1.2% 0,98.8% 0,100% 10%,100% 100%,0 100%,0 10%);box-shadow:0 -20px 60px #000b,0 15px 45px #000;backdrop-filter:blur(14px);transform:perspective(1000px) rotateX(1.2deg);transform-origin:bottom}.coach-desk:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--lime),var(--teal),transparent);box-shadow:0 0 18px var(--lime)}.situation{align-self:center}.situation h1{font-size:30px}.situation p{font-size:10px}.playbook-shell{height:178px;position:relative;perspective:900px}.playbook{height:156px;display:flex;align-items:flex-end;justify-content:center;gap:0;perspective:850px}.play-card{flex:1;max-width:205px;min-width:130px;height:142px;min-height:0;padding:16px 14px 12px;margin:0 -3px;transform:rotate(calc((var(--i) - 1.5)*3deg)) translateY(calc(abs(var(--i) - 1.5)*6px));transform-origin:50% 130%;border:1px solid #ffffff2c;background:linear-gradient(145deg,#1b3229,#08110e);box-shadow:0 13px 25px #000b,inset 0 1px #ffffff14;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.play-card:hover,.play-card:focus{z-index:4;transform:translateY(-22px) rotate(0) scale(1.06);background:linear-gradient(145deg,#36522b,#0e1b13);box-shadow:0 24px 35px #000,0 0 0 1px var(--lime),0 0 30px #aaff2425;outline:0}.play-card.selected{z-index:5;transform:translateY(-25px) rotate(0) scale(1.07);background:linear-gradient(145deg,#45652f,#0e2115)}.play-card b{font-size:20px}.play-card p{max-width:100px}.card-no{position:absolute;right:12px;top:10px;font:900 27px 'Barlow Condensed';font-style:italic;color:#ffffff0d}.desk-edge{position:absolute;bottom:-1px;left:4%;right:4%;height:25px;padding:7px 15px;background:linear-gradient(90deg,#152a22,#09130f);border-top:1px solid #ffffff1c;transform:rotateX(-30deg);font:800 7px Inter;letter-spacing:.18em;color:#72867d}.desk-edge b{float:right;color:#a4baaf}.decision{align-self:center}.decision button{padding:20px 15px;font-size:17px}.drive-log{position:absolute;z-index:24;left:3.5vw;right:3.5vw;bottom:3px;min-height:22px;height:22px;padding:0 22px;background:transparent;pointer-events:none}.drive-log p{margin:0}.broadcast-bug{position:absolute;z-index:12;left:3vw;top:95px;padding:10px 14px 10px 42px;background:#07100dcc;border-left:3px solid var(--orange);box-shadow:0 10px 25px #0008}.broadcast-bug:before{content:'◉';position:absolute;left:14px;top:15px;color:var(--orange);animation:blink 1.3s infinite}.broadcast-bug span,.broadcast-bug b,.broadcast-bug small{display:block;font-family:Inter;letter-spacing:.12em}.broadcast-bug span{color:var(--orange);font-size:7px;font-weight:900}.broadcast-bug b{font-size:11px}.broadcast-bug small{font-size:6px;color:#71847c;margin-top:2px}.camera-rail{position:absolute;z-index:13;right:3vw;top:98px;display:flex;background:#07100dcc;border:1px solid #ffffff1c;padding:4px;transform:skew(-6deg)}.camera-rail button{border:0;background:transparent;color:#72867e;padding:8px 11px;font:800 7px Inter;letter-spacing:.14em;cursor:pointer}.camera-rail button.active{background:var(--lime);color:#09120c;box-shadow:0 0 14px #baff4244}.pressure-ring{position:absolute;z-index:12;left:4vw;top:37%;width:82px;height:82px;border-radius:50%;border:1px solid #ffffff25;display:grid;place-items:center;background:#07100daa;box-shadow:inset 0 0 20px #000}.pressure-ring i{position:absolute;inset:7px;border-radius:50%;border:4px solid transparent;border-top-color:var(--orange);border-right-color:var(--orange);transform:rotate(25deg);filter:drop-shadow(0 0 5px var(--orange))}.pressure-ring span{position:absolute;top:31px;font:800 5px Inter;letter-spacing:.12em;color:#93a49e}.pressure-ring b{margin-top:20px;font:900 21px 'Barlow Condensed'}.stadium-shell[data-view="sky"] .field-wrap{top:18%;width:76%;height:72%;transform:translateX(-50%) rotateX(68deg) rotateZ(var(--mx))}.stadium-shell[data-view="field"] .field-wrap{top:38%;width:105%;height:52%;transform:translateX(-50%) rotateX(38deg) rotateZ(var(--mx))}.ghost-route{opacity:.45;stroke:#bfff45}.result-burst b{font-size:88px}.overlay{z-index:60}
}
@keyframes blink{50%{opacity:.25}}
@media(min-width:801px){.play-card:nth-child(1){transform:rotate(-5deg) translateY(9px)}.play-card:nth-child(2){transform:rotate(-2deg) translateY(2px)}.play-card:nth-child(3){transform:rotate(2deg) translateY(2px)}.play-card:nth-child(4){transform:rotate(5deg) translateY(9px)}.play-card:hover,.play-card:focus{transform:translateY(-22px) rotate(0) scale(1.06)}.play-card.selected{transform:translateY(-25px) rotate(0) scale(1.07)}}
@media(min-width:801px){.stadium-shell[data-view="sky"] .field-wrap{top:18%;width:76%;height:72%;transform:translateX(-50%) rotateX(28deg) rotateZ(var(--mx))}.stadium-shell[data-view="field"] .field-wrap{top:38%;width:105%;height:52%;transform:translateX(-50%) rotateX(68deg) rotateZ(var(--mx))}}

/* BrainBrunch palette system: same tokens, names, storage model, and night toggle. */
:root,[data-palette=forest]{--mode-bg:#faf7ef;--mode-surface:#fffdf7;--mode-surface2:#ede9dd;--mode-ink:#103c2f;--mode-muted:#53634f;--mode-line:#d5d4c3;--action-hi:#276e4e;--action-lo:#10452f;--action-edge:#0b3522;--action-border:#538568;--action-ink:#fffdf5;--mode-soft:#e4edda;--mode-rim:#c6c8b3;--mode-shade:#514b3426;--mode-focus:#176344;--puzzle-fill:#739868;--mode-tray-hi:#dfc390;--mode-tray-lo:#b28c58}
:root[data-palette=ocean]{--mode-bg:#f3faf9;--mode-surface:#fff;--mode-surface2:#e5f0ef;--mode-ink:#123342;--mode-muted:#486570;--mode-line:#bfd5d5;--action-hi:#16808d;--action-lo:#005b69;--action-edge:#00444f;--action-border:#499eaa;--action-ink:#fff;--mode-soft:#d6eeee;--mode-rim:#aabfc0;--mode-shade:#254a5528;--mode-focus:#006776;--puzzle-fill:#4399a4;--mode-tray-hi:#c4dedd;--mode-tray-lo:#86b0b1}
:root[data-palette=terracotta]{--mode-bg:#fcf6ed;--mode-surface:#fffaf2;--mode-surface2:#f0e2d0;--mode-ink:#48291e;--mode-muted:#795747;--mode-line:#dac8b1;--action-hi:#b84f30;--action-lo:#8c321d;--action-edge:#692416;--action-border:#ce7956;--action-ink:#fffaf3;--mode-soft:#f1dfc7;--mode-rim:#cbb297;--mode-shade:#6a402730;--mode-focus:#9d3d22;--puzzle-fill:#b86640;--mode-tray-hi:#e4c59b;--mode-tray-lo:#c28d5e}
:root[data-theme=dark][data-palette=forest]{--mode-bg:#30473c;--mode-surface:#405c4c;--mode-surface2:#496653;--mode-ink:#fff9e9;--mode-muted:#e0e9d6;--mode-line:#82967c;--action-hi:#cee2b8;--action-lo:#b0cd97;--action-edge:#73905f;--action-border:#deedcb;--action-ink:#163421;--mode-soft:#526d55;--mode-rim:#203d2d;--mode-shade:#132e2450;--mode-focus:#e1f1c9;--puzzle-fill:#a7c28f;--mode-tray-hi:#a1ad88;--mode-tray-lo:#73866a}
:root[data-theme=dark][data-palette=ocean]{--mode-bg:#2a4652;--mode-surface:#365965;--mode-surface2:#406672;--mode-ink:#f2ffff;--mode-muted:#d7edf0;--mode-line:#7fabb3;--action-hi:#bce6e5;--action-lo:#96ced1;--action-edge:#4d909b;--action-border:#d6f0ef;--action-ink:#133842;--mode-soft:#456c76;--mode-rim:#1c3e49;--mode-shade:#112d3850;--mode-focus:#c2f2f0;--puzzle-fill:#91cdd0;--mode-tray-hi:#87b6bb;--mode-tray-lo:#5c8c95}
:root[data-theme=dark][data-palette=terracotta]{--mode-bg:#503e38;--mode-surface:#674d41;--mode-surface2:#735647;--mode-ink:#fff9eb;--mode-muted:#f2dfcd;--mode-line:#ae8e77;--action-hi:#f2cda6;--action-lo:#e6b88b;--action-edge:#aa764d;--action-border:#ffe1be;--action-ink:#48291e;--mode-soft:#7d604d;--mode-rim:#3e2d26;--mode-shade:#2b181550;--mode-focus:#ffdab3;--puzzle-fill:#e1ac7d;--mode-tray-hi:#c4a07d;--mode-tray-lo:#9e7655}
:root[data-palette]{--lime:var(--action-hi);--teal:var(--puzzle-fill);--orange:var(--mode-tray-lo);--ink:var(--mode-ink);--dark:var(--mode-bg);--panel:var(--mode-surface);--line:color-mix(in srgb,var(--mode-line) 60%,transparent)}
.palette-menu{position:relative;z-index:80;color:var(--mode-ink)}.palette-trigger{min-width:154px;height:38px;padding:7px 10px;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid var(--mode-line);border-radius:9px;background:linear-gradient(145deg,var(--mode-surface),var(--mode-surface2));box-shadow:inset 0 2px #ffffff88,0 3px 0 var(--mode-rim),0 7px 14px var(--mode-shade);font:700 11px Inter}.palette-trigger::-webkit-details-marker{display:none}.palette-trigger b{margin-left:auto}.palette-menu[open] .palette-trigger b{transform:rotate(180deg)}.palette-swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 1px 1px #fff,0 1px 3px #0004;display:inline-block}.swatch-forest{background:linear-gradient(135deg,#98b587,#19452e)}.swatch-ocean{background:linear-gradient(135deg,#9bd7d6,#006676)}.swatch-terracotta{background:linear-gradient(135deg,#edc99e,#aa4228)}.palette-choices{position:absolute;top:47px;right:0;width:205px;padding:7px;display:grid;gap:5px;background:var(--mode-surface);border:1px solid var(--mode-line);border-radius:12px;box-shadow:inset 0 2px #ffffff66,0 4px 0 var(--mode-rim),0 18px 32px var(--mode-shade)}.palette-choices button{min-height:41px;padding:8px 10px;border:1px solid var(--mode-line);border-radius:8px;background:var(--mode-surface);color:var(--mode-ink);display:flex;align-items:center;gap:9px;font:700 11px Inter;cursor:pointer}.palette-choices button.chosen{background:var(--mode-soft);border:2px solid var(--mode-focus)}.palette-choices i{visibility:hidden;margin-left:auto}.palette-choices .chosen i{visibility:visible}.theme-toggle .sun{display:none}.theme-toggle .moon{display:inline}:root[data-theme=dark] .theme-toggle .sun{display:inline}:root[data-theme=dark] .theme-toggle .moon{display:none}
:root[data-palette] body{background:var(--mode-bg);color:var(--mode-ink)}:root[data-palette] .topbar{background:linear-gradient(180deg,color-mix(in srgb,var(--mode-bg) 96%,transparent),transparent)}:root[data-palette] .brand{color:var(--mode-ink)}:root[data-palette] .brand-mark{background:linear-gradient(145deg,var(--action-hi),var(--action-lo));color:var(--action-ink);box-shadow:inset 0 2px #ffffff66,0 4px 0 var(--action-edge),0 9px 18px var(--mode-shade)}:root[data-palette] .daily,:root[data-palette] .icon-btn{background:linear-gradient(145deg,var(--mode-surface),var(--mode-surface2));color:var(--mode-ink);border-color:var(--mode-line);box-shadow:inset 0 1px #ffffff66,0 2px 0 var(--mode-rim)}
:root[data-palette] .score-ribbon{background:linear-gradient(90deg,var(--mode-surface2),var(--mode-surface),var(--mode-surface2));border-color:var(--mode-line);color:var(--mode-ink);box-shadow:0 18px 45px var(--mode-shade)}:root[data-palette] .coach-desk{background:linear-gradient(180deg,color-mix(in srgb,var(--mode-surface) 94%,transparent),color-mix(in srgb,var(--mode-surface2) 98%,transparent));color:var(--mode-ink);border-color:var(--mode-line);box-shadow:0 -18px 55px var(--mode-shade),0 10px 30px #0005}:root[data-palette] .coach-desk:before{background:linear-gradient(90deg,transparent,var(--action-hi),var(--puzzle-fill),transparent);box-shadow:0 0 18px var(--action-hi)}:root[data-palette] .situation p,:root[data-palette] .drive-log p{color:var(--mode-muted)}:root[data-palette] .play-card{background:linear-gradient(145deg,var(--mode-surface),var(--mode-surface2));color:var(--mode-ink);border-color:var(--mode-line);box-shadow:inset 0 2px #ffffff66,0 4px 0 var(--mode-rim),0 13px 25px var(--mode-shade)}:root[data-palette] .play-card:hover,:root[data-palette] .play-card:focus,:root[data-palette] .play-card.selected{background:linear-gradient(145deg,var(--mode-soft),var(--mode-surface));box-shadow:inset 0 2px #ffffff77,0 6px 0 var(--mode-rim),0 20px 30px var(--mode-shade),0 0 0 2px var(--mode-focus)}:root[data-palette] .play-card p,:root[data-palette] .play-card small{color:var(--mode-muted)}:root[data-palette] .decision button,:root[data-palette] .intro-copy button,:root[data-palette] .finish-card>button{background:linear-gradient(var(--action-hi),var(--action-lo));color:var(--action-ink);box-shadow:inset 0 2px #ffffff44,0 5px 0 var(--action-edge),0 12px 22px var(--mode-shade)}:root[data-palette] .desk-edge{background:linear-gradient(90deg,var(--mode-surface2),var(--mode-surface));color:var(--mode-muted);border-color:var(--mode-line)}
:root[data-palette] .intro-card,:root[data-palette] .modal,:root[data-palette] .finish-card{background:var(--mode-surface);color:var(--mode-ink);border-color:var(--mode-line)}:root[data-palette] .intro-art{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--action-hi) 40%,transparent),transparent 35%),linear-gradient(155deg,var(--action-lo),var(--mode-bg) 70%)}:root[data-palette] .intro-copy p,:root[data-palette] .finish-card p,:root[data-palette] .how p{color:var(--mode-muted)}:root[data-palette] .brief{border-color:var(--mode-line)}:root[data-palette] .brief b{color:var(--mode-ink)}:root[data-palette] .overlay{background:color-mix(in srgb,var(--mode-bg) 92%,transparent)}
@media(max-width:800px){.palette-menu{display:none}.topbar{gap:7px}.theme-toggle{margin-left:auto}}

/* Living miniature athletes */
.player{width:20px;height:26px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;transform:translate(-50%,-50%);transform-origin:50% 80%;transition:left .86s cubic-bezier(.16,.75,.18,1),top .86s cubic-bezier(.16,.75,.18,1),filter .2s;animation:player-ready 1.8s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 5px 3px #0008)}.player:before{display:none}.player-shadow{position:absolute;left:1px;bottom:0;width:19px;height:7px;border-radius:50%;background:#0007;filter:blur(2px);transform:scaleX(1.25)}.player .body{position:absolute;z-index:2;left:2px;top:8px;width:17px;height:15px;border-radius:7px 7px 5px 5px;display:grid;place-items:center;transform:perspective(30px) rotateX(-8deg);box-shadow:inset 2px 1px 2px #ffffff66,inset -3px -3px 4px #0004,0 2px 0 #0004}.player .body:before,.player .body:after{content:'';position:absolute;top:2px;width:6px;height:10px;border-radius:4px;background:inherit;box-shadow:inherit}.player .body:before{left:-4px;transform:rotate(18deg)}.player .body:after{right:-4px;transform:rotate(-18deg)}.player .body b{position:relative;z-index:2;font:900 6px Inter;color:#fff;text-shadow:0 1px #0008}.player .helmet{position:absolute;z-index:3;left:4px;top:0;width:13px;height:12px;border-radius:50% 50% 46% 46%;box-shadow:inset 3px 2px 3px #ffffff88,inset -3px -2px 4px #0005,0 2px 2px #0006}.player .helmet:after{content:'';position:absolute;right:-3px;bottom:0;width:7px;height:5px;border:1px solid #e9e2cf;border-left:0;border-radius:0 4px 4px 0}.player.off .body,.player.off .helmet{background:linear-gradient(135deg,var(--action-hi),var(--action-lo))}.player.def .body,.player.def .helmet{background:linear-gradient(135deg,#f18052,#9d2e1b)}.player.role-line{transform:translate(-50%,-50%) scale(1.06)}.player.role-qb .body{outline:1px solid #fff8}.player.running{animation:player-sprint .18s ease-in-out infinite alternate;z-index:10;filter:drop-shadow(-6px 7px 4px #0008)}.player.pursuing{animation:player-sprint .2s .05s ease-in-out infinite alternate;z-index:9}.player.targeted{animation:catch-pop .35s ease-out 2 alternate;filter:drop-shadow(0 0 7px var(--action-hi)) drop-shadow(0 6px 3px #0009)}.ball.airborne{z-index:18;box-shadow:0 5px 7px #000,0 0 13px #fff;animation:ball-spin .16s linear infinite;transition:left .76s cubic-bezier(.15,.7,.2,1),top .76s cubic-bezier(.15,.7,.2,1)}.field.snapped .route{opacity:.2}.stadium-shell.play-live .stands.back .crowd{animation:crowd-roar .18s steps(2) infinite}.stadium-shell.play-live .field-wrap{filter:drop-shadow(0 38px 42px #000) brightness(1.08)}
@keyframes player-ready{0%,100%{margin-top:0;transform:translate(-50%,-50%) rotate(-1deg)}50%{margin-top:-2px;transform:translate(-50%,-50%) rotate(1deg)}}@keyframes player-sprint{from{transform:translate(-50%,-50%) rotate(-9deg) scaleY(.96)}to{transform:translate(-50%,-55%) rotate(8deg) scaleY(1.04)}}@keyframes catch-pop{to{transform:translate(-50%,-64%) scale(1.28)}}@keyframes ball-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes crowd-roar{50%{transform:translateY(-4px);filter:brightness(1.8)}}
@media(prefers-reduced-motion:reduce){.player{animation:none}.player.running,.player.pursuing,.player.targeted,.ball.airborne{animation:none}}
.player.off .body,.player.off .helmet{background:linear-gradient(135deg,#d7fa72,#5d8d25)}.player.targeted{filter:drop-shadow(0 0 7px #d7fa72) drop-shadow(0 6px 3px #0009)}.player .body b:before,.player .body b:after{content:'';position:absolute;top:8px;width:4px;height:8px;border-radius:0 0 3px 3px;border-left:3px solid currentColor;color:#26361a;opacity:.9}.player .body b:before{left:-1px;transform:rotate(7deg)}.player .body b:after{right:-1px;transform:rotate(-7deg)}
/* Team identity: Highline wears light, Foundry wears dark. */
.player.off .body,.player.off .helmet{background:linear-gradient(135deg,#fffdf2,#d7d2be);border:1px solid #fff;box-shadow:inset 3px 2px 3px #fff,inset -3px -2px 4px #6e756655,0 2px 2px #0007}.player.off .body b{color:#173c2d;text-shadow:none}.player.off .body b:before,.player.off .body b:after{color:#e9e5d5}.player.def .body,.player.def .helmet{background:linear-gradient(135deg,#48504d,#111816);border:1px solid #68716d;box-shadow:inset 3px 2px 3px #ffffff33,inset -3px -2px 4px #0008,0 2px 2px #0009}.player.def .body b{color:#fff9e9}.player.def .body b:before,.player.def .body b:after{color:#151c1a}.player.targeted{filter:drop-shadow(0 0 8px #fff7c8) drop-shadow(0 6px 3px #0009)}.bolt{background:linear-gradient(145deg,#fffdf2,#d8d1ba);color:#123c2d;box-shadow:inset 0 2px #fff,0 4px 0 #aaa58f,0 8px 18px #0003}.anvil{background:linear-gradient(145deg,#4c5551,#131917);color:#fff9e9;box-shadow:inset 0 2px #ffffff33,0 4px 0 #050807,0 8px 18px #0005}

/* Broadcast-safe separation and a live snap clock. */
.snap-clock{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:9px 12px;border:1px solid var(--mode-line);background:linear-gradient(145deg,var(--mode-surface2),var(--mode-surface));color:var(--mode-ink);box-shadow:inset 0 1px #ffffff66,0 4px 12px var(--mode-shade);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.snap-clock span{font:900 8px Inter;letter-spacing:.16em}.snap-clock b{font:900 25px/1 'Barlow Condensed';font-style:italic}.snap-clock i{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--action-hi) calc(var(--clock-fill,100)*1%),#ffffff18 0);box-shadow:0 0 9px var(--action-hi)}
#game.urgent .snap-clock{color:#fff;background:linear-gradient(145deg,#8d271a,#2a0906);border-color:#ff805f;animation:heartbeat .72s ease-in-out infinite}#game.urgent .snap-clock i{background:#ff6b42;box-shadow:0 0 14px #ff4c20}#game.urgent .coach-desk:before{background:linear-gradient(90deg,transparent,#ff4c20,#ffd059,#ff4c20,transparent);animation:warning-sweep .72s linear infinite}
@keyframes heartbeat{0%,100%{transform:scale(1)}18%{transform:scale(1.045)}32%{transform:scale(1)}}@keyframes warning-sweep{50%{filter:brightness(2.2);box-shadow:0 0 25px #ff4c20}}
@media(min-width:801px){.field-wrap,.stadium-shell[data-view="sky"] .field-wrap,.stadium-shell[data-view="field"] .field-wrap{top:132px!important;bottom:248px!important;height:auto!important}.coach-desk{height:196px;bottom:24px;grid-template-columns:minmax(180px,240px) minmax(0,1fr) minmax(135px,170px);gap:17px;padding-top:15px}.playbook-shell{height:162px}.playbook{height:143px}.play-card{min-width:0;max-width:none;height:130px;padding:13px 11px 10px}.play-card b{font-size:18px}.decision button{padding:16px 12px}.situation h1{font-size:27px}.desk-edge{height:21px;padding-top:5px}}
@media(min-width:801px) and (max-height:700px){.field-wrap,.stadium-shell[data-view="sky"] .field-wrap,.stadium-shell[data-view="field"] .field-wrap{top:122px!important;bottom:238px!important}.coach-desk{height:184px;bottom:23px;padding:12px 18px 13px}.playbook-shell{height:151px}.playbook{height:134px}.play-card{height:122px}.situation h1{font-size:24px;margin-top:3px}.situation p{line-height:1.3}.snap-clock{padding:7px 10px}.snap-clock b{font-size:22px}.decision button{padding:13px 10px}}

/* Full-field broadcast framing. */
.yard-numbers{position:absolute;z-index:2;left:9%;right:9%;display:grid;grid-template-columns:repeat(9,1fr);pointer-events:none;color:#edf4df99;font:900 clamp(8px,1vw,13px) 'Barlow Condensed';text-shadow:0 2px 2px #07120d}.yard-numbers span{text-align:center}.yard-numbers.top{top:8%;transform:rotate(180deg)}.yard-numbers.bottom{bottom:8%}.endzone{width:8%;font-size:clamp(12px,1.5vw,20px);text-shadow:0 2px 3px #0008}.yard-lines{inset:0 8%}
@media(min-width:801px){.score-ribbon{top:62px;width:min(760px,74vw);height:66px;z-index:28}.field-wrap,.stadium-shell[data-view="sky"] .field-wrap,.stadium-shell[data-view="field"] .field-wrap{top:148px!important;bottom:255px!important;width:min(84%,1080px)!important;left:50%!important;transform:translateX(-50%) rotateX(calc(32deg + var(--my))) rotateZ(var(--mx))!important;transform-origin:50% 0}.stadium-shell[data-view="sky"] .field-wrap{transform:translateX(-50%) rotateX(24deg) rotateZ(var(--mx))!important}.stadium-shell[data-view="field"] .field-wrap{transform:translateX(-50%) rotateX(42deg) rotateZ(var(--mx))!important}.broadcast-bug{top:132px}.camera-rail{top:133px}.pressure-ring{top:42%}.momentum{top:40%}}
@media(min-width:801px) and (max-height:700px){.score-ribbon{top:56px;height:62px}.field-wrap,.stadium-shell[data-view="sky"] .field-wrap,.stadium-shell[data-view="field"] .field-wrap{top:132px!important;bottom:244px!important}.broadcast-bug,.camera-rail{top:121px}.coach-desk{bottom:20px}}
@media(min-width:801px){.field-wrap,.stadium-shell[data-view="sky"] .field-wrap,.stadium-shell[data-view="field"] .field-wrap{width:min(80%,1040px)!important}}

/* Host-safe header and an unmistakable help exit. */
:root[data-palette] .topbar{background:var(--mode-bg);box-shadow:0 1px 0 var(--mode-line),0 8px 22px var(--mode-shade)}
.close{min-width:86px;min-height:38px;padding:7px 12px!important;border:1px solid var(--mode-line)!important;border-radius:999px;background:var(--mode-surface2)!important;color:var(--mode-ink)!important;font:800 9px Inter!important;letter-spacing:.1em;box-shadow:inset 0 1px #ffffff88,0 3px 8px var(--mode-shade)}.close span{font-size:20px;line-height:0;vertical-align:-2px;margin-right:5px}.close:hover,.close:focus-visible{outline:2px solid var(--mode-focus);outline-offset:2px}

/* Compact navigation controls for the embedded Brain Brunch game. */
.quit-game{flex:0 0 auto;padding:9px 12px;border:1px solid var(--mode-line);border-radius:999px;background:var(--mode-surface);color:var(--mode-ink);text-decoration:none;font:800 9px Inter;letter-spacing:.12em;box-shadow:inset 0 1px #ffffff88,0 2px 0 var(--mode-rim)}.quit-game:hover,.quit-game:focus-visible{outline:2px solid var(--mode-focus);outline-offset:2px}.palette-trigger{min-width:38px;width:38px;justify-content:center;padding:7px}.palette-choices{right:0}
@media(max-width:800px){.quit-game{padding:8px;font-size:0}.quit-game:before{content:'EXIT';font-size:8px}.brand{margin-right:0}.brand b{display:none}}

/* Classic gridiron surface — visual treatment only; layout and athletes stay unchanged. */
.field{isolation:isolate;background:
 radial-gradient(ellipse at 50% 45%,#ffffff0c,transparent 55%),
 repeating-linear-gradient(90deg,#447f30 0,#447f30 4.2%,#3c742a 4.2%,#3c742a 8.4%);
 border-color:#f5f0d9;box-shadow:inset 0 0 34px #17361155,inset 0 0 0 2px #ffffff33,0 0 0 3px #8ead7a33}
.field:before,.field:after{content:'';position:absolute;z-index:2;left:8%;right:8%;height:9%;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(1% - 1.5px),#f7f4df calc(1% - 1.5px) 1%);opacity:.92}.field:before{top:0}.field:after{bottom:0}
.yard-lines{inset:0 8%;background:
 repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),#f3f1dc66 calc(5% - 1px) 5%),
 repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#f8f5e6 calc(10% - 2px) 10%)}
.hashes{inset:30% 8%;border-top:3px dashed #f8f5e6;border-bottom:3px dashed #f8f5e6;opacity:.9}.hashes:before,.hashes:after{content:'';position:absolute;left:0;right:0;border-top:2px dashed #f8f5e6aa}.hashes:before{top:28%}.hashes:after{bottom:28%}
.yard-numbers{left:10%;right:10%;color:#f8f5e6;font-size:clamp(10px,1.35vw,17px);text-shadow:0 2px 1px #173811}.yard-numbers.top{top:10%}.yard-numbers.bottom{bottom:10%}
.endzone{width:8%;color:#e2bd3c;letter-spacing:.14em;background-color:#315f23!important;background-image:repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 7px,transparent 7px,transparent 14px);border-left:2px solid #f5f0d9;border-right:2px solid #f5f0d9;text-shadow:0 2px 2px #173411,0 0 8px #0005}
.end-a{background-color:#315d22!important}.end-b{background-color:#386722!important}

/* Shared Brain Brunch game-page framing. */
body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--bg)!important}.topbar{display:none!important}#game{display:block;max-width:1440px;min-height:0}.game-head{position:relative;z-index:31;margin-bottom:22px}.game-head h1{font-family:var(--display);font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.035em}.game-head .icon-btn{width:44px;height:44px;color:var(--text);background:linear-gradient(155deg,var(--surface),var(--surface-2));border:1px solid var(--control-border);box-shadow:inset 0 2px #ffffff88,0 3px 0 var(--mode-rim)}.final-drive-stage{position:relative;height:min(820px,calc(100vh - 170px));min-height:660px;overflow:hidden;border:1px solid var(--mode-line);border-radius:24px;background:#07110f;box-shadow:0 22px 55px var(--mode-shade)}.final-drive-stage .stadium-shell{height:100%;min-height:660px}.final-drive-stage .score-ribbon{position:absolute}.final-drive-stage .coach-desk,.final-drive-stage .drive-log{position:absolute}#guide{max-width:760px;width:calc(100% - 32px)}#guide::backdrop{background:#10241dcc;backdrop-filter:blur(5px)}#guide .dialog-body{text-align:left}#guide .dialog-body>p,#guide .dialog-body li{line-height:1.6}.site-footer{margin-top:30px}
@media(max-width:800px){.final-drive-stage{height:auto;min-height:900px;border-radius:18px}.final-drive-stage .stadium-shell{height:410px;min-height:410px}.final-drive-stage .coach-desk{top:410px;bottom:auto;min-height:430px}.final-drive-stage .drive-log{bottom:10px}.game-head h1{font-size:38px}}
@media(max-width:800px){.site-header .palette-menu{display:block}}