html{scroll-behavior:smooth}:root{--bg: #0f1117;--bg-2: #141a25;--surface: #151822;--surface-2: #1b2231;--text: #e6e8ee;--muted: #a9afc7;--primary: #7c9aff;--accent: #9ef1c8;--accent-2: #f7b267;--line: #2a3142;--shadow: 0 6px 24px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,Avenir Next,Futura,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(124,154,255,.08),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text)}.app{max-width:1100px;margin:0 auto;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:1.5rem}.app-header h1{margin:0;font-size:clamp(2.2rem,3vw,3rem);letter-spacing:-.02em}.app-header p{margin:.25rem 0 1rem;color:var(--muted)}.app-footer{text-align:center;margin-top:3rem;color:var(--muted)}.year-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.chip{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:999px;text-decoration:none;color:var(--text);background:#1b1f2d;border:1px solid #23283a;transition:border-color .16s ease,color .16s ease,transform .16s ease}.chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.year-heading{margin:2rem auto 1rem;padding:.25rem .75rem;width:fit-content;background:#1b1f2d;border:1px solid #23283a;border-radius:999px;color:var(--muted);font-weight:600;letter-spacing:.5px}.timeline{position:relative;margin-top:1rem}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--line),#3a425a 60%,var(--line));transform:translate(-50%)}.timeline-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2rem 1rem}.game-item{position:relative;max-width:480px}.game-item.left{grid-column:1;justify-self:end}.game-item.right{grid-column:2;justify-self:start}.marker{position:absolute;top:1.25rem;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #9ef1c826}.game-item.left .marker{right:-8px}.game-item.right .marker{left:-8px}.card{background:var(--surface);border:1px solid #1e2231;border-radius:14px;padding:1rem 1.25rem;box-shadow:var(--shadow)}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.title{margin:0;font-size:1.1rem}.date{color:var(--muted)}.date-list{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.date-list .date{background:#1b1f2d;border:1px solid #23283a;border-radius:999px;padding:.15rem .5rem;font-size:.85rem}.date-list .interval{background:#1b1f2d;border:1px solid #23283a;border-radius:999px;padding:.15rem .5rem;font-size:.85rem;color:var(--muted)}.desc{margin:.5rem 0 .75rem;color:var(--text)}.rating{position:relative;background:#1b1f2d;border:1px solid #23283a;border-radius:999px;height:10px;width:140px}.rating.shuttlecock .rating-bar{background:var(--primary)}.rating.emzi .rating-bar{background:var(--accent-2)}.rating-bar{position:absolute;left:0;top:0;bottom:0;background:var(--primary);border-radius:999px}.rating-line{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.rating-label{color:var(--muted);font-size:.85rem;min-width:44px}.rating-text{color:var(--muted);font-size:.85rem}.want-section{margin:2rem 0 2.5rem;padding:2rem;background:linear-gradient(145deg,#7c9aff1f,#141a2533);border:1px solid #222838;border-radius:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.want-section:focus-visible{outline:2px solid rgba(124,154,255,.8);outline-offset:4px}.want-section:hover{transform:translateY(-2px);border-color:#7c9aff66}.want-section:after{content:"";position:absolute;right:-120px;top:-120px;width:260px;height:260px;background:radial-gradient(circle,rgba(158,241,200,.2),transparent 65%);pointer-events:none}.want-header{text-align:center;margin-bottom:1.5rem;display:grid;gap:.6rem;justify-items:center}.want-eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:var(--accent)}.want-header h2{margin:0 0 .35rem;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.02em}.want-subtitle{margin:0;color:var(--muted)}.hitlist-action{margin-top:.2rem;background:var(--accent);color:#0f1117;border:none;border-radius:999px;padding:.5rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.hitlist-action:hover{transform:translateY(-1px);box-shadow:0 10px 20px #9ef1c840}.want-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.want-card{background:var(--surface-2);border:1px solid #252c3f;border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;box-shadow:0 8px 20px #06080c40;transition:transform .16s ease,border-color .16s ease;cursor:pointer}.want-card:hover{transform:translateY(-3px);border-color:#7c9aff99}.want-title{font-size:1.05rem;letter-spacing:.01em;color:var(--text);display:inline-flex;align-items:center;gap:.4rem}.staple-icon{width:22px;height:22px;display:inline-block;background:no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><path fill='%23e6e8ee' d='M10 18h44v10H10z'/><path fill='%23c4c9d6' d='M14 28h36v10H14z'/><path fill='%239ea6bc' d='M18 38h28v8H18z'/><rect x='8' y='46' width='48' height='8' rx='4' fill='%23818aa3'/></svg>")}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0a0c12b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-body{position:relative;width:min(520px,92vw);background:#121623;border:1px solid #242a3b;border-radius:18px;padding:2rem;box-shadow:0 18px 50px #06080c66;text-align:center;z-index:2}.modal-body h3{margin:0 0 1.2rem;font-size:1.5rem}.modal-close{position:absolute;top:14px;right:14px;background:transparent;color:var(--muted);border:1px solid #2a3043;border-radius:999px;width:32px;height:32px;font-size:1.3rem;cursor:pointer;display:grid;place-items:center}.modal-close:hover{color:var(--text);border-color:#7c9aff99}.wheel-wrap{position:relative;--wheel-size: 260px;width:calc(var(--wheel-size) + 40px);height:var(--wheel-size);margin:0 auto 1.5rem;display:grid;place-items:center}.wheel{width:var(--wheel-size);height:var(--wheel-size);border-radius:50%;border:6px solid #20273b;box-shadow:inset 0 0 0 6px #0003;transition:transform 2.2s cubic-bezier(.15,.8,.1,1);overflow:visible;transform-box:fill-box;transform-origin:50% 50%}.wheel-center{fill:#101421;stroke:#fff3;stroke-width:2px}.wheel-segment{transition:opacity .12s ease}.wheel-segment:hover{opacity:.85}.wheel-labels{pointer-events:none}.wheel-label{fill:#0b0e16e6;font-size:11px;font-weight:700;letter-spacing:.06em}.wheel-tooltip{position:absolute;transform:translate(10px,-12px);background:#0d101af2;color:var(--text);padding:.35rem .6rem;border-radius:8px;font-size:.85rem;border:1px solid #2b3146;box-shadow:0 10px 20px #06080c59;pointer-events:none;white-space:nowrap;z-index:3}.wheel-pointer{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:28px solid #e94b4b;filter:drop-shadow(0 0 6px rgba(233,75,75,.5))}.wheel-result{margin:0 0 1rem;color:var(--muted)}.spin-button{background:var(--primary);color:#0f1117;border:none;border-radius:999px;padding:.65rem 1.6rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.spin-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #7c9aff40}.spin-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.celebration-ball{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9,#fff0 45%),hsl(var(--hue),85%,60%);box-shadow:0 8px 16px #06080c4d}.weight-title{margin:0 0 1rem;color:var(--muted)}.weight-label{display:block;text-align:left;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.weight-input{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid #293046;background:#0f1320;color:var(--text);font-size:1rem;margin-bottom:1rem}.weight-actions{display:flex;gap:.75rem;justify-content:flex-end}.weight-secondary{background:transparent;border:1px solid #2a3043;color:var(--text);border-radius:999px;padding:.5rem 1.2rem;cursor:pointer}.weight-secondary:hover{border-color:#7c9aff99}@media (max-width: 860px){.timeline:before{left:24px;transform:none}.timeline-list{grid-template-columns:1fr}.game-item{max-width:100%}.game-item.left,.game-item.right{grid-column:1;justify-self:stretch}.game-item .marker{left:-8px}.want-section{padding:1.5rem}}@media (max-width: 520px){.wheel-wrap{--wheel-size: 220px;width:calc(var(--wheel-size) + 36px);height:var(--wheel-size)}.modal-body{padding:1.5rem}}