#sceneTransition{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:all}#sceneTransition[hidden]{display:none}.transition-disc{position:absolute;inset:-100vmax;border-radius:50%;background:#f4c5db;box-shadow:0 0 0 45px #d6c9ed,0 0 0 90px #c9e9e3;animation:pastel-cover 1.15s ease-in-out both;transform-origin:center}.transition-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;color:#996c88;animation:pastel-label 1.15s ease both}.transition-label span{font-size:19px;letter-spacing:.1em}@keyframes pastel-cover{0%{transform:translateX(-100%) scale(.1)}45%,55%{transform:translateX(0) scale(1)}100%{transform:translateX(100%) scale(.1)}}@keyframes pastel-label{0%,25%,100%{opacity:0;transform:translateY(12px)}45%,60%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.transition-disc{animation:none;inset:0;border-radius:0}.transition-label{animation:none}}
.tutorial{color:#624763;font-size:15px;line-height:1.75}.tutorial-head{text-align:center;background:linear-gradient(135deg,#ffe3ef,#fff1bd);border-radius:20px;padding:24px 12px;margin:12px 0 20px}.tutorial-head>span{font-size:11px;letter-spacing:.13em;color:#895c95}.tutorial-head h2{font-size:30px;line-height:1.4;color:#8c4d7e;margin:10px 0}.tutorial-head p{margin:8px 0;color:#765576}.tutorial-steps{display:grid;gap:12px}.tutorial-steps article{display:flex;align-items:center;gap:14px;background:#ffedf4;border:2px solid #f3c7df;border-radius:16px;padding:15px}.tutorial-steps article:nth-child(2n){background:#fff5cf;border-color:#ead995}.tutorial-steps article:nth-child(3){background:#f0e6fa;border-color:#d8bce9}.tutorial-steps article>b{font-size:23px;background:#fffafc;border-radius:50%;min-width:46px;height:46px;text-align:center;line-height:46px;color:#956387}.tutorial-steps h3{font-size:18px;margin:0 0 4px;color:#75446e}.tutorial-steps p{font-size:14px;margin:0;color:#684c62}.tutorial-steps article>span{font-size:24px;margin-left:auto;color:#af6e9b}.tutorial-note{background:#f5edf9;border-radius:14px;margin:18px 0;padding:16px}.tutorial-note p{font-size:13px;margin:6px 0;color:#715a76}.tutorial .primary{background:#a2669d;border-color:#a2669d;color:white;font-size:17px;padding:15px}