@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-gradient:radial-gradient(circle at center, #0e1c12 0%, #060b07 100%);--gold-primary:#d4af37;--gold-hover:#f3e5ab;--gold-glow:#d4af3759;--gold-glow-weak:#d4af371a;--emerald-accent:#00fa9a;--emerald-glow:#00fa9a33;--card-bg:#0e120ed9;--input-bg:#050705b3;--border-color:#d4af3733;--border-hover:#d4af3773;--text-primary:#fff;--text-secondary:#a0a8a0;--text-dark:#070a07;--red-alert:#ff4d4d;--orange-warn:orange;--green-ok:#00ff7f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:1.05rem;position:relative;overflow-x:hidden}.pitch-overlay{pointer-events:none;z-index:-1;background-image:linear-gradient(#0000 23%,#ffffff03 24% 25%,#0000 26% 73%,#ffffff03 74% 75%,#0000 76%),linear-gradient(90deg,#0000 49%,#ffffff03 50% 51%,#0000 52%),radial-gradient(circle,#0000 39%,#ffffff02 40% 42%,#0000 43%);background-position:50%;background-repeat:repeat-y,no-repeat,no-repeat;background-size:100% 250px,100% 100%,160px 160px;position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#060b07}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4{letter-spacing:.5px;font-weight:700}a{color:var(--gold-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-hover)}.gold-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px 0 #0009, 0 0 15px var(--gold-glow-weak);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.gold-card:hover{border-color:var(--border-hover);box-shadow:0 12px 35px 0 #000000bf, 0 0 25px var(--gold-glow)}.gold-btn{background:linear-gradient(135deg, #c5a059 0%, var(--gold-primary) 100%);color:var(--text-dark);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1.05rem;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 15px #d4af3733}.gold-btn:hover:not(:disabled){box-shadow:0 6px 20px var(--gold-glow);background:linear-gradient(135deg, var(--gold-hover) 0%, var(--gold-primary) 100%);transform:translateY(-2px)}.gold-btn:active:not(:disabled){transform:translateY(0)}.gold-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.gold-btn-outline{border:1px solid var(--gold-primary);color:var(--gold-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .25s;display:inline-flex}.gold-btn-outline:hover{background:var(--gold-glow-weak);border-color:var(--gold-hover);color:var(--gold-hover)}.gold-input{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1.1rem;transition:all .25s}.gold-input:focus{border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow-weak)}.gold-select{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23d4af37' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1.1rem;transition:all .25s}.gold-select:focus{border-color:var(--gold-primary)}.gold-select option{color:#fff;background:#0d110d}.gold-slider{-webkit-appearance:none;background:#151c15;border-radius:3px;outline:none;width:100%;height:6px;margin:10px 0}.gold-slider::-webkit-slider-thumb{appearance:none;background:var(--gold-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--gold-glow);border:2px solid #0d110d;border-radius:50%;transition:transform .1s}.gold-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.flag-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:4px;width:48px;height:32px;box-shadow:0 2px 8px #00000080}.flag-large{object-fit:cover;border:2px solid #ffffff26;border-radius:6px;width:140px;height:93px;box-shadow:0 4px 15px #000000b3}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#080b08f2;align-items:center;height:auto;min-height:70px;padding:8px 24px;display:flex;position:sticky;top:0}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav-logo{background:linear-gradient(135deg, #fff 30%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.nav-items{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav-links-wrap{align-items:center;gap:6px;display:flex}.nav-link-btn{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-block}.nav-link-btn:hover,.nav-link-btn.active{color:var(--text-primary);background:#ffffff0d}.points-display{color:var(--gold-primary);white-space:nowrap;background:#d4af371a;border:1px solid #d4af374d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:flex}.app-container{max-width:1200px;margin:0 auto;padding:30px 24px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px;display:grid}@media (max-width:992px){.nav-links-wrap{white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:4px;overflow-x:auto}.nav-links-wrap::-webkit-scrollbar{display:none}}@media (max-width:768px){.navbar{padding:10px 16px}.nav-container{flex-direction:column;align-items:stretch;gap:10px}.nav-logo{justify-content:center}.nav-logo-text{display:inline}.nav-items{justify-content:center;gap:8px;width:100%}.nav-links-wrap{justify-content:flex-start;width:100%}.points-display{padding:6px 10px;font-size:.85rem}.gold-btn{padding:10px 16px;font-size:.85rem}.app-container{padding:16px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px}.dc-matrix{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:15px;display:grid}.dc-cell{aspect-ratio:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:.95rem;transition:all .2s;display:flex}.dc-cell-score{color:var(--text-primary);font-weight:700}.dc-cell-prob{color:var(--gold-primary);font-size:.7rem}.spinner{border:3px solid #d4af3733;border-top-color:var(--gold-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}