@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',sans-serif;color:#24362d;background:#f5f5ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:0 36px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7decc}.brand{font:700 19px 'Space Grotesk',sans-serif;color:inherit;text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;border-radius:12px;width:38px;height:38px;background:#d6f485;font-size:28px}.tag,.eyebrow,.district,.overline,footer,.cards article>span{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:1.5px}.tag{color:#78816e}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 38px}.eyebrow{color:#6b8452;margin:0 0 16px}h1{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.19;letter-spacing:-2px;margin:0}h1 em{font-style:normal;color:#74954a}.lede{max-width:590px;font-size:13px;color:#798170;line-height:1.9;margin:19px 0 0}.stamp{border:1px solid #c4ceb2;border-radius:50%;width:140px;height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);margin-right:26px}.stamp span{font:600 38px 'Space Grotesk',sans-serif}.stamp small{font-size:9px;line-height:1.9;letter-spacing:1px;text-align:center}.dashboard{border:1px solid #d9dfcf;background:#fffef6;border-radius:15px;padding:18px 22px;display:flex;align-items:center;gap:32px;margin-bottom:20px}.telemetry{display:flex;align-items:center;gap:10px;flex:1}.telemetry strong{display:block;font-size:12px}.telemetry small{display:block;font-size:10px;color:#8a9080;margin-top:5px}.signal{width:9px;height:9px;border-radius:50%;background:#c7bb9c;box-shadow:0 0 0 5px #c7bb9c20}.signal.good{background:#799d46;box-shadow:0 0 0 5px #799d4620}.metric small{display:block;font:500 9px 'Space Grotesk';letter-spacing:1px;color:#87937c;margin-bottom:5px}.metric strong{font:600 22px 'Space Grotesk'}.metric i{font-size:10px;font-style:normal;color:#7e8d74}.source{font-size:9px;color:#7a846f}.source select{display:block;margin-top:5px;border:1px solid #d6dfc9;border-radius:7px;padding:8px;color:#374b31;background:#fafbf0;font-family:inherit;font-size:10px}.game-shell{overflow:hidden;border:1px solid #cdd8be;border-radius:18px;background:#fffef6;box-shadow:0 12px 40px #43582909}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;gap:12px}.pill{font:600 9px 'Space Grotesk';background:#edf2e4;color:#64794e;padding:6px 9px;border-radius:5px;letter-spacing:1px}.district{font-size:8px;letter-spacing:1px;color:#9ba58f;margin-left:13px}.scores{display:flex;gap:22px;font-size:10px;color:#8b937d}.scores b{font:700 16px 'Space Grotesk';color:#31492b;margin-left:6px}.field{position:relative;background:#dbe6bd;aspect-ratio:1000/540;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e5edccd9;text-align:center;padding:24px;backdrop-filter:blur(4px)}.overlay[hidden]{display:none}.overline{font-size:9px;color:#7b8e5c}h2{font-size:34px;letter-spacing:-1.4px;margin:16px 0 10px}.overlay p{font-size:12px;max-width:380px;line-height:1.9;color:#6e7e58}.overlay button{background:#2d4633;border:0;padding:15px 24px;border-radius:9px;color:#f1f9e6;font:600 12px 'Be Vietnam Pro';cursor:pointer;margin:13px 0}.overlay button span{margin-left:28px}.overlay button:disabled{opacity:.45;cursor:wait}.overlay small{font-size:9px;color:#798d60}#pause{position:absolute;top:15px;right:15px;border:1px solid #bccb9d;background:#fbffe5b3;border-radius:7px;padding:8px 12px;cursor:pointer}.map-label{position:absolute;bottom:14px;left:20px;font:600 8px 'Space Grotesk';letter-spacing:2px;color:#7e9164;pointer-events:none}.game-bottom{font-size:10px;color:#86917b}kbd{font:10px 'Space Grotesk';border:1px solid #dfe5d5;background:#f5f7eb;padding:4px;border-radius:4px}.game-bottom b{color:#3b5736}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:38px 0}.cards article>span{font-size:9px;color:#92a574}.cards h3{font-size:14px;margin:12px 0}.cards p{font-size:11px;line-height:1.9;color:#8a927e;margin:0}footer{border-top:1px solid #d7decc;padding:24px 0;color:#98a08d;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;font-size:8px}footer a{color:#728359;text-decoration:none}#network-note{width:100%;font-family:'Be Vietnam Pro';letter-spacing:0;font-size:9px}.touch{display:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #85a34a;outline-offset:4px}@media(max-width:760px){main{padding:0 16px}header{height:70px}.tag,.stamp,.district{display:none}.intro{padding:30px 0}.lede{font-size:12px}.dashboard{gap:16px;flex-wrap:wrap;padding:16px}.telemetry{min-width:200px}.metric{flex:1}.source{width:100%}.source select{width:100%}.game-top{padding:14px 10px}.scores{gap:8px;font-size:8px}.scores b{font-size:13px;margin-left:2px}.game-bottom{font-size:9px;line-height:2;flex-wrap:wrap}.field{aspect-ratio:1.25}.field canvas{object-fit:fill}.overlay h2{font-size:25px}.overlay p{font-size:10px}.cards{grid-template-columns:1fr;gap:20px;padding:30px 0}.cards h3{margin:8px 0}.touch{display:block;text-align:center;padding:8px 0 15px}.touch button{width:48px;height:38px;margin:3px;border:1px solid #cdd8be;background:#edf2e4;color:#3b5736;border-radius:8px;font-size:20px;touch-action:none}footer{line-height:1.8}}