@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Lobster&display=swap');
:root{color-scheme:dark;--bg:#080e1d;--panel:#111a2b;--muted:#95a4bc;--blue:#58ccff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 28%,#112c453d,transparent 50%),var(--bg);color:#f3f7ff;font-family:'DM Sans',sans-serif}header{max-width:1360px;margin:auto;padding:28px 42px;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:inherit;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.logo{font-size:30px;color:var(--blue)}.beta{font-size:9px;letter-spacing:2px;background:#ffffff0b;padding:7px;border-radius:5px;color:#9fb2cd}.tag{font-size:12px;color:var(--muted)}main{max-width:1200px;margin:auto;padding:52px 38px 20px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--blue);font-weight:700}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;line-height:.95;margin:18px 0 20px;letter-spacing:-1px}h1 span{color:var(--blue)}.intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.8}.studio{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:35px;align-items:start}.preview{position:sticky;top:24px}.preview-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px}.preview-top i{display:inline-block;background:#73efbc;width:6px;height:6px;border-radius:50%;margin-right:6px}canvas{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 18px 80px #0008;border:1px solid #ffffff15}.actions{display:flex;gap:12px;margin-top:22px}button{font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,background .15s}button:hover{transform:translateY(-2px)}.primary,.secondary{border-radius:10px;padding:15px 18px;border:1px solid #ffffff1c}.primary{background:var(--blue);color:#071426;flex:1}.secondary{background:#ffffff06;color:#e4edfc}#status{font-size:11px;color:var(--muted);line-height:1.6;min-height:30px}.editor{background:linear-gradient(145deg,#162136,#0e1627);border:1px solid #ffffff10;border-radius:24px;padding:28px}.editor-head{display:flex;gap:12px;align-items:center;margin:24px 0 20px}.editor-head:first-child{margin-top:0}.step{color:var(--blue);font-size:11px;border:1px solid #58ccff30;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}h2{font-size:17px;margin:0 0 5px}.editor-head p{font-size:11px;color:var(--muted);margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:11px;color:#a7b6ce;display:block}input,select{width:100%;font:500 14px 'DM Sans',sans-serif;background:#080f1e88;border:1px solid #ffffff15;color:white;padding:12px;border-radius:8px;margin-top:7px;min-width:0}input:focus,select:focus{outline:2px solid #58ccff80;outline-offset:2px}.upload{border:1px dashed #58ccff45;border-radius:10px;text-align:center;padding:19px 12px;cursor:pointer;margin:18px 0;color:var(--blue)}.upload span{font-size:13px;font-weight:600}.upload small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:2px solid var(--blue)}.color-label{margin-top:19px}.swatches{display:flex;gap:13px;margin-top:10px}.swatches button{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid var(--panel);outline:1px solid transparent}.swatches button[aria-pressed=true]{outline-color:var(--swatch);box-shadow:0 0 20px color-mix(in srgb,var(--swatch) 30%,transparent)}.stats-fields{display:grid;grid-template-columns:90px 1fr;gap:9px 12px}.stats-fields span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.stats-fields input{margin:0}.caption{margin-top:16px}.check{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:10px}.check input{width:15px;margin:0;accent-color:var(--blue)}.reset{background:none;border:0;padding:18px 0 0;color:#92a3be;font-size:10px;text-decoration:underline}.note{font-size:10px;line-height:1.5;color:var(--muted)}footer{text-align:center;font-size:12px;color:#9aabc4;padding:50px 0 20px;line-height:2}footer span{font-size:10px;color:#647690}@media(min-width:900px){.intro{margin-bottom:10px}.studio{margin-top:-122px}.preview{margin-top:160px}.editor{margin-top:0}}@media(max-width:700px){header{padding:18px 20px}.tag{display:none}main{padding:28px 20px}h1{font-size:59px}.studio{grid-template-columns:1fr;gap:24px;margin-top:25px}.preview{position:static;max-width:480px;margin:auto;width:100%}.editor{padding:22px}.actions button{padding:14px 10px}footer{padding-top:30px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

.motion-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.motion-controls button{padding:9px 12px;font-size:11px}.motion-controls span{font-size:10px;color:var(--muted)}.export-options{gap:8px;margin-top:10px}.export-options button{flex:1;padding:12px 8px;font-size:11px}button:disabled{opacity:.5;cursor:wait;transform:none}[hidden]{display:none!important}

.export-format{display:flex;align-items:center;gap:12px;margin:16px 0;color:#bed4ef;font-size:13px}.export-format select{flex:1;min-width:0;background:#101d33;color:#fff;border:1px solid #30435f;border-radius:10px;padding:10px}#card{user-select:none}

.stat-visibility{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}

.trim-timeline{position:relative;height:14px;background:#1e304d;border-radius:7px;margin:45px 24px 42px}.trim-selection{position:absolute;height:100%;background:#58ccff80;border:1px solid #8fe9ff;border-radius:5px}.trim-marker{position:absolute;top:-4px;height:22px;border-left:3px solid #92f1cf;color:#92f1cf}.trim-marker.end{border-color:#ffd174;color:#ffd174}.trim-marker b,.trim-marker small{position:absolute;white-space:nowrap;font-size:10px;transform:translateX(-50%);left:0}.trim-marker b{bottom:29px}.trim-marker small{top:29px;font-size:11px}.trim-playhead{position:absolute;top:-3px;height:20px;border-left:1px solid white;pointer-events:none}
.trim-marker.start b,.trim-marker.start small{transform:translateX(-100%);padding-right:5px}.trim-marker.end b,.trim-marker.end small{transform:translateX(0);padding-left:5px}

.trim-marker{cursor:ew-resize;touch-action:none;z-index:3}.trim-marker::before{content:"";position:absolute;left:-10px;top:-5px;width:20px;height:32px;border-radius:5px;background:currentColor;opacity:.2}.trim-marker:focus-visible{outline:2px solid white;outline-offset:8px}.trim-marker:hover::before{opacity:.4}

.team-hub{margin:40px 0 44px}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hub-heading h2{font:700 46px/1.05 'Barlow Condensed',sans-serif;color:#d9efff}.hub-heading p:not(.eyebrow){color:#9db6d1;font-size:13px}.hub-jump,.team-links a,.team-roster a{color:#8cd5ff;text-decoration:none;font-size:12px}.hub-jump{padding:12px 16px;border:1px solid #6ac5ff55;border-radius:30px;white-space:nowrap}.team-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.team-card{border:1px solid #73caff55;border-radius:22px;padding:24px;background:linear-gradient(135deg,#14345b,#091a33 70%);box-shadow:0 0 32px #56bfff12,inset 0 1px #b6e4ff22;position:relative;overflow:hidden}.team-card::before{content:'';position:absolute;right:-50px;top:-80px;width:220px;height:220px;border:1px solid #8acfff12;border-radius:50%;pointer-events:none;box-shadow:0 0 0 28px #87cfff05,0 0 0 58px #87cfff04}.team-card-top{display:flex;gap:12px;align-items:center;position:relative}.team-monogram{width:44px;height:49px;border-radius:12px;background:#99d4f4;color:#102f52;font:italic 800 34px Georgia;display:grid;place-items:center;box-shadow:0 0 22px #83d2ff26}.team-kicker{font-size:9px;letter-spacing:2px;color:#9ac8ed}.team-card h3{font:700 32px 'Barlow Condensed';margin:1px 0;color:#e5f4ff}.season-chip{margin-left:auto;font-size:10px;color:#a6c9e8;border:1px solid #a6d8ff22;border-radius:20px;padding:7px 10px}.next-event{min-height:164px;margin-top:23px;border:1px solid #88d9ff77;border-radius:15px;padding:19px;background:radial-gradient(ellipse at top left,#6acbff22,transparent 70%),#06162d;box-shadow:0 0 22px #56c7ff16,inset 0 0 18px #6ccfff08}.event-kicker{font-size:9px;letter-spacing:2px;color:#8bd7ff}.next-event h4{font:600 26px/1.1 'Barlow Condensed';margin:10px 0;color:#f1f8ff}.event-time{font-size:14px;color:#a6dcff;margin:10px 0 0;font-weight:600}.event-meta{font-size:11px;color:#9fb8d1;margin:7px 0 0}.team-links{display:flex;justify-content:space-between;padding:18px 0}.team-roster{border-top:1px solid #84c9ff25;padding-top:15px}.team-roster summary{cursor:pointer;display:flex;justify-content:space-between;font-size:12px;color:#d8eafa;list-style:none}.team-roster summary>span:last-child{color:#8eabc6;font-size:11px}.team-roster b{margin-left:10px;color:#a9deff}.team-roster p{font-size:12px;color:#9fb6cc;line-height:1.6}.schedule-source{font-size:10px;color:#8aa1bb;margin-top:16px;line-height:1.6}.studio{scroll-margin-top:20px}@media(min-width:900px){.studio{margin-top:35px}.preview{margin-top:0}}@media(max-width:700px){.team-cards{grid-template-columns:1fr}.hub-heading{align-items:flex-start;flex-direction:column;gap:6px}.hub-heading h2{font-size:40px}.team-card{padding:20px}.team-hub{margin-top:32px}.next-event{min-height:150px}}

.roster-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.roster-player{display:flex;align-items:center;gap:9px;background:#0a1b32;border:1px solid #86c8ff25;border-radius:9px;padding:11px 9px;color:#e2f0ff;text-align:left;flex-wrap:wrap;font-size:12px}.roster-player:hover{background:#1c4266;border-color:#96d9ff88}.roster-number{font:700 20px 'Barlow Condensed';color:#9ddcff;min-width:30px}.roster-player small{font-size:9px;color:#7eaccc;width:100%;padding-left:39px}.roster-player:focus-visible{outline:2px solid #9bdfff;outline-offset:2px}@media(max-width:400px){.roster-list{grid-template-columns:1fr}}
.team-cards{align-items:start}

.social-hub{margin:48px 0 10px;border-top:1px solid #87caff20;padding-top:32px}.social-hub>h2{font:700 46px 'Barlow Condensed';color:#d9efff;margin:8px 0}.social-intro{font-size:13px;color:#9db6d1;margin-bottom:24px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.social-card{display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:#e7f4ff;background:linear-gradient(145deg,#14345b,#0a1b33 75%);border:1px solid #8ed1ff38;border-radius:18px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s}.social-card:hover{border-color:#9adeff99;transform:translateY(-3px);box-shadow:0 8px 30px #58ccff16}.social-card:focus-visible{outline:2px solid #9ddfff;outline-offset:4px}.social-icon{font:700 29px Georgia;color:#a9defc;border:1px solid #9dd9ff44;border-radius:12px;width:45px;height:45px;display:grid;place-items:center;margin-bottom:22px;background:#92d4ff0c}.social-kicker{color:#91c4e8;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.social-card h3{font:600 27px/1.05 'Barlow Condensed';margin:10px 0}.social-card p{font-size:12px;color:#a4bad0;line-height:1.6;margin:0 0 18px}.social-handle{font-size:10px;color:#86abc8;overflow-wrap:anywhere;margin-top:auto}.social-cta{border-top:1px solid #93cfff22;padding-top:15px;margin-top:18px;font-size:12px;color:#b2e3ff;display:flex;justify-content:space-between}.social-note{color:#8aa1bb;font-size:10px;line-height:1.6;margin-top:16px}@media(max-width:1000px){.social-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.social-grid{grid-template-columns:1fr}.social-hub>h2{font-size:40px}.social-icon{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.social-card{transition:none}.social-card:hover{transform:none}}

.share-game{margin-top:16px;border:1px solid #82d5ff;border-radius:30px;padding:10px 17px;background:#123e68;color:#e3f6ff;font:700 14px inherit;cursor:pointer}.share-game:hover{background:#205683}.share-game:focus-visible{outline:3px solid #fff;outline-offset:3px}.share-status{font-size:13px;color:#bce6ff;margin:8px 0 0}.share-status:empty{display:none}.share-status textarea{display:block;width:100%;min-height:100px;margin-top:8px}

.share-game+.share-game{margin-left:8px;background:transparent}

@media(min-width:1100px){.team-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

.social-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.carousel-controls{display:flex;gap:10px}.carousel-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #8dd6ff;background:#123455;color:#fff;font-size:24px;cursor:pointer}.post-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px;scrollbar-color:#71c8f1 #10243c}.post-slide{flex:0 0 340px;scroll-snap-align:start;border:1px solid #86ceff44;border-radius:18px;padding:12px;background:linear-gradient(135deg,#163454,#09192c);overflow:hidden}.post-slide h3{font:600 22px "Barlow Condensed";color:#c6ecff;margin:3px 5px 13px}.post-slide iframe{width:100%;height:620px;border:0;background:#fff;border-radius:8px}.carousel-controls button:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:480px){.post-slide{flex-basis:calc(100% - 12px);padding:8px}.post-slide iframe{height:610px}.social-carousel-heading{align-items:flex-end}.social-hub h2{font-size:38px}}

.social-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.social-posts-divider{margin:36px 0;border-top:1px solid #8ecfff22}@media(max-width:480px){.social-grid{grid-template-columns:1fr}}

#sport:disabled{opacity:.55;color:#a1a8b5;background:#192130;cursor:not-allowed;}