.container{padding:var(--space-xl) var(--space-lg);max-width:1100px;margin:0 auto}.item-hero{gap:var(--space-xl);margin-bottom:var(--space-2xl);align-items:flex-start;display:flex}.item-img{border-radius:var(--radius-xl);background:radial-gradient(ellipse at center, var(--color-bg-tertiary) 0%, var(--color-bg) 100%);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.item-img img{object-fit:contain;width:84px;height:84px}.item-heading{flex:1;min-width:0}.item-kicker{font-size:var(--font-size-xs);letter-spacing:.18em;color:var(--color-primary-hover);text-transform:uppercase;margin-bottom:var(--space-xs);font-weight:800}.item-heading h1{font-size:var(--font-size-4xl);margin:0 0 var(--space-xs);background:linear-gradient(135deg, var(--color-text-heading) 0%, var(--color-primary-hover) 100%);-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.item-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);font-weight:600}.item-desc{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:720px;line-height:1.7}.stat-grid{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.stat-card:hover{box-shadow:0 8px 30px #0000004d, 0 0 0 1px var(--color-primary-dim);border-color:var(--color-primary-dim);transform:translateY(-2px)}.stat-primary{background:linear-gradient(135deg, #6366f126, var(--color-bg-card));border-color:var(--color-primary-dim)}.stat-label{letter-spacing:.12em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.stat-value{font-family:var(--font-mono);font-size:var(--font-size-2xl);color:var(--color-text-heading);font-weight:800;display:block}.stat-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:6px;display:block}.demand-hot{color:#fca5a5}.demand-high{color:#fcd34d}.demand-medium{color:#93c5fd}.demand-low{color:#9ca3b8}.item-section{margin-bottom:var(--space-2xl)}.item-section h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md);font-weight:700}.item-section p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7}.section-note{margin-top:var(--space-sm);font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important}.section-meta{margin-top:var(--space-sm);font-style:italic;font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important}.method-link{margin-top:var(--space-sm)}.method-link a{color:var(--color-primary-hover);font-weight:600;text-decoration:none}.method-link a:hover{text-decoration:underline}.form-title{font-size:var(--font-size-lg);color:var(--color-text-heading);margin:var(--space-xl) 0 var(--space-md);font-weight:700}.form-block{margin-top:var(--space-md)}.moves-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.move-card{align-items:center;gap:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);text-decoration:none;display:flex}a.move-card:hover{border-color:var(--color-primary-dim);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.move-key{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;width:28px;height:28px;font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.move-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.move-name{font-size:var(--font-size-sm);color:var(--color-text-heading);font-weight:700}.move-mastery{font-size:var(--font-size-xs);color:var(--color-text-muted)}.move-demo{font-size:var(--font-size-xs);color:var(--color-primary-hover);flex-shrink:0;font-weight:700}.score-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.score-bar{align-items:center;gap:var(--space-md);display:flex}.score-label{width:90px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);flex-shrink:0;font-weight:700}.score-track{background:var(--color-bg-tertiary);border-radius:var(--radius-xl);flex:1;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));border-radius:var(--radius-xl);height:100%}.score-num{width:42px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;font-weight:700}.skill-list{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.skill-list li{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.item-nav{justify-content:space-between;gap:var(--space-md);margin:var(--space-2xl) 0 var(--space-lg);display:flex}.item-nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.item-nav a:hover{color:var(--color-primary-hover);border-color:var(--color-primary-dim)}.back-link{text-align:center;margin-top:var(--space-lg)}.back-link a{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none}.back-link a:hover{color:var(--color-primary-hover)}@media (width<=768px){.item-hero{gap:var(--space-md);flex-direction:column}.item-heading h1{font-size:var(--font-size-3xl)}.stat-grid{grid-template-columns:repeat(2,1fr)}}