.tutorial-main{max-width:660px;margin:auto;padding:20px 18px 210px}.tutorial-progress{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--teal);margin-bottom:9px}.tutorial-dots{display:flex;gap:5px;margin-bottom:18px}.tutorial-dots i{flex:1;height:5px;border-radius:6px;background:#d5dfd6}.tutorial-dots .done{background:#e08b32}.tutorial-card{background:#fffdf5;border:1px solid #d8ded1;border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 6px 22px #174b3210}.tutorial-speaker{display:flex;align-items:center;gap:15px;color:#52665d;font-size:.875rem}.tutorial-speaker img{width:70px;height:93px;object-fit:contain;filter:drop-shadow(0 3px 3px #09272930)}.tutorial-card h1{font-size:1.4rem;line-height:1.5;margin:12px 0}.tutorial-body{font-size:1rem;line-height:1.9}.tutorial-tip{font-size:.9rem;line-height:1.8;background:#edf2e7;border-left:3px solid #e08b32;padding:12px 14px;margin:16px 0;border-radius:0 8px 8px 0}.tutorial-live{margin-top:15px;font-size:.9rem;font-weight:700;padding:10px 12px;background:#173c38;color:#fff3d9;border-radius:8px}.tutorial-primary{margin:20px 0 12px}.tutorial-primary small{display:block;text-align:center;font-size:.8rem;color:#5f7067;margin-top:7px}.tutorial-primary button{font-size:1rem;min-height:52px}.tutorial-basics{display:grid;gap:8px;font-size:.875rem}.tutorial-basics span{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #dce3d7;padding:7px 0}.tutorial-footer{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.tutorial-start-note{color:#b9ceca;font-size:.8rem;text-align:center;margin:7px 0 12px}.guide-heading{display:flex;align-items:center;gap:15px;margin:16px 0}.guide-heading img{width:54px;height:72px;object-fit:contain}.guide-heading h3{font-size:1.1rem;line-height:1.6}.guide-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.mode-picker{padding-bottom:36px}.hint-modes{display:grid;gap:12px;margin-top:20px}.hint-mode-button{text-align:left;padding:18px;min-height:90px;border:2px solid #a1b9a8;background:#f5f8ee;color:var(--ink)}.hint-mode-button strong{display:block;font-size:1.05rem;margin-bottom:6px}.hint-mode-button span{font-size:.9rem;font-weight:400;line-height:1.7}.hint-mode-button:first-child{background:#163d37;color:#fff5dc;border-color:#dfab43}.hint-panel{background:#edf4e5;border:1px solid #bdcba9;border-left:4px solid #d59a31;border-radius:10px;margin-bottom:14px;padding:12px 14px}.hint-panel small{font-size:.75rem;color:#426336;display:block;margin-bottom:3px}.hint-panel strong{font-size:.95rem;line-height:1.6}.hint-panel p{font-size:.875rem;line-height:1.8;margin:4px 0 0}.record-mode{display:block;font-size:.875rem;margin:8px 0;color:#31554d}.mode-label{font-size:.75rem;color:#cfdecf;margin-left:5px}
@media(max-width:380px){.tutorial-main{padding-left:12px;padding-right:12px}.tutorial-card{padding:17px}.tutorial-card h1{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){.tutorial-card{animation:appear .2s ease-out}.tutorial-target{animation:tutorial-target 2.2s ease-in-out 2}@keyframes tutorial-target{0%,100%{box-shadow:0 0 0 0 #efb64900}50%{box-shadow:0 0 0 5px #efb64955}}}

.status-mode{display:block;margin-top:2px;font-size:.75rem;color:#355d4c;text-align:right}
/* Item-source controls remain available when automatic hints are disabled. */
.material-costs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}.material-chip{display:inline-flex;align-items:center;gap:4px;text-align:left;min-height:44px;border-radius:8px;padding:8px 10px;font-size:.875rem;font-weight:600;line-height:1.5;white-space:normal}.material-chip.is-missing{color:#913d2d;background:#fff0e6;border:1px solid #dbaf97}.material-chip.is-ready{color:#315447;background:#edf4e8;border:1px solid #c4d3bc}.source-link{display:inline;min-height:44px;padding:3px 2px;border:0;border-radius:4px;background:transparent;color:#165d59;font-size:inherit;font-weight:600;line-height:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px}.source-link:hover{background:#d5e4d7}.source-link span{font-size:.8em}.source-related{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:10px 0;font-size:.875rem}.source-instruction{font-size:.875rem;line-height:1.8;color:#49634f;margin:10px 0 16px}.source-requirements>span{font-size:.875rem;color:#7d4937}.source-stock{display:flex;flex-wrap:wrap;gap:8px 20px;padding:13px;border-radius:10px;background:#eaf0e3;margin:16px 0;font-size:.95rem}.source-routes{display:grid;gap:13px;margin:17px 0}.source-route{border:1px solid #d0dccb;padding:14px;border-radius:12px;background:#f8faef}.source-route h3{font-size:1rem;line-height:1.6}.source-route p{font-size:.9rem;line-height:1.85;margin:8px 0}.source-route .source-related{border-top:1px solid #d0dccb;padding-top:5px}.source-route>button{margin-top:8px}.stocks .source-link{padding:2px 0}
/* Comprehensive handbook: readable on small screens, with 44px tap targets. */
dialog.guide-dialog{max-width:680px}.handbook-toc{padding:12px 14px;background:#edf2e7;border-radius:10px}.handbook-toc nav{display:grid;gap:6px;margin-top:12px}.handbook-toc button{text-align:left;min-height:44px;font-size:.875rem}.handbook-notes,.handbook-item ul{padding-left:22px;line-height:1.85;font-size:.9rem}.handbook-notes li,.handbook-item li{margin-bottom:10px}.handbook-actions{display:grid;gap:14px;margin:18px 0}.handbook-action{padding:16px;border:1px solid #cfdbce;border-radius:12px;background:#fafbf3}.handbook-action h3{font-size:1rem;line-height:1.6}.handbook-action dl{margin:10px 0 0}.handbook-action dl>div{margin-top:10px}.handbook-action dt{font-size:.75rem;font-weight:700;color:#456d54}.handbook-action dd{font-size:.875rem;line-height:1.8;margin:2px 0 0}.handbook-search{margin:20px 0}.handbook-search label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px}.handbook-search input{width:100%;min-height:48px;font-size:16px}.handbook-search .swatches{margin-top:12px;gap:7px;flex-wrap:wrap}.handbook-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.handbook-item-link{text-align:left;padding:12px;min-height:68px;background:#f7faed;border:1px solid #c4d5bd;overflow-wrap:anywhere}.handbook-item-link strong{display:block;font-size:.9rem}.handbook-item-link span{display:block;font-weight:400;color:#627b62;font-size:.75rem;margin-top:5px}.handbook-recipes,.handbook-crops{display:grid;gap:8px;margin-top:12px}.handbook-recipes button{text-align:left;padding:14px}.handbook-recipes strong,.handbook-recipes span,.handbook-recipes small{display:block}.handbook-recipes span{font-size:.85rem;font-weight:400;line-height:1.8;margin:7px 0}.handbook-crops article{border-bottom:1px solid #d7dfd0;padding:10px 0}.handbook-crops p{font-size:.85rem}.handbook-finish{margin-top:18px}.handbook-item{padding:12px 0;border-bottom:1px solid #d3dece;margin-bottom:16px}.exploration-loot{border-top:1px solid #d3dece;padding-top:10px;margin:12px 0 16px}.exploration-loot>p{margin:0}.exploration-loot .source-related{gap:2px 10px;margin:3px 0;font-size:.8rem}.exploration-loot summary{padding:10px 0;min-height:44px;color:#245d4c;font-size:.85rem;cursor:pointer}.exploration-loot h4{margin:14px 0 3px;color:#456d54;font-size:.8rem}.guide-navigation button{flex:1;min-height:48px}summary:focus-visible{outline:3px solid #dba947;outline-offset:3px}

.ranking-filters{margin:14px 0}.ranking-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 10px;border-bottom:1px solid #ccdace}.ranking-self{background:#edf5d7;border-radius:10px;border:1px solid #acc876}.ranking-place{color:#24674d;text-align:center}.ranking-place b{display:block;font-size:1.4rem}.ranking-place small{font-size:.8rem}.ranking-person{min-width:0;overflow-wrap:anywhere}.ranking-person>strong{font-size:1rem}.ranking-person>small{display:block;font-size:.8rem;color:#5c7067;margin-top:4px}.ranking-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:.8rem;margin-top:4px}.ranking-days{text-align:right}.ranking-days>b{font-size:1.6rem;color:#215a47}.ranking-days>span{font-size:.875rem;margin-left:4px}.ranking-days>small{display:block;font-size:.75rem;color:#5c7067}.ranking-entry{margin-top:24px;padding:16px;background:#eef3e8;border:1px solid #c3d3bd;border-radius:12px}.ranking-entry label{display:block;font-size:.9rem;font-weight:700;margin:12px 0 7px}.ranking-entry input{width:100%;font-size:16px;min-height:46px;margin-bottom:10px}.rank-sync{font-size:.875rem;line-height:1.75}.ranking-row .pill{font-size:.75rem}@media(max-width:380px){.ranking-row{grid-template-columns:28px minmax(0,1fr);gap:8px}.ranking-days{grid-column:2;text-align:left}.ranking-days>small{display:inline;margin-left:8px}.ranking-entry{padding:12px}}

.wild-slaughter{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.wild-slaughter h3{margin:0 0 8px}.wild-slaughter p{margin:8px 0}.wild-slaughter .stack{gap:8px;margin-top:12px}

.tutorial-duration{width:100%;height:12px;accent-color:var(--teal);margin:8px 0 20px}.tutorial-free{margin-top:18px}.tutorial-free .nav{margin-top:14px}

.hint-panel>summary{cursor:pointer;font-weight:700;font-size:.95rem;min-height:28px;line-height:1.7}.hint-body{padding-top:10px}.hint-body>button{margin-top:12px}.hint-recommendations{padding-left:24px;display:grid;gap:16px}.hint-recommendations li{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.hint-recommendations p,.hint-review p{font-size:1rem;line-height:1.8;margin:8px 0}.hint-review>summary{cursor:pointer;font-weight:700;padding:10px 0}

.hint-links { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.hint-links button { white-space:normal; text-align:left; font-size:14px; }
[data-hint-focus], [id^="hint-breed-"] { scroll-margin-top:180px; }