.page-module__6G3MUa__tutorial{background:radial-gradient(ellipse at 50% 20%, #f59e0b14 0%, transparent 60%), var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}.page-module__6G3MUa__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.page-module__6G3MUa__headerInner{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;display:flex}.page-module__6G3MUa__backLink{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s}.page-module__6G3MUa__backLink:hover{color:var(--text-primary)}.page-module__6G3MUa__headerTitle{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--accent-gold);font-weight:700}.page-module__6G3MUa__stepIndicator{font-size:var(--font-size-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.page-module__6G3MUa__progressBar{background:var(--bg-tertiary);height:3px}.page-module__6G3MUa__progressFill{background:linear-gradient(90deg, var(--accent-gold) 0%, #d97706 100%);height:100%;transition:width .3s}.page-module__6G3MUa__content{width:100%;max-width:720px;padding:var(--spacing-xl) var(--spacing-lg);flex-direction:column;flex:1;margin:0 auto;display:flex}.page-module__6G3MUa__stepContent{flex:1;animation:.3s forwards page-module__6G3MUa__fadeInStep}@keyframes page-module__6G3MUa__fadeInStep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-module__6G3MUa__stepTitle{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:700}.page-module__6G3MUa__stepText{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.7}.page-module__6G3MUa__stepText strong{color:var(--accent-gold);font-weight:600}.page-module__6G3MUa__cardGroup{align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;display:flex}.page-module__6G3MUa__cardGroupLabel{width:100%;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-weight:600}.page-module__6G3MUa__cardGroupCards{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.page-module__6G3MUa__cardAnnotation{font-size:var(--font-size-sm);color:var(--accent-gold);margin-inline-start:var(--spacing-xs);font-weight:600}.page-module__6G3MUa__scoringTable{width:100%;margin:var(--spacing-lg) 0;border-collapse:collapse}.page-module__6G3MUa__scoringTable th,.page-module__6G3MUa__scoringTable td{padding:var(--spacing-sm) var(--spacing-md);text-align:start;border-bottom:1px solid var(--border-color)}.page-module__6G3MUa__scoringTable th{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.page-module__6G3MUa__scoringTable td{color:var(--text-secondary);font-size:var(--font-size-base)}.page-module__6G3MUa__scoringTable td:last-child{color:var(--accent-gold);text-align:end;font-weight:700}.page-module__6G3MUa__positionsDiagram{gap:var(--spacing-sm);max-width:240px;margin:var(--spacing-lg) auto;text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;display:grid}.page-module__6G3MUa__posN{grid-area:1/2}.page-module__6G3MUa__posW{grid-area:2/1}.page-module__6G3MUa__posCenter{font-size:var(--font-size-xs);color:var(--text-muted);grid-area:2/2;justify-content:center;align-items:center;display:flex}.page-module__6G3MUa__posE{grid-area:2/3}.page-module__6G3MUa__posS{grid-area:3/2}.page-module__6G3MUa__positionLabel{padding:var(--spacing-sm) var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);border-radius:8px}.page-module__6G3MUa__teamNS{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.page-module__6G3MUa__teamEW{color:var(--accent-rose);background:#ef444426;border:1px solid #ef44444d}.page-module__6G3MUa__highlight{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);border-inline-start:3px solid var(--accent-gold);background:#f59e0b14;border-radius:0 8px 8px 0}.page-module__6G3MUa__highlight p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7}.page-module__6G3MUa__highlight strong{color:var(--accent-gold)}.page-module__6G3MUa__nav{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);margin-top:auto;display:flex}.page-module__6G3MUa__navButton{align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.page-module__6G3MUa__navButton:hover{background:var(--bg-highlight);border-color:var(--accent-gold)}.page-module__6G3MUa__navButtonPrimary{background:linear-gradient(135deg, var(--accent-emerald) 0%, #047857 100%);color:#fff;border-color:#0000}.page-module__6G3MUa__navButtonPrimary:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.page-module__6G3MUa__navSpacer{flex:1}.page-module__6G3MUa__ctaGroup{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.page-module__6G3MUa__ctaButton{text-align:center;justify-content:center;width:100%;max-width:320px}.page-module__6G3MUa__ctaHint{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-md) 0;text-align:center}@media (max-width:479px){.page-module__6G3MUa__header{padding:var(--spacing-md) var(--spacing-lg)}.page-module__6G3MUa__content{padding:var(--spacing-lg) var(--spacing-md)}.page-module__6G3MUa__stepTitle{font-size:1.25rem}.page-module__6G3MUa__navButton{font-size:var(--font-size-sm);padding:10px 16px}.page-module__6G3MUa__positionsDiagram{max-width:200px}}@media (min-width:640px){.page-module__6G3MUa__stepTitle{font-size:1.75rem}.page-module__6G3MUa__content,.page-module__6G3MUa__cardGroup{padding:var(--spacing-xl)}}@media (min-width:1024px){.page-module__6G3MUa__stepTitle{font-size:2rem}}@media (max-width:767px){.page-module__6G3MUa__navButton{min-height:var(--touch-target-min)}}
