.kit-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin:28px 0;display:grid}.kit-overview-visual{background:var(--soft);border-radius:12px;position:relative;overflow:hidden}.kit-overview-visual img{width:100%;height:auto;display:block}.kit-overview-visual .sport-word-panel{min-height:340px;padding:24px}.kit-overview-visual .sport-word-panel strong{font-size:36px}.kit-hotspot{color:#fff;cursor:pointer;background:#101314d9;border:1px solid #ffffffb3;border-radius:50%;width:44px;height:44px;font-size:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.kit-hotspot[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.kit-overview-label{color:#fff;background:#101314de;border-radius:6px;padding:8px;font-size:9px;position:absolute;bottom:12px;left:10px;right:10px}.kit-overview-list{gap:6px;margin-top:16px;display:grid}.kit-overview-list button{text-align:left;border:1px solid var(--border);color:var(--foreground);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px;font-size:12px;display:flex}.kit-overview-list button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.kit-overview-list span{color:var(--accent);font-size:11px}.kit-piece-detail{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}.kit-piece-detail h3{font-size:20px}.kit-piece-detail p{margin-top:12px;font-size:12px;line-height:1.7}@media (max-width:1024px){.kit-overview{grid-template-columns:1fr}.kit-overview-visual{max-width:350px}}.kit-overview-visual:has(>img):after{content:"";pointer-events:none;z-index:1;background:linear-gradient(160deg,#0000001f,#0000 42%,#0000003b),linear-gradient(118deg,#0000 10%,#ffffff21 11%,#0000 40%);position:absolute;inset:0}.kit-hotspot,.kit-overview-label{z-index:2}.kit-image-focus{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);z-index:2;pointer-events:none;border-radius:18px;width:28%;height:23%;transition:left .26s cubic-bezier(.22,1,.36,1),top .26s cubic-bezier(.22,1,.36,1),background .22s ease-out;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0004,0 8px 24px #0002}.kit-hotspot{transition:background .22s ease-out,color .22s ease-out,box-shadow .22s ease-out}.kit-hotspot.is-in-plan:after{content:"";background:var(--accent);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.kit-hotspot:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.kit-overview-list button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.kit-overview-list button{transition:background .22s ease-out,border-color .22s ease-out}.kit-overview-list button .kit-overview-name{color:var(--foreground);flex:1;font-size:12px;line-height:1.45}.kit-overview-name small{color:var(--muted-foreground);margin-top:3px;font-size:10px;animation:.22s cubic-bezier(.22,1,.36,1) kit-piece-count;display:block}.kit-overview-list .kit-piece-index{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.kit-overview-list button.is-in-plan .kit-piece-index{border-color:var(--accent)}.kit-overview-list button>svg{color:var(--accent);flex-shrink:0}.kit-piece-detail{min-height:150px;animation:.22s cubic-bezier(.22,1,.36,1) kit-piece-count}.kit-piece-detail .kit-piece-included{color:var(--accent)}@keyframes kit-piece-count{0%{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kit-image-focus,.kit-hotspot,.kit-overview-list button{transition:none}.kit-overview-name small,.kit-piece-detail{animation:none}}.kit-hotspot{min-width:44px;min-height:44px}@media (max-width:767px){.kit-overview-list button{min-height:48px}.kit-overview-list button .kit-overview-name{font-size:15px}.kit-overview-name small{font-size:12px}.kit-piece-detail p{line-height:1.7}}.kit-overview-list button:not([aria-pressed=true]){border-color:var(--control-border)}