#hockey-astro-app{box-sizing:border-box;width:100%;max-width:1200px;margin:20px auto;padding:22px;color:#fff;background:#111b25;border-radius:16px;font-family:Arial,Helvetica,sans-serif}
#hockey-astro-app *{box-sizing:border-box}
#hockey-astro-app .has-heading h2{color:#f3bd44;font-size:clamp(24px,3vw,40px);line-height:1.15;margin:10px 0}
#hockey-astro-app .has-heading p{color:#e5e9ec;margin:8px 0}
#hockey-astro-app .has-heading .has-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#f3bd44}
#hockey-astro-app .has-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
#hockey-astro-app .has-stats>div,#hockey-astro-app .has-summary>div{background:#202f3b;border:1px solid #465562;border-radius:10px;padding:13px}
#hockey-astro-app .has-stats span,#hockey-astro-app .has-summary span{display:block;color:#cdd8df;font-size:12px}
#hockey-astro-app .has-stats strong,#hockey-astro-app .has-summary strong{display:block;font-size:clamp(18px,2.5vw,26px);color:#fff;margin-top:6px}
#hockey-astro-app .has-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:16px 0}
#hockey-astro-app .has-toolbar span{display:inline-flex;align-items:center;gap:6px;font-size:13px}
#hockey-astro-app .has-swatch{display:inline-block;width:14px;height:14px;border:1px solid white;border-radius:3px}
#hockey-astro-app .has-available{background:#277846}#hockey-astro-app .has-selected{background:#ffc247}
#hockey-astro-app button#has-clear{margin-left:auto;background:#f3bd44;color:#17202a;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:700}
#hockey-astro-app .has-hint,#hockey-astro-app .has-note{color:#cdd8df;font-size:13px}
#hockey-astro-app .has-scroll{width:100%;overflow-x:auto;border:2px solid #344c5d;border-radius:10px;background:#115e9d;padding:14px}
#hockey-astro-app .has-stadium{width:100%;min-width:850px}
#hockey-astro-app .has-dugouts{display:flex;justify-content:space-around;padding:4px 0 12px}
#hockey-astro-app .has-dugouts>div{width:24%;background:#dce6ef;border:3px solid #788da2;color:#15283c;text-align:center;padding:8px;font-size:12px;font-weight:bold;border-radius:8px 8px 0 0}
#hockey-astro-app .has-pitch{position:relative;width:100%;aspect-ratio:1000/560;background:repeating-linear-gradient(90deg,#18713c 0%,#18713c 10%,#176738 10%,#176738 20%);border:4px solid #e6f2f7}
#hockey-astro-app .has-markings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#hockey-astro-app .has-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(157,minmax(0,1fr));grid-template-rows:repeat(32,minmax(0,1fr));z-index:3}
#hockey-astro-app .has-cell{appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;margin:0;border:0;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:transparent;border-radius:0;cursor:pointer}
#hockey-astro-app .has-cell:hover,#hockey-astro-app .has-cell:focus-visible{background:rgba(255,255,255,.55);outline:1px solid white;z-index:4}
#hockey-astro-app .has-cell.is-selected{background:rgba(255,194,71,.88)}
#hockey-astro-app .has-goal{position:absolute;top:39%;height:22%;width:15px;border:3px solid white;background:rgba(255,255,255,.25);z-index:4;pointer-events:none}
#hockey-astro-app .has-goal-left{left:-8px}#hockey-astro-app .has-goal-right{right:-8px}
#hockey-astro-app .has-summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin-top:16px}
#hockey-astro-app .has-summary p{font-size:13px;color:#e8edf0;overflow-wrap:anywhere;margin:8px 0 0}
@media(max-width:650px){#hockey-astro-app{padding:12px}#hockey-astro-app .has-stats,#hockey-astro-app .has-summary{grid-template-columns:1fr}#hockey-astro-app button#has-clear{margin-left:0}}

/* Step 6: official logos, campaign progress and block details */
#hockey-astro-app .has-brand-header{display:grid;grid-template-columns:110px minmax(0,1fr) 110px;gap:20px;align-items:center}
#hockey-astro-app .has-brand-logo{width:110px;height:110px;object-fit:contain;background:transparent;border-radius:8px}
#hockey-astro-app .has-school-logo{background:white;padding:5px}
#hockey-astro-app .has-heading{min-width:0;text-align:center}
#hockey-astro-app .has-progress-section{padding:14px 16px;background:#202f3b;border:1px solid #465562;border-radius:10px;margin:0 0 18px}
#hockey-astro-app .has-progress-label{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:14px;color:#fff}
#hockey-astro-app .has-progress-label strong{color:#f3bd44}
#hockey-astro-app .has-progress-track{height:14px;background:#3d4c56;border-radius:999px;overflow:hidden;margin-top:10px}
#hockey-astro-app #has-progress-fill{width:0%;height:100%;background:#f3bd44;transition:width .2s}
#hockey-astro-app .has-progress-note{font-size:12px;color:#cdd8df;margin:7px 0 0}
#hockey-astro-app .has-block-detail{margin-top:15px;padding:12px 15px;border:1px solid #526574;border-left:4px solid #f3bd44;border-radius:8px;background:#202f3b;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
#hockey-astro-app .has-block-detail strong{color:#f3bd44}
#hockey-astro-app .has-block-detail span{color:#e8edf0;font-size:13px}
@media(max-width:650px){#hockey-astro-app .has-brand-header{grid-template-columns:65px 1fr 65px;gap:8px}#hockey-astro-app .has-brand-logo{width:65px;height:65px}#hockey-astro-app .has-heading h2{font-size:21px}#hockey-astro-app .has-heading .has-eyebrow{font-size:9px}}

#hockey-astro-app .has-reserved{background:#8b5cf6}#hockey-astro-app .has-sponsored{background:#2783d7}
#hockey-astro-app .has-cell.is-reserved{background:rgba(139,92,246,.82);cursor:not-allowed}
#hockey-astro-app .has-cell.is-sponsored{background:rgba(39,131,215,.85);cursor:not-allowed}
#hockey-astro-app .has-reserve-form{margin-top:20px;padding:20px;border:1px solid #465562;border-radius:12px;background:#202f3b}
#hockey-astro-app .has-reserve-form h3{color:#f3bd44;margin:0 0 8px}
#hockey-astro-app .has-reserve-form p{color:#e5e9ec}
#hockey-astro-app .has-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}
#hockey-astro-app .has-form-grid label{display:block;color:#fff;font-size:14px}
#hockey-astro-app .has-form-grid input,#hockey-astro-app .has-form-grid select{display:block;width:100%;padding:10px;margin-top:5px;border-radius:6px;border:1px solid #7d929f;background:#fff;color:#111}
#hockey-astro-app .has-consent{display:flex;gap:9px;align-items:flex-start;color:#e5e9ec;font-size:13px;margin:12px 0}
#hockey-astro-app #has-reserve-submit{background:#f3bd44;color:#17202a;border:0;border-radius:8px;padding:12px 20px;font-weight:700;cursor:pointer}
#hockey-astro-app #has-reserve-submit:disabled{opacity:.5;cursor:wait}
#hockey-astro-app #has-form-message{font-weight:600}
@media(max-width:650px){#hockey-astro-app .has-form-grid{grid-template-columns:1fr}}

/* Step 8: sponsor recognition */
#hockey-astro-app .has-pitch{isolation:isolate}
#hockey-astro-app .has-sponsor-overlays{display:none}
#hockey-astro-app .has-sponsor-badge{display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(12,34,76,.83);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:1.1;padding:2px;border:1px solid #f3bd44;pointer-events:none}
#hockey-astro-app .has-sponsor-badge img{width:100%;height:100%;object-fit:contain}
#hockey-astro-app .has-detail-logo{max-height:65px;max-width:140px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}
#hockey-astro-app .has-detail-logo[hidden]{display:none}
#hockey-astro-app .has-cell.is-sponsored{cursor:pointer}

#hockey-astro-app .has-sponsor-overlays{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}
#hockey-astro-app .has-grid{z-index:3}

/* Step 10: sponsor badges sit precisely over their purchased rectangle. */
#hockey-astro-app .has-sponsor-overlays{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
#hockey-astro-app .has-sponsor-badge{position:absolute;box-sizing:border-box;z-index:1;pointer-events:none;padding:2px;min-width:0;min-height:0}
#hockey-astro-app .has-sponsor-badge img{display:block;width:100%;height:100%;object-fit:contain}

#hockey-astro-app .has-eft-panel{margin-top:20px;padding:22px;border:2px solid #f3bd44;border-radius:12px;background:#202f3b;color:#fff}
#hockey-astro-app .has-eft-panel[hidden]{display:none}
#hockey-astro-app .has-eft-panel h3{color:#f3bd44;margin-top:0}
#hockey-astro-app .has-eft-panel p{margin:9px 0;overflow-wrap:anywhere}