:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081017;--ink:#f8fafc;--muted:#e2e8f0b8;--soft:#e2e8f06b;--line:#e2e8f02e;--panel:#0810178f;--panel-strong:#0b121ac2;--cyan:#58e3f8;--pink:#f178a9;--amber:#f5c56b;--green:#a7d46f;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;overflow-x:hidden}button{color:inherit;font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;align-items:center;gap:clamp(14px,2vw,24px);min-height:100svh;padding:clamp(14px,2vw,24px);display:flex;position:relative;overflow-x:hidden}.background{z-index:0;pointer-events:none;background:linear-gradient(105deg,#040a10b8,#040a1033 46%,#040a10d6),radial-gradient(circle at 12% 18%,#58e3f82e,#0000 24%),radial-gradient(circle at 72% 14%,#f5c56b1f,#0000 26%),radial-gradient(circle at 72% 88%,#f178a924,#0000 28%),url(/img/bg-1280x800.jpg) 72%/cover no-repeat;position:fixed;inset:0}.app-shell>:not(.background){z-index:1;position:relative}.topbar{border:1px solid var(--line);width:min(1180px,100%);min-height:58px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08101785;border-radius:18px;grid-template-columns:minmax(132px,.7fr) minmax(0,1.6fr) auto;align-items:center;gap:12px;margin:0 auto;padding:8px 10px 8px 14px;display:grid;position:relative}.brand,.game-time,.metric,.location-block{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;min-width:0;font-weight:750}.brand-mark{color:#061019;background:linear-gradient(135deg, var(--cyan), var(--amber));border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.game-time{cursor:pointer;background:#ffffff14;border:0;border-radius:14px;justify-content:center;gap:8px;min-width:0;padding:10px 12px;transition:background-color .2s,transform .2s}.game-time:hover,.icon-button:hover,.today-button:hover,.forecast-chip:hover{background:#ffffff24}.game-time:active,.icon-button:active,.today-button:active,.forecast-chip:active{transform:translateY(1px)}.game-time-prefix{color:var(--muted)}.game-time-full,.game-time-short{font-variant-numeric:tabular-nums;white-space:nowrap}.game-time-short{display:none}.icon-button,.today-button{border:1px solid var(--line);cursor:pointer;background:#ffffff14;transition:background-color .2s,border-color .2s,transform .2s}.icon-button{border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.topbar-action{justify-self:end}.sync-dot{background:var(--green);border-radius:999px;width:8px;height:8px;position:absolute;top:9px;right:11px;box-shadow:0 0 18px #a7d46fcc}.sync-dot[data-loading=true]{background:var(--amber);box-shadow:0 0 18px #f5c56bb3}.hero-band{justify-content:space-between;align-items:end;width:min(1180px,100%);margin:0 auto;display:flex}.hero-copy{min-width:0}.eyebrow{color:var(--amber);font-size:.82rem;font-weight:740;display:inline-flex}h1,h2,p{margin:0}h1{letter-spacing:0;margin-top:4px;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}.hero-copy p{max-width:560px;color:var(--muted);margin-top:10px;font-size:clamp(.95rem,2vw,1.15rem)}.carousel-section{flex:auto;gap:12px;width:min(960px,100%);margin:0 auto;display:grid}.carousel-shell{grid-template-rows:auto auto;gap:14px;min-height:clamp(720px,78svh,900px);display:grid;position:relative}.shard-slider{border-radius:22px;width:100%;min-height:clamp(660px,72svh,840px);overflow:hidden}.virtual-shard-slider{touch-action:pan-y;cursor:grab}.virtual-shard-slider:active{cursor:grabbing}.shard-track{height:100%;min-height:inherit;will-change:transform;backface-visibility:hidden;align-items:stretch;display:flex;transform:translate(0,0)}.shard-slide{contain:paint;flex:0 0 100%;align-items:stretch;min-width:0;min-height:clamp(660px,72svh,840px);display:flex;overflow:visible}.shard-card{border:1px solid var(--line);background:linear-gradient(140deg, #ffffff24, #ffffff0d), var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;min-height:clamp(660px,72svh,840px);box-shadow:var(--shadow);contain:layout paint;isolation:isolate;border-radius:22px;align-content:start;gap:clamp(18px,3vw,28px);padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden}.shard-card-placeholder{opacity:0;pointer-events:none}.shard-card.is-compact{-webkit-backdrop-filter:none;backdrop-filter:none;gap:14px;box-shadow:0 14px 32px #0000003d}.shard-card.is-compact .location-block{display:none}.shard-card.is-compact .card-glow{opacity:.1;filter:blur(24px)}.shard-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#58e3f81a,#0000 36%),linear-gradient(#ffffff24,#0000 36%);position:absolute;inset:0}.shard-card[data-strength=red]:before{background:linear-gradient(90deg,#f178a924,#0000 40%),linear-gradient(#ffffff21,#0000 34%)}.shard-card[data-strength=black]:before{background:linear-gradient(90deg,#f5c56b24,#0000 40%),linear-gradient(#ffffff21,#0000 34%)}.card-glow{aspect-ratio:1;opacity:.16;filter:blur(36px);border-radius:999px;width:min(42vw,420px);position:absolute;inset:auto -18% -28% auto}.card-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:22px;display:flex;position:relative}.card-head h2{letter-spacing:0;margin-top:8px;font-size:clamp(2rem,5vw,4rem);line-height:.98}.card-head p{color:var(--muted);margin-top:10px;font-size:clamp(.95rem,1.6vw,1.12rem)}.day-pill{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffff14;border-radius:999px;align-items:center;padding:4px 12px;font-size:.9rem;display:inline-flex}.shard-symbol{object-fit:contain;filter:drop-shadow(0 14px 34px #0000005c);width:clamp(58px,10vw,96px);height:clamp(58px,10vw,96px)}.location-block{z-index:1;border-top:1px solid var(--line);gap:14px;min-width:0;padding:16px 0 2px;position:relative}.location-block svg{color:var(--amber);flex:none}.location-block div{gap:5px;min-width:0;display:grid}.location-block span{font-size:.95rem;font-weight:760}.location-block strong{overflow-wrap:anywhere;letter-spacing:0;font-size:clamp(1.55rem,4vw,3.4rem);line-height:1}.location-block small{color:var(--muted);font-size:.85rem}.metric-row{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.metric{border:1px solid var(--line);background:#ffffff12;border-radius:16px;gap:10px;min-width:0;min-height:72px;padding:14px}.metric svg{color:var(--cyan);flex:none}.metric span{color:var(--muted);font-size:.88rem}.metric strong{overflow-wrap:anywhere;text-align:right;margin-left:auto;font-size:clamp(1rem,2vw,1.35rem)}.timeline-wrap{z-index:1;place-items:center;min-height:88px;display:grid;position:relative}.timeline-track{background:#e2e8f047;border-radius:999px;width:min(100%,760px);height:3px;position:relative;overflow:visible}.wave-marker{background:linear-gradient(90deg, var(--pink), var(--amber));border-radius:999px;min-width:24px;height:100%;position:absolute;top:0;box-shadow:0 0 24px #f178a952}.wave-marker:before,.wave-marker:after{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px}.wave-marker:before{left:-2px}.wave-marker:after{right:-2px}.wave-marker.is-active{background:linear-gradient(90deg, var(--cyan), var(--green));box-shadow:0 0 28px #58e3f87a}.wave-label{width:48px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.84rem;position:absolute}.wave-start{top:-32px;left:-24px}.wave-end{bottom:-32px;right:-24px}.timeline-cursor{background:#081017b8;border:2px solid #fffc;border-radius:999px;width:14px;height:26px;position:absolute;top:-12px;box-shadow:0 0 0 6px #58e3f81a}.timeline-empty{min-height:76px;color:var(--soft);place-items:center;display:grid}.countdown{z-index:1;border-top:1px solid var(--line);text-align:center;align-content:center;place-items:center;gap:4px;min-height:108px;padding-top:16px;display:grid;position:relative}.countdown p{color:var(--muted);font-size:clamp(.9rem,1.8vw,1rem)}.countdown strong{font-variant-numeric:tabular-nums;letter-spacing:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2rem,6vw,4.4rem);line-height:.98}.countdown[data-phase=active] strong{color:var(--green)}.countdown[data-phase=between] strong,.countdown[data-phase=beforeFirst] strong{color:var(--cyan)}.countdown[data-phase=ended] strong{color:var(--amber)}.countdown-empty{min-height:88px;color:var(--muted)}.empty-state{z-index:1;border-top:1px solid var(--line);min-height:270px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:16px;display:grid;position:relative}.empty-state svg{color:var(--amber)}.empty-state p{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:760}.card-preview{z-index:1;align-content:start;gap:6px;min-height:76px;padding-top:4px;display:grid;position:relative}.card-preview p{color:var(--muted);font-size:.92rem}.card-preview strong{letter-spacing:0;font-size:clamp(1.1rem,2.4vw,1.45rem)}.alias-text{letter-spacing:.18em}.carousel-actions{z-index:5;justify-content:center;align-items:center;gap:8px;display:flex;position:static}.today-button{border-radius:15px;min-width:66px;height:44px;padding:0 16px}.active-caption{min-height:24px;color:var(--muted);text-align:center}.forecast-strip{scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:min(1180px,100%);margin:0 auto;padding-bottom:4px;display:block;overflow-x:auto}.forecast-strip:active{cursor:grabbing}.forecast-strip::-webkit-scrollbar{display:none}.forecast-strip-track{align-items:stretch;gap:10px;width:max-content;min-height:94px;display:flex}.forecast-strip-spacer{flex:none;height:1px}.forecast-chip{border:1px solid var(--line);text-align:left;cursor:pointer;scroll-snap-align:center;contain:paint;background:#08101775;border-radius:16px;flex:none;gap:4px;width:clamp(138px,12vw,156px);min-width:0;min-height:94px;padding:12px;transition:background-color .2s,border-color .2s,transform .2s;display:grid}.forecast-chip.is-selected{background:#58e3f81f;border-color:#58e3f894}.forecast-chip span,.forecast-chip small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.forecast-chip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.08rem;overflow:hidden}.yiyan-panel{border:1px solid var(--line);color:#f8fafcdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);contain:paint;background:#08101770;border-radius:18px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;width:min(960px,100%);min-height:64px;margin:clamp(24px,4vw,44px) auto 0;padding:14px 18px;display:grid;box-shadow:0 18px 54px #00000038}.yiyan-panel:after{content:""}.yiyan-panel svg{color:var(--amber)}.yiyan-panel p{overflow-wrap:anywhere;text-align:center;min-width:0;line-height:1.6}.floating-today-wrap{z-index:20;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:clamp(160px,22vh,240px);left:0;right:0;transform:translateY(8px)}.floating-today-wrap.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-today-button{width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#58e3f82e;border:1px solid #e2e8f03d;border-radius:18px;place-items:center;padding:0;transition:background-color .2s;display:grid;box-shadow:0 20px 48px #00000057}.floating-today-button svg{flex:none}.floating-today-button:hover{background:#58e3f847}.floating-today-label{min-height:34px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;opacity:0;pointer-events:none;background:#08101785;border:1px solid #e2e8f02e;border-radius:999px;align-items:center;padding:0 12px;font-size:.92rem;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(-6px)}.floating-today-wrap:hover .floating-today-label,.floating-today-wrap:focus-within .floating-today-label{opacity:1;transform:translateY(0)}.footer{color:#e2e8f085;justify-content:space-between;gap:12px;width:min(1180px,100%);min-height:34px;margin:0 auto;padding:4px 2px;font-size:.82rem;display:flex}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--ink)}@media (width<=760px){.app-shell{gap:12px;min-height:100svh;padding:10px}.topbar{border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;min-height:54px;padding:7px}.brand span:last-child,.game-time-prefix,.game-time-full{display:none}.game-time-short{text-overflow:ellipsis;min-width:0;display:inline;overflow:hidden}.hero-band{align-items:start}h1{font-size:clamp(2rem,12vw,3.6rem)}.hero-copy p{display:none}.carousel-shell{min-height:clamp(760px,88svh,940px)}.shard-slider,.shard-slide,.shard-card{min-height:clamp(700px,82svh,880px)}.shard-card{border-radius:18px;gap:16px;padding:16px}.card-head{gap:12px}.card-head h2{font-size:clamp(2.2rem,14vw,4.2rem)}.metric-row{grid-template-columns:1fr}.metric{min-height:58px;padding:11px 12px}.location-block strong{font-size:clamp(1.8rem,11vw,3rem)}.timeline-wrap{min-height:86px}.countdown{min-height:104px}.countdown strong{font-size:clamp(2.15rem,13vw,4rem)}.carousel-actions{justify-content:center}.forecast-strip{overflow-x:auto}.forecast-chip{width:clamp(132px,42vw,156px)}.footer{text-align:center;flex-direction:column;align-items:center;gap:2px}}@media (width<=420px){.brand-mark,.icon-button{border-radius:13px;width:40px;height:40px}.game-time{padding:9px 8px}.shard-symbol{width:56px;height:56px}.forecast-strip{overflow-x:auto}.forecast-chip{width:clamp(118px,48vw,156px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}