/* A short, playable introduction and a persistent guide for everyday practice. */
.welcome-purpose{line-height:1.95!important;color:#72563b;font-size:13px!important}.welcome-purpose strong{font-weight:700}.welcome-card .welcome-world{height:138px}.welcome-card .welcome-lead{font-size:18px;line-height:1.65}.welcome-card>.text-button{margin:20px auto 0;min-height:40px}.welcome-route{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#866333;margin:18px -15px 8px}.welcome-route span{white-space:nowrap}.welcome-card>small{margin-top:12px}.help-button{display:flex;align-items:center;gap:5px}.help-label{font-size:11px;color:#795e3a}.tutorial-page{margin:0 auto!important;max-width:none;min-height:100dvh;padding:26px 22px 45px;background:#fffcf5 url('../assets/daifuku-pattern.webp') center/1100px auto}.tutorial-header{max-width:790px;margin:0 auto 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tutorial-header>a{display:flex;align-items:center;gap:13px;font-size:12px;color:#775832;min-height:44px}.tutorial-header img{width:135px;height:auto}.tutorial-header>a>span{border-left:1px solid #decaaa;padding-left:13px;font-weight:700}.tutorial-person{text-align:center;font-size:11px;color:#8b7152;margin:4px 0 13px}.tutorial-progress{display:flex;max-width:470px;margin:0 auto 23px;justify-content:space-between;position:relative}.tutorial-progress:before{content:'';height:3px;background:#e9dcc3;position:absolute;top:16px;left:10%;right:10%}.tutorial-progress>span{display:flex;align-items:center;flex-direction:column;gap:5px;z-index:1;color:#95836b;width:25%}.tutorial-progress b{border:2px solid #e2d4bb;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:12px;background:#fffdf7}.tutorial-progress small{font-size:11px;font-weight:700}.tutorial-progress .current b{background:#fea815;border-color:#db9019;color:#482d0f;box-shadow:0 3px 0 #e7bd70}.tutorial-progress .current{color:#835015}.tutorial-progress .done b{background:#6da68c;border-color:#6da68c;color:#fff}.tutorial-sheet{background:#fff;border:2px solid #efdfc3;border-radius:28px;max-width:700px;margin:auto;padding:33px 40px;box-shadow:0 7px 0 #eee2ce;text-align:center}.tutorial-sheet h1{font-size:27px;line-height:1.65;color:#604326;margin:10px 0 14px}.lesson-lead{font-size:14px;line-height:1.95;color:#7c654a;margin:12px 0 22px}.lesson-art{width:118px;height:108px;object-fit:contain;margin:0 auto 12px;display:block}.tutorial-sheet>.eyebrow{display:block;color:#9c6e2b}.purpose-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;text-align:left}.purpose-cards>div{background:#fff9eb;border:1px solid #f1e3c6;padding:17px 14px;border-radius:17px}.purpose-cards svg{color:#ab762d;margin-bottom:8px}.purpose-cards strong{display:block;font-size:13px;color:#755127}.purpose-cards p{font-size:12px;color:#8b7458;line-height:1.8;margin:7px 0 0}.lesson-reassurance{font-size:11px;color:#84715a;margin:18px 0}.tutorial-meta{font-size:11px;color:#8f785b;text-align:center;max-width:650px;margin:22px auto 0;line-height:1.9}.practice-label{font-size:10px;font-weight:700;background:#f4ede0;border-radius:6px;padding:4px 8px;color:#8b6f48}.practice-quest{display:flex;align-items:center;gap:18px;text-align:left;background:#fff9ed;border:2px solid #efdab3;border-radius:22px;padding:21px;margin:25px 0}.practice-quest img{width:125px;height:130px;object-fit:contain}.practice-quest h2{font-size:20px;color:#765128;margin:12px 0 8px}.practice-quest p{font-size:13px;color:#80684c;line-height:1.8}.practice-skill{display:block;font-size:11px;color:#8f7145;margin-top:15px}.lesson-tip{display:flex;gap:12px;text-align:left;background:#f3f7f1;border-radius:16px;padding:14px 17px;color:#65846e;margin:18px 0 25px}.lesson-tip svg{flex-shrink:0;margin-top:3px}.lesson-tip p{font-size:12px;line-height:1.85;margin:0;color:#627b68}.practice-options{display:grid;gap:13px;margin:23px 0}.practice-option{border:2px solid #eadcc3;border-radius:17px;display:flex;align-items:center;text-align:left;padding:18px;gap:13px;font-size:14px;line-height:1.85;color:#74583b;background:#fffdf8;min-height:83px}.practice-option>span{border-radius:12px;background:#f4ead8;color:#926831;font-size:17px;font-weight:700;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0}.practice-option.chosen{background:#fff4d5;border-color:#e3a137;box-shadow:0 3px 0 #f1dba9}.practice-option>svg{flex-shrink:0}.practice-feedback{display:flex;gap:12px;text-align:left;font-size:12px;line-height:1.85;padding:15px 17px;border-radius:16px;background:#f5f7f1;color:#6a7b58;min-height:60px;margin:19px 0}.practice-feedback>svg{flex-shrink:0;margin-top:2px}.practice-feedback strong{display:block;font-size:13px}.practice-feedback p{margin:5px 0 0}.lesson-footnote{font-size:11px;line-height:1.85;color:#8c785e;margin-top:15px}.tutorial-sheet .button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.practice-review{background:#f5f9f2;border:1px solid #dae7d3;border-radius:17px;text-align:left;padding:17px 20px;margin:22px 0}.practice-review>span{display:flex;align-items:center;gap:7px;color:#5e7a4f;font-size:12px;font-weight:700}.practice-review>p{font-size:14px;line-height:1.9;color:#586f4d;margin:10px 0 0}.practice-reward{background:#fff5f7;border:2px solid #efd2dc;border-radius:22px;padding:15px 22px 20px;box-shadow:0 5px 0 #efdae1;max-width:310px;margin:22px auto}.practice-reward>img{display:block;width:125px;height:110px;object-fit:contain;margin:auto}.practice-reward h2{font-size:17px;margin:12px 0 4px;color:#865b6b}.practice-reward>p{font-size:12px;color:#997787;margin:0}.everyday-steps{list-style:none;padding:0;margin:20px 0 25px;display:grid;gap:17px;text-align:left}.everyday-steps>li{display:flex;gap:13px;align-items:flex-start}.everyday-steps>li>span{background:#fff0cc;color:#936020;border:1px solid #efd49c;border-radius:11px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:800}.everyday-steps h3{font-size:14px;line-height:1.8;color:#715132;margin:0 0 4px}.everyday-steps p{font-size:12px;line-height:1.85;color:#887155;margin:0}.tutorial-finish-links{display:flex;justify-content:center;gap:10px 22px;flex-wrap:wrap;margin-top:20px}.tutorial-finish-links .text-button{font-size:11px;min-height:40px}.lesson-help-link{display:flex;align-items:center;gap:8px;justify-content:center;border-top:1px solid #eee2d1;margin-top:17px;padding-top:18px;font-size:12px;color:#826239}.journey-guide{display:flex;align-items:center;gap:19px;padding:24px;border:2px solid #edcf93;border-radius:23px;background:#fff3d3;box-shadow:0 5px 0 #f1e0bb;margin:0 0 25px}.journey-guide>img{width:100px;height:104px;object-fit:contain;flex-shrink:0}.journey-guide>div{flex:1;min-width:0}.journey-guide h2{font-size:21px;color:#6b461f;margin:4px 0 7px;line-height:1.6}.journey-guide p{font-size:13px;line-height:1.85;color:#826542;margin:0 0 15px;max-width:640px}.journey-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.journey-actions>a{font-size:12px;display:flex;align-items:center;gap:6px;color:#8c6636;min-height:40px}.journey-guide .change-focus{font-size:11px;min-height:36px;margin-top:8px}.adventure-board{margin-top:23px}.field-guide-panel{background:#fff;border:1px solid #ecdfc7;border-radius:22px;padding:26px;margin:25px 0}.field-guide-panel>h2{font-size:18px;color:#765532}.field-guide-panel .everyday-steps{margin-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-faq{display:grid;gap:10px}.guide-faq details{background:#fff;border:1px solid #eadfcf;border-radius:15px;padding:17px 20px}.guide-faq summary{font-size:14px;font-weight:700;color:#7b5b38;cursor:pointer;min-height:25px}.guide-faq p{font-size:13px;line-height:1.9;margin:14px 0 5px;color:#8b7257}.guide-faq .text-button{display:inline-flex;margin-top:12px;min-height:36px}.guide-replay{display:flex;align-items:center;gap:20px;margin-top:28px;padding:23px;background:#fff5f7;border:1px solid #eed8df;border-radius:21px}.guide-replay img{width:100px;height:100px;object-fit:contain}.guide-replay h2{font-size:18px;color:#86576c}.guide-replay p{font-size:12px;color:#967587;line-height:1.85}.guide-replay .button{font-size:12px;margin-top:10px}.quest-picker{display:grid;gap:9px}.quest-picker>button{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e8dac2;background:#fffdf7;padding:15px;border-radius:15px;color:#805b30}.quest-picker>button>span:nth-child(2){flex:1;min-width:0}.quest-picker strong{font-size:14px;display:block}.quest-picker small{font-size:11px;line-height:1.8;display:block;color:#90785a;margin-top:6px}.quest-picker .quest-icon{flex-shrink:0}.quest-picker>button>svg{flex-shrink:0}
@media(max-width:700px){.help-label{display:none}.tutorial-page{padding:18px 15px 30px}.tutorial-header{gap:10px;margin-bottom:10px}.tutorial-header img{width:95px}.tutorial-header>a>span{display:none}.tutorial-header>a{font-size:10px;gap:6px}.tutorial-person{font-size:10px}.tutorial-progress{margin:12px auto 20px}.tutorial-progress small{font-size:10px}.tutorial-progress b{width:30px;height:30px}.tutorial-progress:before{top:14px}.tutorial-sheet{padding:24px 20px;border-radius:23px}.tutorial-sheet h1{font-size:21px;line-height:1.65}.tutorial-sheet>.eyebrow{font-size:10px;letter-spacing:.03em}.lesson-lead{font-size:12px;line-height:1.9;margin:10px 0 18px}.lesson-art{width:88px;height:85px}.purpose-cards{grid-template-columns:1fr;gap:9px;margin:20px 0}.purpose-cards>div{display:grid;grid-template-columns:25px 1fr;gap:0 10px;padding:12px 14px;border-radius:14px}.purpose-cards svg{grid-row:span 2;margin:3px 0 0;width:21px}.purpose-cards strong{font-size:12px}.purpose-cards p{font-size:11px;margin-top:3px}.lesson-reassurance{font-size:10px;line-height:1.8}.tutorial-meta{font-size:10px;padding:0 12px}.practice-quest{flex-direction:column;text-align:center;gap:8px;padding:17px;margin:20px 0}.practice-quest img{width:100px;height:100px}.practice-quest h2{font-size:17px}.practice-quest p{font-size:12px}.practice-skill{font-size:10px}.lesson-tip{padding:13px;gap:8px}.lesson-tip p{font-size:11px}.practice-option{font-size:12px;padding:14px 12px;gap:10px}.practice-option>span{width:30px;height:32px;font-size:15px}.practice-feedback{font-size:11px;padding:13px;gap:8px}.practice-feedback strong{font-size:12px}.lesson-footnote{font-size:10px}.practice-review{padding:14px}.practice-review>span{font-size:11px}.practice-review>p{font-size:12px}.practice-reward{max-width:260px;padding:14px}.practice-reward>img{height:90px;width:100px}.practice-reward h2{font-size:15px}.everyday-steps{gap:16px;margin:20px 0}.everyday-steps h3{font-size:13px}.everyday-steps p{font-size:11px}.everyday-steps>li{gap:10px}.tutorial-finish-links{gap:0}.tutorial-finish-links .text-button{width:100%}.lesson-help-link{font-size:11px;line-height:1.8}.journey-guide{padding:18px 16px;gap:10px;border-radius:20px;align-items:flex-start}.journey-guide>img{width:55px;height:63px;margin-top:13px}.journey-guide h2{font-size:17px;line-height:1.65}.journey-guide .eyebrow{font-size:10px}.journey-guide p{font-size:11px;line-height:1.85;margin-bottom:13px}.journey-actions{gap:5px}.journey-actions .button{font-size:11px;padding:9px 11px;min-height:44px;gap:5px;width:100%}.journey-actions .button svg{width:15px;flex-shrink:0}.journey-actions>a{font-size:10px;min-height:32px}.field-guide-panel{padding:20px 18px}.field-guide-panel .everyday-steps{grid-template-columns:1fr;gap:18px}.guide-faq details{padding:15px}.guide-faq summary{font-size:12px}.guide-faq p{font-size:12px}.guide-replay{padding:18px 15px;gap:10px}.guide-replay img{width:60px;height:70px}.guide-replay h2{font-size:16px}.guide-replay p{font-size:11px}.quest-picker>button{padding:13px;gap:9px}.quest-picker strong{font-size:12px}.quest-picker small{font-size:10px}.welcome-card .welcome-lead{font-size:16px}.welcome-card .welcome-world{height:110px}.welcome-card h1{font-size:36px}.welcome-route{font-size:9px;gap:4px}.welcome-card .text-button{font-size:11px}.tutorial-sheet .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tutorial-page *{animation:none!important;transition:none!important}}

.more-quests{margin-top:18px}.more-quests>summary{cursor:pointer;color:#8c6735;font-size:13px;padding:10px 0;min-height:44px}.more-quests .quest-picker{margin-top:12px}