.TutorialBoard-module__Z80xfW__boardWrapper{flex-direction:column;align-items:center;gap:0;display:flex}.TutorialBoard-module__Z80xfW__board{background:#4a4a4a;border:4px solid #3a3a3a;border-radius:6px;grid-template-rows:36px repeat(7,56px) 36px;grid-template-columns:repeat(7,56px);gap:2px;padding:3px;display:grid;position:relative}.TutorialBoard-module__Z80xfW__cell{border-radius:2px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.TutorialBoard-module__Z80xfW__cellLight{background:#7cb342}.TutorialBoard-module__Z80xfW__cellDark{background:#689f38}.TutorialBoard-module__Z80xfW__goalRow{height:36px}.TutorialBoard-module__Z80xfW__goalCell{background:#e0e0e0;border:2px dashed #9e9e9e;border-radius:3px;height:36px}.TutorialBoard-module__Z80xfW__goalCellP1,.TutorialBoard-module__Z80xfW__goalCellP2{background:#e8f5e9;border-color:#81c784}.TutorialBoard-module__Z80xfW__goalHighlighted{box-shadow:inset 0 0 8px #66bb6a66;background:#c8e6c9!important;border-color:#66bb6a!important}.TutorialBoard-module__Z80xfW__emptyGoalCell{background:0 0;height:36px}.TutorialBoard-module__Z80xfW__goalLabel{font-family:var(--font-body);color:#33691e;white-space:nowrap;pointer-events:none;z-index:6;font-size:.6rem;position:absolute}.TutorialBoard-module__Z80xfW__goalLabelTop{top:8px;left:50%;transform:translate(-50%)}.TutorialBoard-module__Z80xfW__goalLabelBottom{bottom:8px;left:50%;transform:translate(-50%)}.TutorialBoard-module__Z80xfW__tokenOverlay{pointer-events:none;z-index:10;position:absolute;inset:0}.TutorialBoard-module__Z80xfW__animatedTokenWrap{pointer-events:none;z-index:11;position:absolute;transform:translate(-50%,-50%)}.TutorialBoard-module__Z80xfW__token{width:42px;height:42px;font-family:var(--font-heading);color:#fff;z-index:3;border:3px solid #222;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:relative}.TutorialBoard-module__Z80xfW__tokenRed{background:#d32f2f}.TutorialBoard-module__Z80xfW__tokenBlue{background:#1976d2}.TutorialBoard-module__Z80xfW__tokenOrange{background:#f57c00}.TutorialBoard-module__Z80xfW__tokenAlly{border-color:#fff;box-shadow:0 0 0 2px #ffffff80}.TutorialBoard-module__Z80xfW__tokenEnemy{opacity:.7;border-style:dashed;border-color:#000}.TutorialBoard-module__Z80xfW__tokenWithBall{box-shadow:0 0 0 2px #fff5e1,0 0 8px #fff5e180}.TutorialBoard-module__Z80xfW__ball{z-index:4;background:#f5e6c8;border:2px solid #8d6e4a;border-radius:50%;width:18px;height:18px;position:absolute}.TutorialBoard-module__Z80xfW__ballFree{animation:1.5s ease-in-out infinite TutorialBoard-module__Z80xfW__ballGlow}@keyframes TutorialBoard-module__Z80xfW__ballGlow{0%,to{box-shadow:0 0 4px #f5e6c866}50%{box-shadow:0 0 12px #f5e6c8e6}}.TutorialBoard-module__Z80xfW__ballOnToken{z-index:5;width:14px;height:14px;position:absolute;top:-4px;right:-4px}.TutorialBoard-module__Z80xfW__animatedBallWrap{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.TutorialBoard-module__Z80xfW__validMove{z-index:2;pointer-events:none;background:#ffffff59;border-radius:50%;width:18px;height:18px}.TutorialBoard-module__Z80xfW__kickTarget{z-index:2;pointer-events:none;background:#f5e6c826;border:3px solid #f5e6c8;border-radius:50%;width:28px;height:28px;position:absolute}.TutorialBoard-module__Z80xfW__emphasis{pointer-events:none;z-index:1;background:#ffd70026;border:1px solid #ffd7004d;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.TutorialBoard-module__Z80xfW__trashHeap{z-index:2;width:36px;height:36px;position:relative}.TutorialBoard-module__Z80xfW__trashBlock1{background:#5a4d3a;border:1px solid #4a3d2a;border-radius:2px;width:28px;height:10px;position:absolute;bottom:2px;left:4px}.TutorialBoard-module__Z80xfW__trashBlock2{background:#6d5d4a;border:1px solid #5a4d3a;border-radius:2px;width:22px;height:9px;position:absolute;bottom:10px;left:10px;transform:rotate(-5deg)}.TutorialBoard-module__Z80xfW__trashBlock3{background:#7a6d5a;border:1px solid #6d5d4a;border-radius:2px;width:16px;height:8px;position:absolute;bottom:17px;left:8px;transform:rotate(3deg)}.TutorialBoard-module__Z80xfW__arrowSvg{pointer-events:none;z-index:8;position:absolute;top:0;left:0}.TutorialBoard-module__Z80xfW__arrowLine{stroke-width:2.5px;stroke-opacity:.7;stroke-linecap:round}.TutorialBoard-module__Z80xfW__arrowLineDashed{stroke-dasharray:6 4}.TutorialBoard-module__Z80xfW__arrowHead{fill-opacity:.9}
.TutorialCard-module__hA97WW__cardRow{justify-content:center;gap:8px;margin-top:.75rem;display:flex}.TutorialCard-module__hA97WW__card{background:#f0e8d8;border:2px solid #8a7a6a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:72px;height:100px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.TutorialCard-module__hA97WW__cardSelected{border-color:#fc0;transform:translateY(-6px);box-shadow:0 0 10px #ffcc0080}.TutorialCard-module__hA97WW__cardLabel{font-family:var(--font-heading);color:#6a5a4a;font-size:.6rem}.TutorialCard-module__hA97WW__travelValue{font-family:var(--font-body);color:#33691e;font-size:1.3rem}.TutorialCard-module__hA97WW__kickValue{font-family:var(--font-body);color:#bf360c;font-size:1.3rem}.TutorialCard-module__hA97WW__ratioBar{background:#d0c8b8;border-radius:3px;width:56px;height:5px;display:flex;overflow:hidden}.TutorialCard-module__hA97WW__ratioTravel{background:#558b2f;min-width:2px;height:100%}.TutorialCard-module__hA97WW__ratioKick{background:#c62828;min-width:2px;height:100%}.TutorialCard-module__hA97WW__cardTotal{font-family:var(--font-body);color:#8a7a6a;font-size:.6rem;position:absolute;bottom:4px}
.TutorialStepView-module__CIyIPa__stepView{flex:1;align-items:flex-start;gap:2.5rem;display:flex}.TutorialStepView-module__CIyIPa__stepVisual{flex-shrink:0}.TutorialStepView-module__CIyIPa__stepText{flex-direction:column;gap:.75rem;max-width:360px;display:flex}.TutorialStepView-module__CIyIPa__sectionLabel{font-family:var(--font-heading);color:gold;text-transform:uppercase;letter-spacing:.1em;background:#ffd7001a;border:1px solid #ffd70040;border-radius:4px;width:fit-content;padding:.15rem .6rem;font-size:.7rem;display:inline-block}.TutorialStepView-module__CIyIPa__stepTitle{font-family:var(--font-heading);color:#c8e6c9;margin:0;font-size:1.8rem}.TutorialStepView-module__CIyIPa__paragraph{font-family:var(--font-body);color:#a5d6a7;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:800px){.TutorialStepView-module__CIyIPa__stepView{flex-direction:column;align-items:center}.TutorialStepView-module__CIyIPa__stepText{text-align:center;max-width:100%}}
.page-module__1gJpkG__tutorialPage{flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem;display:flex}.page-module__1gJpkG__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-module__1gJpkG__backLink{font-family:var(--font-body);color:#81c784;font-size:.9rem;text-decoration:none;transition:color .2s}.page-module__1gJpkG__backLink:hover{color:#a5d6a7;text-decoration:underline}.page-module__1gJpkG__title{font-family:var(--font-heading);color:gold;margin:0;font-size:2rem}.page-module__1gJpkG__stepIndicator{font-family:var(--font-body);color:#6d8a50;font-size:.9rem}.page-module__1gJpkG__progressBar{background:#2a3a1a;border-radius:2px;height:4px;margin-bottom:2rem;overflow:hidden}.page-module__1gJpkG__progressFill{background:gold;border-radius:2px;height:100%;transition:width .3s}.page-module__1gJpkG__stepContent{flex:1;justify-content:center;align-items:flex-start;display:flex}.page-module__1gJpkG__navigation{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.page-module__1gJpkG__navButton{font-family:var(--font-heading);color:#a5d6a7;cursor:pointer;background:#2a3a1a;border:2px solid #4a5d3a;border-radius:6px;min-width:110px;padding:.6rem 1.5rem;font-size:1rem;transition:background .2s,transform .1s}.page-module__1gJpkG__navButton:hover:not(:disabled){background:#3a4a2a;transform:translateY(-1px)}.page-module__1gJpkG__navButton:disabled{opacity:.3;cursor:default}.page-module__1gJpkG__navButtonNext{color:#e8f5e9;background:#558b2f;border-color:#33691e}.page-module__1gJpkG__navButtonNext:hover:not(:disabled){background:#689f38}.page-module__1gJpkG__stepDots{gap:.5rem;display:flex}.page-module__1gJpkG__dot{cursor:pointer;background:#3a4a2a;border:1px solid #4a5d3a;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,border-color .2s}.page-module__1gJpkG__dot:hover{background:#4a5d3a}.page-module__1gJpkG__dotActive{background:gold;border-color:gold}.page-module__1gJpkG__dotCompleted{background:#689f38;border-color:#558b2f}@media (max-width:600px){.page-module__1gJpkG__tutorialPage{padding:1rem}.page-module__1gJpkG__title{font-size:1.4rem}.page-module__1gJpkG__stepDots{gap:.3rem}.page-module__1gJpkG__dot{width:8px;height:8px}.page-module__1gJpkG__navButton{min-width:80px;padding:.5rem 1rem;font-size:.85rem}}