.howto-page{max-width:900px}.howto-hero{position:relative;overflow:hidden;border-radius:24px;border:2.5px solid #f0d8c0;box-shadow:inset 0 1px rgba(255,255,255,.35),0 14px 36px rgba(74,46,25,.14);margin:0 0 18px;min-height:240px}.howto-hero>img{display:block;width:100%;height:280px;object-fit:cover;object-position:50% 40%}.howto-hero-shade{position:absolute;inset:0;background:linear-gradient(105deg,rgba(18,10,4,.55) 0%,rgba(18,10,4,.22) 48%,rgba(18,10,4,.42) 100%),linear-gradient(180deg,transparent 10%,rgba(12,6,2,.62) 100%)}.howto-hero-copy{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;z-index:1}.howto-hero-copy>img{width:160px;height:auto;object-fit:contain;margin:0 0 10px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4))}.howto-hero-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:4px 10px;border-radius:999px;background:rgba(244,122,32,.92);font:800 .68rem/1 Quicksand,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff}.howto-hero-copy h1{margin:0 0 8px;font:800 2rem/1.05 Fredoka,Quicksand,sans-serif;letter-spacing:-.03em;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.25),0 2px 16px rgba(0,0,0,.55)}.howto-hero-copy p{margin:0;max-width:38rem;font:700 .95rem/1.45 Quicksand,Nunito,sans-serif;color:rgba(255,255,255,.94);text-shadow:0 1px 8px rgba(0,0,0,.35)}.howto-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.howto-jump a{position:relative;display:block;overflow:hidden;border-radius:18px;border:2.5px solid #f0d8c0;background:#1a1208;text-decoration:none;color:#fff;box-shadow:0 4px rgba(160,100,50,.1);min-height:118px;transition:transform .15s ease,border-color .15s ease}.howto-jump a:hover{border-color:#e8893a;transform:translateY(-2px)}.howto-jump img{width:100%;height:118px;object-fit:cover;display:block;opacity:.92}.howto-jump a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,10,4,.82) 100%)}.howto-jump span{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;font:800 1rem/1.2 Fredoka,Quicksand,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.45)}.howto-jump em{display:block;margin-top:2px;font:700 .72rem/1.3 Nunito,sans-serif;font-style:normal;color:rgba(255,230,200,.9)}.howto-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;position:sticky;top:8px;z-index:4;padding:8px;border-radius:16px;background:rgba(255,252,248,.92);border:1.5px solid #f0e0cc;backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(74,46,25,8%)}.howto-toc a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:2px solid #f0d0b0;background:#fff;color:#b45309;font:800 .8rem/1 Quicksand,sans-serif;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.howto-toc a:hover,.howto-toc a.is-on{background:linear-gradient(180deg,#ff9a3c,#e86a12);border-color:#e07a20;color:#fff;box-shadow:0 2px rgba(160,80,20,.22)}.howto-chapter{margin:0 0 24px;padding:20px;border-radius:24px;border:2.5px solid #f0d8c0;background:linear-gradient(180deg,#fffefc 0%,#fffaf4 100%);box-shadow:inset 0 1px rgba(255,255,255,.92),0 6px rgba(160,100,50,7%),0 16px 32px rgba(74,46,25,6%)}.howto-chapter-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px}.howto-chapter-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#ffb04a,#f47a20);color:#fff;box-shadow:0 4px rgba(180,90,20,.25)}.howto-chapter-ico svg{width:26px;height:26px}.howto-chapter h2{margin:0 0 4px;font:800 1.35rem/1.15 Fredoka,Quicksand,sans-serif;color:#3d2818}.howto-lead{margin:0 0 16px;font:700 .94rem/1.5 Nunito,sans-serif;color:#6b5540}.howto-chapter-head .howto-lead{margin:0}.howto-map{margin:0 0 16px}.howto-map-frame{position:relative;overflow:hidden;border-radius:18px;border:2.5px solid #e8c9a0;background:#1a140c;box-shadow:0 10px 28px rgba(40,22,8,.16)}.howto-map-frame>img{display:block;width:100%;height:auto}.howto-map-pins{position:absolute;inset:0;pointer-events:none}.howto-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:linear-gradient(180deg,#ffb04a 0%,#f07300 100%);color:#fff;font:800 .78rem/1 Fredoka,sans-serif;cursor:pointer;box-shadow:0 0 0 3px rgba(255,255,255,.95),0 4px 14px rgba(180,80,0,.45);z-index:2;transition:transform .15s ease,box-shadow .15s ease}.howto-pin::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(244,122,32,.45);animation:howto-pin-pulse 1.8s ease-out infinite}.howto-pin:hover,.howto-pin.is-on{transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 3px #fff,0 6px 18px rgba(180,80,0,.55);z-index:3}.howto-pin.is-on::before{animation:none;border-color:rgba(244,122,32,.8)}@keyframes howto-pin-pulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.55);opacity:0}}.howto-balloon{position:absolute;z-index:5;width:min(260px,calc(100% - 24px));padding:12px 14px 14px;border-radius:16px;border:2px solid #f0d8c0;background:linear-gradient(180deg,#fffefc,#fff6ea);box-shadow:0 4px rgba(160,100,50,8%),0 18px 36px rgba(40,20,8,.28);color:#3d2818}.howto-balloon[hidden]{display:none!important}.howto-balloon-close{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#82501c;font:800 1rem/1 Nunito,sans-serif;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.1)}.howto-balloon-close:hover{background:#fff1e4;color:#f47a20}.howto-balloon-title{display:block;margin:0 28px 6px 0;font:800 .95rem/1.25 Fredoka,Quicksand,sans-serif;color:#c45e12}.howto-balloon-body{margin:0;font:700 .82rem/1.45 Nunito,sans-serif;color:#5a4634}.howto-map-hint{position:absolute;left:10px;bottom:10px;z-index:2;margin:0;padding:6px 10px;border-radius:999px;background:rgba(20,12,6,.72);color:#fff;font:800 .68rem/1.2 Quicksand,sans-serif;pointer-events:none;backdrop-filter:blur(4px)}.howto-map.is-explored .howto-map-hint{opacity:0;transition:opacity .4s ease}.howto-map-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.howto-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 6px;border-radius:999px;border:1.5px solid #efd9b8;background:#fffefb;color:#6b4520;font:800 .74rem/1 Quicksand,sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.howto-chip:hover,.howto-chip.is-on{background:#fff3e0;border-color:#e8a060;color:#a3480e}.howto-chip-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#ffb04a,#f47a20);color:#fff;font:800 .7rem/1 Fredoka,sans-serif}.howto-section-label{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font:800 .78rem/1 Quicksand,sans-serif;color:#c45e12;text-transform:uppercase;letter-spacing:.04em}.howto-section-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#f47a20}.howto-steps{display:grid;gap:10px;margin:0 0 16px}.howto-step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#fffaf4,#fff6ea);border:1.5px solid #f0e0cc}.howto-step em{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#ffb04a,#f47a20);color:#fff;font:800 1rem/1 Fredoka,sans-serif;font-style:normal;box-shadow:0 3px rgba(180,90,20,.22)}.howto-step strong{display:block;font:800 .95rem/1.3 Quicksand,sans-serif;color:#3d2818}.howto-step p{margin:3px 0 0;font:700 .84rem/1.45 Nunito,sans-serif;color:#6b5540}.howto-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 0 14px}.howto-fact{padding:14px;border-radius:16px;background:#fffaf4;border:1.5px solid #efe0cc}.howto-fact.is-good{background:#f2fbf4;border-color:#a8dcb4}.howto-fact.is-warn{background:#fff8ee;border-color:#f0d0a0}.howto-fact.is-bad{background:#fff5f3;border-color:#f0b8b0}.howto-fact h3{margin:0 0 6px;font:800 .9rem/1.25 Quicksand,sans-serif;color:#3d2818}.howto-fact p{margin:0;font:700 .8rem/1.4 Nunito,sans-serif;color:#6b5540}.howto-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}.howto-list li{padding:6px 11px;border-radius:999px;background:#fff1e4;border:1px solid #f0d8c0;color:#8a4a12;font:800 .72rem/1.2 Quicksand,sans-serif}.howto-table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 14px;font:700 .8rem/1.35 Nunito,sans-serif;border-radius:14px;overflow:hidden;border:1.5px solid #efe0cc}.howto-table th,.howto-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f0e4d4;background:#fffefc}.howto-table tr:last-child td{border-bottom:0}.howto-table th{color:#8a7a68;font:800 .7rem/1 Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#fff6ea}.howto-table td{color:#3d2818}.howto-tip{margin:0 0 10px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#fff6ea,#fffaf4);border-left:4px solid #f47a20;font:700 .84rem/1.45 Nunito,sans-serif;color:#6b4a22}.howto-faq details{margin:0 0 8px;border-radius:14px;border:1.5px solid #efe0cc;background:#fffefc;overflow:hidden}.howto-faq summary{cursor:pointer;list-style:none;padding:13px 16px;font:800 .92rem/1.3 Quicksand,sans-serif;color:#3d2818}.howto-faq summary::-webkit-details-marker{display:none}.howto-faq summary::after{content:"+";float:right;color:#f47a20;font-weight:800}.howto-faq details[open] summary::after{content:"–"}.howto-faq details[open] summary{background:#fff8ee}.howto-faq details p{margin:0;padding:0 16px 14px;font:700 .86rem/1.5 Nunito,sans-serif;color:#6b5540}.howto-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.howto-cta .btn{min-width:160px}@media(max-width:799px){.howto-page{padding:0 2px 12px}.howto-hero{border-radius:18px;min-height:200px;margin-bottom:14px}.howto-hero>img{height:200px}.howto-hero-copy{left:14px;right:14px;bottom:14px}.howto-hero-copy>img{width:120px;margin-bottom:6px}.howto-hero-copy h1{font-size:1.4rem;color:#fff!important}.howto-hero-copy p{font-size:.84rem;line-height:1.4}.howto-jump{grid-template-columns:1fr;gap:10px}.howto-jump a,.howto-jump img{min-height:96px;height:96px}.howto-toc{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.howto-toc::-webkit-scrollbar{display:none}.howto-toc a{flex:none}.howto-facts{grid-template-columns:1fr}.howto-map-frame{border-radius:14px}.howto-pin{width:28px;height:28px;font-size:.68rem}.howto-balloon{width:min(220px,calc(100% - 16px));font-size:.78rem}.howto-map-chips{gap:6px}.howto-chip{min-height:32px;padding:0 10px 0 4px;font-size:.68rem}.howto-chip-num{width:20px;height:20px;font-size:.65rem}.howto-chapter-head{flex-direction:column;gap:8px}.howto-chapter-head h2{font-size:1.2rem}}