*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:Tahoma,sans-serif;color:#3b2412;background:url('https://webstore.cdn.strity.net/2fd00d40-3f3c-4c94-b019-9f833b9373c5/cmoifopln001i01msxtdhn24h.png') center/cover fixed no-repeat;min-height:100vh;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(18,14,28,.35),rgba(8,8,18,.2))}
.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:linear-gradient(180deg,#7a4a24,#5d3418);border-bottom:4px solid #3d220f;box-shadow:0 6px 0 #4e2d14;overflow:visible}
.brand{font-size:28px;font-weight:900;color:#fff2b8;text-shadow:2px 2px 0 #4a2b12;white-space:nowrap}.nav-links{display:flex;gap:12px;align-items:center;margin-left:auto}.topbar .nav-links a:nth-child(n+4){display:none}.topbar a,.menu-toggle,.left-sidebar div div,h2,.section-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff7da;padding:10px 14px;border:2px solid #3e220f;border-radius:10px;background:linear-gradient(180deg,#8b5a2b,#6f431e);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 6px 0 #4b2a12;text-shadow:1px 1px 0 #3a1d0a;transition:transform .12s ease,box-shadow .12s ease}.topbar a:hover,.left-sidebar div div:hover,.menu-toggle:hover{transform:translateY(2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 4px 0 #4b2a12}.topbar a:active,.left-sidebar div div:active,.menu-toggle:active{transform:translateY(6px);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 0 0 #4b2a12}.menu-toggle{display:none;font-size:28px}.left-sidebar{position:fixed;left:16px;top:120px;width:210px;z-index:50}.left-sidebar div div{margin:10px 0;width:100%;justify-content:flex-start}.container{max-width:1400px;margin:auto;padding:40px 24px 80px 260px;position:relative;z-index:2;overflow:visible}
h1{font-size:64px;margin-bottom:22px;line-height:1;color:#fffbe8;text-shadow:3px 3px 0 #355b2a}h2,.section-btn{font-size:28px;margin:14px 0 24px}
.guide-card{display:flex;flex-direction:column;gap:24px}.guide-row,.monster-card{display:grid;grid-template-columns:minmax(500px,580px) minmax(500px,1fr);gap:22px;align-items:center;padding:22px;border-radius:18px;background:rgba(246,226,173,.98);border:4px solid #8b5a2b;box-shadow:0 6px 0 #6f431e}.craft-card{padding:22px;border-radius:18px;background:rgba(246,226,173,.985);border:4px solid #8b5a2b;box-shadow:0 6px 0 #6f431e;overflow:visible}.craft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:18px;overflow:visible}
.craft-grid .craft-card{display:grid;grid-template-columns:110px 40px 110px 40px 130px;align-items:center;justify-content:center;gap:14px;padding:18px;position:relative;overflow:visible}
.guide-img,.monster-img{width:100%;height:auto;display:block;object-fit:contain}.guide-text h3{font-size:34px;margin-bottom:14px;color:#7a3f12}.guide-text p,.monster-desc,.craft-card p{font-size:20px;line-height:1.8;color:#4b2a12;background:#fff8dc;padding:18px;border-radius:14px;border:2px solid #d8b97a}
.craft-grid .plus,.craft-grid .equal{font-size:54px;font-weight:900;color:#111;text-align:center}.craft-img{width:72px;height:72px;object-fit:contain}.result-img{width:90px;height:90px;object-fit:contain}.item-slot{position:relative;display:flex;align-items:center;justify-content:center;gap:0;color:#4b2a12}.item-count{position:relative;top:8px;margin-left:-6px;font-weight:900;font-size:30px;color:#fff;text-shadow:2px 2px 0 #000}.item-count-old{position:absolute;right:6px;bottom:0;font-weight:900;font-size:30px;color:#fff;text-shadow:2px 2px 0 #000}
.tooltip-item{position:relative;overflow:visible}.craft-section,.guide-card{overflow:visible!important}
.item-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(8px);min-width:220px;max-width:min(280px,calc(100vw - 24px));padding:12px 14px;background:linear-gradient(180deg,#8b5a2b,#6f431e);color:#fff7da;border:2px solid #3e220f;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;z-index:9999;text-align:left;word-break:break-word;overflow-wrap:anywhere}
.item-tooltip:after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#6f431e}.tooltip-item:hover .item-tooltip,.tooltip-item:focus-within .item-tooltip,.tooltip-item:active .item-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.tip-name{font-weight:900;margin-bottom:6px}.tip-line{font-size:14px;line-height:1.5}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.show{opacity:1;transform:none}
@media (min-width:1025px){.tooltip-item:first-child .item-tooltip{left:0;right:auto;transform:translateY(8px)}.tooltip-item:first-child .item-tooltip:after{left:28px;transform:none}.tooltip-item:last-child .item-tooltip{left:auto;right:0;transform:translateY(8px)}.tooltip-item:last-child .item-tooltip:after{left:auto;right:28px;transform:none}.tooltip-item:first-child:hover .item-tooltip,.tooltip-item:last-child:hover .item-tooltip{transform:translateY(0)}}
@media (max-width:1024px){.menu-toggle{display:inline-flex}.brand{font-size:22px}.topbar{padding:12px 16px}.guide-row,.monster-card{grid-template-columns:1fr!important;padding:16px;gap:16px}.guide-img,.monster-img{width:100%;max-width:100%}.guide-text h3{font-size:28px}.guide-text p,.monster-desc,.craft-card p{font-size:18px;line-height:1.7}.left-sidebar{display:none}.container{padding:24px 16px 70px}.nav-links{display:none;position:fixed;top:78px;left:12px;right:12px;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:12px;height:320px;max-height:320px;min-height:0;overflow-y:scroll!important;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:2000;background:rgba(40,20,8,.96);border:2px solid #3e220f;border-radius:14px}.nav-links>*{flex:0 0 auto}.nav-links.show{display:flex!important;width:100%;align-items:stretch;pointer-events:auto}.nav-links.show a{display:flex;width:100%;justify-content:center;padding:14px 16px}.nav-links.show a:nth-child(n+4){display:flex}.nav-links.show a:nth-child(-n+3){display:flex}.craft-grid{grid-template-columns:1fr!important;gap:14px}.craft-grid .craft-card{width:100%;max-width:100%;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:10px;padding:16px}.craft-img{width:56px;height:56px}.result-img{width:64px;height:64px}.item-count{font-size:18px;right:0}.plus,.equal{font-size:36px!important}.item-tooltip{left:50%!important;right:auto!important;bottom:calc(100% + 10px)!important;top:auto!important;transform:translateX(-50%) translateY(8px)!important}.item-tooltip:after{left:50%!important;top:100%!important;transform:translateX(-50%)!important}.tooltip-item:hover .item-tooltip,.tooltip-item:focus-within .item-tooltip,.tooltip-item:active .item-tooltip{transform:translateX(-50%) translateY(0)!important}h1{font-size:48px}}