.tab-container.svelte-1gdt442{display:flex;gap:8px}.tutorial-board-container.svelte-11d3g70{display:flex;justify-content:center;align-items:center;margin-top:24px;padding:16px}.tutorial-game.svelte-11d3g70{display:grid;grid-template-rows:30px 1fr 30px;grid-template-columns:30px 1fr 30px;grid-template-areas:"tl top tr" "left main right" "lb bottom rb";aspect-ratio:1/1;width:100%;max-width:300px}.tutorial-drawer.svelte-11d3g70,.tutorial-drawer-background.svelte-11d3g70{grid-area:main;display:flex;flex-wrap:wrap}.tutorial-stone.svelte-11d3g70{box-sizing:border-box;margin:2px;border-radius:100%;display:flex;justify-content:center;align-items:center;background:#ffffffd9;box-shadow:8px 6px 12px #00000040,inset -3px -3px 3px #fff,inset -3px 3px 3px #fff;transition:all .3s ease}.tutorial-stone-erosion.svelte-11d3g70{box-sizing:border-box;margin:2px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:#688eff5b;box-shadow:inset 8px 6px 12px #0006,inset 8px 6px 12px #00000040}.tutorial-stone-shape.svelte-11d3g70{border-radius:53% 47% 29% 71%/48% 69% 31% 52%}.tutorial-stone.destroyed.svelte-11d3g70{transform:scale(0);opacity:0;box-shadow:inset 8px 6px 12px #0006,inset 8px 6px 12px #00000040}.tutorial-stone.highlighted.svelte-11d3g70{background-color:#ffa500e6;box-shadow:0 0 16px #ffa50099,8px 6px 12px #00000040,inset -3px -3px 3px #ffc800cc,inset -3px 3px 3px #ffc800cc}.tutorial-bar.svelte-11d3g70{background-color:#880de0;margin:6px;box-shadow:8px 6px 12px #00000040,inset -3px -3px 3px #9939ff,inset -3px 3px 3px #9939ff;transition:all .3s ease}.tutorial-bar.highlighted.svelte-11d3g70{background-color:#d76800;box-shadow:0 0 12px #fd7a0099,8px 6px 12px #00000040,inset -3px -3px 3px #fd7a00,inset -3px 3px 3px #fd7a00}.tutorial-bar.top.svelte-11d3g70{grid-area:top;border-radius:50% 50% 10% 10%/40% 40% 100% 100%}.tutorial-bar.bottom.svelte-11d3g70{grid-area:bottom;border-radius:10% 10% 50% 50%/100% 100% 40% 40%}.tutorial-bar.left.svelte-11d3g70{grid-area:left;border-radius:40% 100% 100% 40%/40% 10% 10% 40%}.tutorial-bar.right.svelte-11d3g70{grid-area:right;border-radius:100% 40% 40% 100%/10% 40% 40% 10%}@media(max-width:640px){.tutorial-game.svelte-11d3g70{max-width:240px;grid-template-rows:20px 1fr 20px;grid-template-columns:20px 1fr 20px}.tutorial-bar.svelte-11d3g70{margin:4px}.tutorial-board-container.svelte-11d3g70{margin-top:16px;padding:8px}}.tutorial-overlay.svelte-wwrk2o{position:fixed;inset:0;z-index:1000;background-color:#000000d9;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-container.svelte-wwrk2o{background-color:#202030f2;border:4px solid rgba(138,43,226,.8);border-top:4px solid rgba(255,255,255,.6);border-left:4px solid rgba(255,255,255,.6);border-right:4px solid rgba(0,0,0,.5);border-bottom:4px solid rgba(0,0,0,.5);box-shadow:inset -3px -3px #0006,inset 3px 3px #fff3,0 8px 16px #0009;max-width:600px;max-height:90vh;width:100%;padding:32px;display:flex;flex-direction:column;gap:24px;position:relative;overflow-y:auto;overflow-x:hidden}.tutorial-container.svelte-wwrk2o::-webkit-scrollbar{width:8px}.tutorial-container.svelte-wwrk2o::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.tutorial-container.svelte-wwrk2o::-webkit-scrollbar-thumb{background:#8a2be299;border-radius:4px}.tutorial-container.svelte-wwrk2o::-webkit-scrollbar-thumb:hover{background:#8a2be2cc}.tutorial-header.svelte-wwrk2o{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tutorial-title.svelte-wwrk2o{font-family:PressStart2P,Arial,Helvetica,sans-serif;font-size:1.5em;color:#fff;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin:0}.close-button.svelte-wwrk2o{background:none;border:none;color:#fff;font-size:2em;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s;touch-action:manipulation;-webkit-tap-highlight-color:rgba(138,43,226,.3)}.close-button.svelte-wwrk2o:hover{color:#8a2be2}.close-button.svelte-wwrk2o:active{color:#8a2be2;transform:scale(.95)}.step-indicator.svelte-wwrk2o{display:flex;justify-content:center;gap:12px;padding:16px 0}.step-dot.svelte-wwrk2o{width:12px;height:12px;border-radius:50%;background-color:#ffffff4d;border:2px solid rgba(255,255,255,.5);transition:all .3s ease}.step-dot.active.svelte-wwrk2o{background-color:#8a2be2;border-color:#8a2be2;box-shadow:0 0 8px #8a2be2cc;transform:scale(1.3)}.tutorial-content.svelte-wwrk2o{display:flex;flex-direction:column;gap:16px;padding:24px;background-color:#0000004d;border:2px solid rgba(138,43,226,.3);border-radius:4px}.step-title.svelte-wwrk2o{font-family:PressStart2P,Arial,Helvetica,sans-serif;font-size:1.2em;color:#8a2be2;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.8);margin:0;line-height:1.5}.step-content.svelte-wwrk2o{font-family:PressStart2P,Arial,Helvetica,sans-serif;font-size:.8rem;color:#fff;line-height:1.8;margin:0}.tutorial-navigation.svelte-wwrk2o{display:flex;justify-content:space-between;align-items:center;gap:16px}.step-counter.svelte-wwrk2o{font-family:PressStart2P,Arial,Helvetica,sans-serif;font-size:.9em;color:#8a2be2;text-shadow:1px 1px 0 rgba(0,0,0,.8);flex-shrink:0}.tutorial-navigation .nav-button{flex:1;max-width:180px;min-height:44px}@media(max-width:640px){.tutorial-container.svelte-wwrk2o{padding:20px;gap:16px;max-height:85vh}.tutorial-title.svelte-wwrk2o{font-size:1em}.close-button.svelte-wwrk2o{width:44px;height:44px;font-size:2.5em}.step-title.svelte-wwrk2o{font-size:.9em}.step-content.svelte-wwrk2o{font-size:.8em;line-height:1.6}.tutorial-content.svelte-wwrk2o{padding:12px}.tutorial-navigation.svelte-wwrk2o{flex-direction:column;gap:12px;width:100%}.tutorial-navigation .nav-button{max-width:100%;width:100%;min-height:48px;padding:14px 20px}.step-counter.svelte-wwrk2o{font-size:.75em;order:-1}}