:root{--bg-0: #070b16;--bg-1: #121a2f;--accent: #ff4d6d;--gold: #ffd60a;--cyan: #4cc9f0;--text: #fff7ed;--font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;color:var(--text);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,247,237,.28) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff7ed47;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffd60a80}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg-0)}.home-loading{display:grid;place-items:center;min-height:100vh;margin:0;background:#181821;color:#8b90a0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:14px}.home-loading p{margin:0}.stage{position:relative;min-height:100vh;padding:.65rem 1rem 1.25rem;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,77,109,.35),transparent),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(76,201,240,.2),transparent),radial-gradient(ellipse 50% 35% at 10% 60%,rgba(255,214,10,.12),transparent),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.stage.loading{display:grid;place-items:center;font-size:1.1rem}.stage-glow{pointer-events:none;position:absolute;inset:auto 10% -20% 10%;height:40%;background:radial-gradient(circle,rgba(255,77,109,.18),transparent 70%);filter:blur(20px);animation:pulse-glow 4.5s ease-in-out infinite}.hero{position:relative;z-index:1;max-width:1280px;margin:0 auto .55rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;animation:hero-in .6s ease both}.shot-hero{justify-content:flex-start;margin-bottom:.55rem}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px rgba(255,77,109,.45),0 1px 0 rgba(0,0,0,.35)}.toolbar{position:relative;z-index:2;max-width:1280px;margin:0 auto .55rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.nav-link{display:inline-flex;align-items:center;flex-shrink:0;padding:.42rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff7edd1;text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap}.nav-link:hover{border-color:#ffd60a73;color:#ffe566}.nav-link-active{color:#121a2f;background:linear-gradient(135deg,#ffe566,#ffb703);border-color:transparent}.shot-area{position:relative;z-index:1;padding:.5rem .35rem .65rem;border-radius:.75rem;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,77,109,.28),transparent),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(76,201,240,.14),transparent),linear-gradient(180deg,#121a2f,#070b16)}.author-credit{position:fixed;right:.85rem;bottom:.75rem;z-index:40;margin:0;font-size:.92rem;font-weight:700;letter-spacing:.04em;color:#fff7ed85;text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 480px){.author-credit{right:.55rem;bottom:.45rem;font-size:.62rem;font-weight:600;letter-spacing:.02em;color:#fff7ed38;text-shadow:none}.toolbar{gap:.28rem;margin-bottom:.4rem;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link,.shot-btn,.reset-btn{padding:.34rem .55rem;font-size:.68rem}}.shot-btn,.reset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;flex-shrink:0;font-family:inherit;font-weight:800;font-size:.8rem;padding:.4rem .85rem;border-radius:.4rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.shot-btn{color:#06283a;background:linear-gradient(135deg,#4cc9f0,#2ec4b6);box-shadow:0 4px 14px #4cc9f04d}.reset-btn{color:#1a1025;background:linear-gradient(135deg,var(--gold),#ff9f1c);box-shadow:0 4px 14px #ff9f1c4d}.shot-btn:hover,.reset-btn:hover{transform:translateY(-1px)}.shot-btn:disabled{opacity:.65;cursor:wait;transform:none}.shot-btn:active,.reset-btn:active{transform:translateY(1px)}.board{position:relative;z-index:1;max-width:1280px;margin:0 auto}.teams{display:flex;flex-direction:column;gap:.4rem}.teams>*:nth-child(1){animation-delay:.05s}.teams>*:nth-child(2){animation-delay:.1s}.teams>*:nth-child(3){animation-delay:.15s}.teams>*:nth-child(4){animation-delay:.2s}.teams>*:nth-child(5){animation-delay:.25s}.teams>*:nth-child(6){animation-delay:.3s}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:120;padding:.75rem 1.2rem;border-radius:999px;background:#111827eb;border:1px solid rgba(255,214,10,.45);color:#ffe566;font-weight:700;box-shadow:0 12px 32px #00000059;animation:toast-in .25s ease both}@keyframes hero-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}