.rotate-vertical{transform:rotate(90deg)}.wizard-modal{--wizard-primary: #6366f1;--wizard-primary-hover: #4f46e5;--wizard-secondary: #e5e7eb;--wizard-border: #d1d5db;--wizard-success: #10b981}.wizard-modal .wizard-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:40rem){.wizard-modal .wizard-container{padding-top:3rem}}.wizard-modal .wizard-container .steps{display:flex;flex-direction:row;justify-content:center;gap:.5rem;overflow-x:auto}.wizard-modal .wizard-container .steps.hidden{opacity:0}.wizard-modal .wizard-container .steps .step-icon{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;padding-bottom:5px;opacity:.25;border-bottom:4px solid transparent;cursor:pointer;transition:all .3s ease}.wizard-modal .wizard-container .steps .step-icon.active{border-bottom-color:var(--primary-500);opacity:1}.wizard-modal .wizard-container .steps .step-icon.completed{opacity:1}.wizard-modal .wizard-container .steps .step-icon.party-icon:not(.active) *{stroke:#000;fill:#c8c8c8}.wizard-modal .wizard-container .steps .step-separator{width:1rem;height:1rem;align-self:center;margin-bottom:8px;transform:rotate(180deg);opacity:.25}.wizard-modal .wizard-container .steps .step-separator.active{opacity:1}.wizard-modal .step-content{display:flex;flex-direction:column}.wizard-modal .step-content .step-stage{position:relative;height:170px}.wizard-modal .step-content .step-view{position:absolute;inset:0;width:100%;height:170px;opacity:0;pointer-events:none;transform:translate(0);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.wizard-modal .step-content .step-view.before{transform:translate(-30px)}.wizard-modal .step-content .step-view.after{transform:translate(30px)}.wizard-modal .step-content .step-view.active{opacity:1;transform:translate(0);pointer-events:auto}.wizard-modal .step-content .step-view h2{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin:0;text-align:center}@media(min-width:40rem){.wizard-modal .step-content .step-view h2{font-size:1.5rem}}.wizard-modal .step-content .step-view.welcome-step{display:flex;flex-direction:column;align-items:center;justify-content:center}.wizard-modal .options-grid{gap:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1rem}.wizard-modal .options-grid .option-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:2px solid var(--wizard-border);border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.75rem;font-weight:500}.wizard-modal .options-grid .option-btn:hover{border-color:var(--wizard-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.wizard-modal .options-grid .option-btn.selected{border-color:var(--wizard-primary);background:#6366f10d}.wizard-modal .options-grid .option-btn.selected .option-icon{color:var(--wizard-primary)}.wizard-modal .options-grid .option-btn .option-icon{width:1.5rem;height:1.5rem;transition:color .3s ease}.wizard-modal .options-grid .option-btn .option-icon.theme-light *{stroke:var(--color-gray-900);fill:#e6e6e6}.wizard-modal .options-grid .option-btn .option-icon.theme-dark *{stroke:#000;fill:#3d525c}.wizard-modal .options-grid .option-btn .option-icon.theme-color *{stroke:#cc9266;fill:#92bfbf}.wizard-modal .map-count-selector{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.wizard-modal .map-count-selector .count-buttons{display:flex;justify-content:center;gap:1rem}.wizard-modal .map-count-selector .count-buttons .count-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:2px solid var(--wizard-border);border-radius:8px;background:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.wizard-modal .map-count-selector .count-buttons .count-btn:hover{border-color:var(--wizard-primary);transform:scale(1.05)}.wizard-modal .map-count-selector .count-buttons .count-btn.selected{border-color:var(--wizard-primary);border-width:2px;background:#6366f10d;box-shadow:3px 3px 6px #6366f140}.wizard-modal .map-count-selector .layout-options{opacity:0;transition:opacity .3s ease-in-out}.wizard-modal .map-count-selector .layout-options.show{opacity:1}.wizard-modal .map-count-selector .layout-options h2{font-size:1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.wizard-modal .map-count-selector .layout-options .options{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.wizard-modal .map-count-selector .layout-options .options .option-btn{padding:.375rem;font-size:.625rem;border:2px solid var(--wizard-border);border-radius:8px;background-color:#fff;transition:all .2s ease-in-out}.wizard-modal .map-count-selector .layout-options .options .option-btn.selected{border-color:var(--wizard-primary);background:#6366f10d}.wizard-modal .map-count-selector .layout-options .options .option-btn .icon{width:1rem;height:1rem}.wizard-modal .map-count-selector .layout-options .options .option-btn span{font-size:.625rem}.wizard-modal .navigation{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin-top:1rem}.wizard-modal .navigation .top-row{display:flex;gap:1rem;justify-content:center}.wizard-modal .navigation .nav-btn{display:flex;align-items:center;justify-content:center;width:50%;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease;border:none}.wizard-modal .navigation .nav-btn:active{transform:translateY(1px) scale(.96);filter:brightness(.9)}.wizard-modal .navigation .nav-btn.primary{background:var(--wizard-primary);color:#fff}.wizard-modal .navigation .nav-btn.primary:disabled{opacity:.4;cursor:not-allowed}.wizard-modal .navigation .nav-btn.primary:disabled:hover{transform:none;border-color:var(--wizard-border)}.wizard-modal .navigation .skip{font-weight:500;margin:1rem .5rem -1rem auto;cursor:pointer}.wizard-modal .map-preview{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:min(100%,300px);aspect-ratio:1;margin-top:1rem;margin-inline:auto;border-radius:1rem;overflow:hidden;box-shadow:4px 4px 12px #00000040}.wizard-modal .map-preview.welcome-preview{box-shadow:none}.wizard-modal .map-preview picture{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease-in-out .2s}.wizard-modal .map-preview picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wizard-modal .map-preview picture.show{transition:opacity .2s ease-in-out;opacity:1}.wizard-modal .map-preview .welcome-video{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;background:#fff;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.wizard-modal .map-preview .welcome-video.show{opacity:1}.wizard-modal .map-preview.showing-video picture{opacity:0;transition:opacity .25s ease-in-out}.wizard-modal .map-preview .step-video{position:absolute;inset:0;display:block;width:100%;height:100%;background:var(--bg-dark);-o-object-fit:contain;object-fit:contain;opacity:0;transform:translate(.5rem);pointer-events:none;transition:opacity .25s ease-in-out,transform .25s ease-in-out}.wizard-modal .map-preview .step-video.exiting{transform:translate(-.5rem)}.wizard-modal .map-preview .step-video.active{opacity:1;transform:translate(0);pointer-events:auto}.wizard-modal .completion-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.wizard-modal .completion-step p{font-size:.85rem;font-weight:500;text-align:center;text-wrap:pretty;margin-top:0;margin-bottom:.5rem}@media(min-width:40rem){.wizard-modal .completion-step p{margin-top:-.25rem}}.wizard-modal .completion-step .features-list{display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin-left:1rem}.wizard-modal .completion-step .features-list .feature-item{display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.wizard-modal .completion-step .features-list .feature-item .feature-icon{width:1.5rem;height:1.5rem;flex-shrink:0;border:2px solid var(--color-gray-900);border-radius:6px;padding:4px}.wizard-modal .completion-step .features-list .feature-item .feature-label{flex-grow:1;font-size:.875rem;font-weight:500;white-space:nowrap}.wizard-modal .completion-step .features-list .feature-item .feature-play-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.1rem .5rem;border:2px solid var(--color-gray-900);border-radius:.5rem;background:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.wizard-modal .completion-step .features-list .feature-item .feature-play-btn .play-icon{width:.875rem;height:.875rem;flex-shrink:0}.wizard-modal .completion-step .features-list .feature-item .feature-play-btn:hover{transform:scale(1.08)}.wizard-modal .completion-step .features-list .feature-item .feature-play-btn.active{background:var(--wizard-secondary)}