@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap";
@font-face{font-family:otsutome;src:url(../media/otsutome.25d03c90.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary:#f5ba58;--primary-hover:#ffcf7d;--accent-orange:#ff8c42;--accent-gold:gold;--bg-color:#08090e;--surface-color:#f5ba580d;--surface-border:#f5ba5826;--text-main:#f0f4f8;--text-muted:#d3c7b8;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Liberation Sans",sans-serif;--font-display:"Outfit",var(--font-sans);--transition:all .3s cubic-bezier(.25,.8,.25,1);--glass-bg:#08090ea6;--blur:blur(20px);--sidebar-width:280px;--primary-gradient:linear-gradient(135deg,#f5ba58,#ff8c42);--glow-gold:0 0 15px rgba(ae813a37)}[data-theme=light]{--primary:#6b21a8;--primary-hover:#7e22ce;--bg-color:#f8fafc;--surface-color:#fff;--surface-border:#00000014;--text-main:#0f172a;--text-muted:#64748b;--glass-bg:#fffc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:var(--transition);background:linear-gradient(#f5ba5833,#ff8c4233);border:1px solid #f5ba581a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f5ba5866,#ff8c4266);border-color:#f5ba584d}*{scrollbar-width:thin;scrollbar-color:#f5ba5826 transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bubbles{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-8px)scale(1.1)}}@keyframes flame-flicker{0%,to{filter:drop-shadow(0 0 4px #ff8c4266);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #ff8c4299);transform:scale(1.1)}}
*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:linear-gradient(#08090e99,#08090e99),url(../media/site-background.9f085f74.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{filter:brightness(1.2);text-underline-offset:4px;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2}h1{background:var(--primary-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #f5ba5833);-webkit-background-clip:text;background-clip:text;margin-top:1rem;font-size:3.5rem}[data-theme=light] h1{background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{border-bottom:1px solid var(--surface-border);padding-bottom:.5rem;font-size:2rem}p{margin-bottom:1.25rem;font-size:1.05rem}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem}li{margin-bottom:.5rem}.font-otsutome{font-family:otsutome,cursive!important}.hero-quote{text-align:center;border:1px solid var(--surface-border);background:#f5ba5808;border-radius:16px;margin:3rem 0;padding:2.5rem 2rem;position:relative;box-shadow:inset 0 0 20px #f5ba580d}.hero-quote p{color:var(--text-main);max-width:800px;margin-left:auto;margin-right:auto;font-style:italic;line-height:1.6;margin-bottom:1.2rem!important;font-size:1rem!important}.hero-quote cite{color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-style:normal;font-weight:600;display:block}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border:1px solid var(--surface-border);box-shadow:0 4px 30px #0000001a}.app-container{min-height:100vh;display:flex}.main-content{width:calc(100% - var(--sidebar-width));-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);background:#08090e59;border-radius:20px;flex:1;max-width:1000px;margin:2rem auto;padding:3rem 2rem;box-shadow:0 10px 40px #0000004d}@media (max-width:768px){.app-container{flex-direction:column}.main-content{width:100%;padding:1.5rem}}
.sidebar{width:var(--sidebar-width);border-right:1px solid var(--surface-border);z-index:10;height:100vh;-webkit-backdrop-filter:var(--blur);background:#08090e66;padding:1.5rem 0;position:sticky;top:0;overflow:hidden auto}.sidebar-header{border-bottom:1px solid var(--surface-border);margin-bottom:1rem;padding:0 1rem 1rem}.sidebar-logo{transition:transform .3s;display:block}.sidebar-logo:hover{transform:scale(1.02)}.nav-links{flex-direction:column;gap:2px;padding:0;display:flex;position:relative}.nav-indicator{background:var(--primary);width:4px;box-shadow:0 0 15px var(--primary);pointer-events:none;z-index:10;opacity:0;border-radius:0;transition:transform .4s cubic-bezier(.25,1,.5,1),height .4s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;left:0}.nav-item{color:var(--text-muted);z-index:1;cursor:pointer;align-items:center;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:color .3s;display:flex;position:relative;overflow:visible;text-decoration:none!important}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item-bg{opacity:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f5ba5833,#0000);transition:opacity .3s;position:absolute;inset:0 0 0 -5rem}.nav-item:hover .nav-item-bg,.nav-item.active .nav-item-bg{opacity:1}.indent-0{padding-left:1.5rem}.indent-1{padding-left:2.5rem}.indent-2{padding-left:3.5rem}.indent-3{padding-left:4.5rem}.separator{background:var(--surface-border);opacity:.5;height:1px;margin:.75rem 1rem}.nav-folder-wrapper{flex-direction:column;display:flex}.nav-folder-header{justify-content:space-between;align-items:center;display:flex;position:relative}.nav-folder-header .nav-item{flex:1}.nav-folder-link{flex:1;font-weight:600}.nav-toggle-btn{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem .6rem;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-toggle-btn:hover{color:var(--primary);transform:scale(1.15)}.nav-toggle-btn:active{transform:scale(.9)}.nav-toggle-btn span{line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.nav-folder-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,.8,.25,1),opacity .3s;display:grid}.nav-folder-content.open{opacity:1;grid-template-rows:1fr}.nav-children{overflow:hidden}.nav-children-inner{margin-left:0}@media (max-width:768px){.sidebar{border-right:none;border-bottom:1px solid var(--surface-border);width:100%;height:auto;position:relative}}
.search-container{margin-top:1rem;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{opacity:.5;pointer-events:none;font-size:.9rem;position:absolute;left:.75rem}.search-input{width:100%;color:var(--text-main);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.6rem .75rem .6rem 2.2rem;font-size:.9rem}.search-input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 2px #f5ba581a}.search-input::placeholder{color:var(--text-muted)}.search-results{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0d0f17cc;border:1px solid #ffffff1a;border-radius:8px;max-height:400px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.search-result-item{transition:var(--transition);border-bottom:1px solid #ffffff08;padding:.75rem 1rem;display:block;text-decoration:none!important}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.active{background:#f5ba5814}.search-result-title{color:var(--primary);margin-bottom:.1rem;font-size:.95rem;font-weight:500}.search-result-snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.2rem 0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}
.article-header{margin-bottom:3rem;animation:.8s backwards fadeIn}.article-body{animation:.8s backwards fadeIn}.article-body img{max-width:100%;transition:var(--transition);vertical-align:middle;border-radius:12px;display:inline-block}.article-body p img:not(:only-child),.article-body li img{object-fit:contain;width:1.5rem;height:1.5rem;box-shadow:none;border-radius:4px;margin:0 .2rem}.article-body img:hover{transform:scale(1.02)}.article-body>img,.article-body>p>img:only-child{width:auto;height:auto;margin:2rem auto;display:block}.article-body blockquote{border-left:4px solid var(--accent-orange);color:var(--text-muted);background:#ff8c4208;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-body blockquote a{vertical-align:middle;display:inline-block}.article-body code{background:var(--surface-color);border:1px solid var(--surface-border);color:#ff7b72;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.article-body pre{border:1px solid var(--surface-border);background:#0d1117;border-radius:8px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.article-body pre code{color:inherit;background:0 0;border:none;padding:0}.article-body table{border-collapse:separate;border-spacing:0;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin:2rem 0;overflow:hidden}.article-body th{text-align:left;color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--surface-border);background:#ffffff0d;padding:1rem;font-size:.8rem;font-weight:700}.article-body td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:1rem}.article-body td img{vertical-align:middle;width:32px;height:32px;box-shadow:none;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;border-radius:0;margin:0;display:inline-block}.article-body .tutorial-table td img{image-rendering:auto;border-radius:8px;width:100%;height:auto}.tutorial-figure{text-align:center;margin:2rem auto}.tutorial-figure img{border-radius:12px;width:100%;max-width:100px;height:auto;margin:0 auto 1rem;display:block}.article-body td img[src*=\.gif]{width:auto;max-width:100%;height:auto}.article-body td img[title],.article-body td img:not([alt=""]){width:auto;max-width:48px;height:auto;max-height:48px}.article-body tr:last-child td{border-bottom:none}.article-body tr:hover td{background:#ffffff08}.references{border-top:1px solid var(--surface-border);margin-top:3rem;padding-top:1.5rem}.ref-tag{color:var(--primary);cursor:help;margin-left:2px;font-size:.75rem;font-weight:600}.view-toggle{border:1px solid var(--surface-border);background:#00000040;border-radius:12px;gap:0;width:fit-content;margin-bottom:2rem;padding:.35rem;display:flex;position:relative;overflow:hidden}.view-toggle-pill{z-index:0;background:#f5ba5826;border:1px solid #f5ba584d;border-radius:9px;width:calc(50% - .35rem);transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:.35rem;bottom:.35rem;left:.35rem;box-shadow:inset 0 0 10px #f5ba581a}.view-toggle-pill.tabs{transform:translate(100%)}.view-toggle-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);z-index:1;border:1px solid #0000;border-radius:9px;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;position:relative;background:0 0!important}.view-toggle-btn:hover{color:var(--text-main)}.view-toggle-btn.active{color:var(--primary);box-shadow:none;border:1px solid #0000}.view-mode-container.ready{animation:.5s ease-out fadeIn}.tabs-container{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;padding-bottom:1.2rem;display:flex}.tab-btn{border:1px solid var(--surface-border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#0003;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.tab-btn:hover{color:var(--text-main);background:#f5ba5814;border-color:#f5ba5866}.tab-btn.active{color:var(--primary);border-color:var(--primary);background:#f5ba5833;box-shadow:0 0 15px #f5ba581a}.view-mode-container.ready .tab-content{animation:.4s fadeIn}.view-mode-container:has(.mainpage-left){grid-template-columns:2fr 1fr;align-items:start;gap:2.5rem;display:grid}@media (max-width:1024px){.view-mode-container:has(.mainpage-left){grid-template-columns:1fr;gap:1.5rem}}.mainpage-left{min-width:0}.mainpage-right{border:1px solid var(--surface-border);background:#ffffff08;border-radius:12px;padding:1.5rem;position:sticky;top:1.5rem}.toc-list{padding:0!important;list-style:none!important}.toc-list ul{margin-top:.25rem;padding-left:1.25rem!important;list-style:none!important}.toc-list li{margin-bottom:.35rem;font-size:.95rem}.item-grid{columns:17em;column-gap:1rem;margin:1rem 0 2.5rem}.item-grid ul,.article-body .item-grid ul{margin:0!important;padding:0!important;list-style:none!important}.item-grid li,.article-body .item-grid li{transition:var(--transition);break-inside:avoid;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;overflow:hidden;margin-bottom:.5rem!important;padding:0!important;display:flex!important}.item-grid li a,.article-body .item-grid li a{width:100%;height:100%;transition:var(--transition);align-items:center;text-decoration:none;color:var(--primary)!important;padding:.5rem .75rem!important;display:flex!important}.item-grid li:hover{border-color:var(--primary);background:#f5ba580f;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d,0 0 15px #f5ba581a}.item-grid li:hover a{text-underline-offset:4px;filter:brightness(1.2);text-decoration:underline!important}.item-link-wrapper{align-items:center;width:100%;display:flex}.item-icon,.item-grid li img{image-rendering:pixelated;background:#0003;flex-shrink:0;padding:2px;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;box-shadow:none!important;vertical-align:middle!important;border-radius:4px!important;margin:0 10px 0 0!important;display:inline-block!important}.item-indev{opacity:.45;align-items:center;gap:6px;font-style:italic;display:inline-flex}.item-indev:after{content:"in-dev";text-transform:uppercase;letter-spacing:.05em;color:#f59a00;vertical-align:middle;background:#ffa50026;border:1px solid #ffa5004d;border-radius:3px;padding:1px 5px;font-size:.65rem;font-style:normal;font-weight:700}@media (max-width:768px){.item-grid{columns:1}}.article-body h2,.article-body h3{scroll-margin-top:2rem;transition:background-color .5s}.hash-highlight{animation:1s ease-out forwards flash-highlight}@keyframes flash-highlight{0%{background-color:#f5ba5866}70%{background-color:#f5ba581a}to{background-color:#0000}}.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.gallery-item{border:1px solid var(--surface-border);transition:var(--transition);background:#ffffff08;border-radius:12px;overflow:hidden}.gallery-item:hover{border-color:var(--primary);background:#f5ba580d;transform:translateY(-5px)}.gallery-image-wrapper{aspect-ratio:1;background:#0003;justify-content:center;align-items:center;padding:1rem;display:flex}.gallery-image-wrapper img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;box-shadow:none;border-radius:4px}.gallery-caption{text-align:center;color:var(--text-muted);border-top:1px solid var(--surface-border);padding:.75rem;font-size:.85rem}.article-body details.animated-details{border:1px solid var(--surface-border);transition:var(--transition);background:#ffffff05;border-radius:12px;flex-direction:column;margin:1.25rem 0;padding:0;display:flex;overflow:hidden}.article-body details.animated-details:hover{background:#f5ba5808;border-color:#f5ba584d}.article-body details.animated-details[open]{border-color:var(--primary);background:#f5ba580d;box-shadow:0 8px 30px #0000004d,0 0 15px #f5ba581a}.article-body details.animated-details summary{font-weight:600;font-family:var(--font-display);color:var(--primary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;z-index:2;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.1rem;list-style:none;display:flex;position:relative}.article-body details.animated-details summary::-webkit-details-marker{display:none}.article-body details.animated-details summary .summary-icon{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex;position:relative}.article-body details.animated-details summary .summary-icon:before,.article-body details.animated-details summary .summary-icon:after{content:"";background-color:var(--text-muted);transition:all .3s;position:absolute}.article-body details.animated-details summary .summary-icon:before{width:14px;height:2px}.article-body details.animated-details summary .summary-icon:after{width:2px;height:14px}.article-body details.animated-details.is-open summary .summary-icon:after{opacity:0;transform:rotate(90deg)}.article-body details.animated-details.is-open summary .summary-icon:before{background-color:var(--primary)}.article-body details.animated-details summary:hover{color:var(--primary-hover)}.article-body details.animated-details .details-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.article-body details.animated-details.is-open .details-content-wrapper{grid-template-rows:1fr}.article-body details.animated-details .details-content-inner{overflow:hidden}.article-body details.animated-details .details-content-inner>*{color:var(--text-main);opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.article-body details.animated-details .details-content-inner>:not(ul):not(ol){padding-left:1.5rem;padding-right:1.5rem}.article-body details.animated-details .details-content-inner>ul,.article-body details.animated-details .details-content-inner>ol{padding-right:1.5rem}.article-body details.animated-details.is-open .details-content-inner>*{opacity:1;transform:translateY(0)}.article-body details.animated-details .details-content-inner>:first-child{padding-top:1rem}.article-body details.animated-details .details-content-inner>:last-child{padding-bottom:1.5rem}.article-body details.animated-details .details-content-inner>ul,.article-body details.animated-details .details-content-inner>ol{margin-bottom:1.25rem;padding-left:2.75rem!important}.article-body details ul,.article-body details ol{padding-left:1.5rem}.article-body details li{margin-bottom:.5rem}.article-body details li>p{margin-bottom:.5rem;padding-left:0!important}.article-body details img{margin:1rem 0}
.recipe-display-wrapper{border:1px solid var(--surface-border);border-radius:12px;max-width:fit-content;margin:2rem 0;padding:1.5rem}.recipe-header{border-bottom:1px solid var(--surface-border);margin-bottom:1.5rem;padding-bottom:.5rem}.recipe-type-label{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:.8rem;font-weight:700}.crafting-container,.cooking-container{align-items:center;gap:2rem;display:flex}.crafting-arrow{filter:drop-shadow(0 0 2px #00000080);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='32' viewBox='0 0 44 32'%3E%3Cpath d='M0 12h32V4l12 12-12 12v-8H0z' fill='%23373737'/%3E%3C/svg%3E") 50% no-repeat;width:44px;height:32px;position:relative}.cooking-progress{filter:drop-shadow(0 0 4px #ff8c4266);background:50%/contain no-repeat;width:32px;height:32px;animation:1.5s ease-in-out infinite flame-flicker}.brewing-container{grid-template-columns:auto auto auto;align-items:center;gap:2rem;padding:1rem;display:grid}.brewing-inputs{flex-direction:column;gap:1.5rem;display:flex}.brewing-action{flex-direction:column;align-items:center;height:32px;display:flex;position:relative}.brewing-progress.bubbles{filter:drop-shadow(0 0 4px #00bcd466);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='18' r='2' fill='%2300bcd4'/%3E%3Ccircle cx='8' cy='12' r='2' fill='%2300bcd4'/%3E%3Ccircle cx='16' cy='6' r='2' fill='%2300bcd4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;animation:1.5s ease-in-out infinite bubbles;position:absolute;bottom:100%}.furnace-fire{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c0 0-6 4-6 11s6 9 6 9 6-2 6-9-6-11-6-11z' fill='%23f44336'/%3E%3Cpath d='M12 7c0 0-4 3-4 8s4 6 4 6 4-1 4-6-4-8-4-8z' fill='%23ff9800'/%3E%3Cpath d='M12 12c0 0-2 2-2 5s2 4 2 4 2-1 2-4-2-5-2-5z' fill='%23ffeb3b'/%3E%3C/svg%3E")}.campfire-fire{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c0 0-6 4-6 11s6 9 6 9 6-2 6-9-6-11-6-11z' fill='%23ff5722'/%3E%3Cpath d='M12 7c0 0-4 3-4 8s4 6 4 6 4-1 4-6-4-8-4-8z' fill='%23ffc107'/%3E%3Cpath d='M12 12c0 0-2 2-2 5s2 4 2 4 2-1 2-4-2-5-2-5z' fill='%2380deea'/%3E%3C/svg%3E")}.smoker-fire{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c0 0-6 4-6 11s6 9 6 9 6-2 6-9-6-11-6-11z' fill='%23ff9800'/%3E%3Cpath d='M12 7c0 0-4 3-4 8s4 6 4 6 4-1 4-6-4-8-4-8z' fill='%23ffeb3b'/%3E%3Cpath d='M12 12h2v2h-2z' fill='%23546e7a'/%3E%3C/svg%3E")}.recipe-error{color:#ff7b72;background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;padding:1rem}@media (max-width:600px){.crafting-container,.cooking-container{flex-direction:column;gap:1rem}.crafting-arrow{transform:rotate(90deg)}}
.crafting-grid{background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.recipe-slot{background:#8b8b8b;border:2px solid #fff;border-color:#373737 #fff #fff #373737;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;box-shadow:inset 2px 2px 4px #0006;overflow:visible!important}.recipe-slot-empty{background:#8b8b8b}.recipe-slot.large{width:64px;height:64px}.recipe-item-icon{width:32px;height:32px;image-rendering:pixelated;transition:transform .2s}.recipe-slot:hover .recipe-item-icon{transform:scale(1.1)}.recipe-item-link{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.recipe-item-link:hover{text-decoration:none}.recipe-count{color:#fff;text-shadow:2px 2px #373737;pointer-events:none;font-family:Inter,sans-serif;font-size:14px;font-weight:700;position:absolute;bottom:2px;right:4px}
.infobox{float:right;-webkit-backdrop-filter:blur(24px);border:1px solid var(--surface-border);background:#08090e99;border-radius:16px;width:320px;margin:0 0 2rem 2rem;font-size:.9rem;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 20px #f5ba580d}.infobox-title{background:var(--primary-gradient);color:#fff;text-align:center;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 4px #0000004d;padding:1rem;font-size:1.2rem;font-weight:800}.infobox-image-wrapper{background:#0000004d;justify-content:center;align-items:center;padding:1rem;display:flex}.infobox-image{width:5rem;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 15px #ffffff4d);transition:transform .3s}.infobox-image:hover{transform:scale(1.1)rotate(5deg)}.infobox-content{padding:.5rem 0}.infobox-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.infobox-row:last-child{border-bottom:none}.infobox-row b{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.infobox-row span{color:var(--text-main);text-align:right;font-weight:600}.infobox-description{color:var(--text-muted);background:#ffffff0d;border-top:1px solid #ffffff1a;padding:1rem;font-size:.85rem;font-style:italic;line-height:1.5}@media (max-width:768px){.infobox{float:none;width:100%;margin:0 0 2rem}}
.lightbox-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1),transform-origin .3s;box-shadow:0 20px 50px #00000080}.lightbox-image.dragging{transition:none!important}.lightbox-info{border:1px solid var(--surface-border);color:var(--text-main);text-align:left;-webkit-backdrop-filter:blur(15px);z-index:1001;background:#08090ecc;border-radius:12px;max-width:320px;padding:1.5rem;transition:opacity .5s;animation:.3s fadeIn;position:fixed;top:2rem;left:2rem}.info-label{text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-top:1rem;margin-bottom:.25rem;font-size:.7rem;display:block}.info-label:first-child{margin-top:0}.info-value{color:var(--text-main);word-break:break-word;font-size:.9rem;font-weight:500}.lightbox-title{font-family:var(--font-display);color:var(--primary);margin-bottom:.5rem;font-size:1.4rem;font-weight:800;line-height:1.2}.lightbox-description{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.4}.article-body img:not(.recipe-item-icon){cursor:zoom-in}
.gallery-carousel{border:1px solid var(--surface-border);background:#08090e66;border-radius:16px;width:100%;margin:2.5rem 0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.carousel-main{aspect-ratio:16/9;background:#0000004d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.carousel-image-container{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.carousel-image{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 20px #00000080);transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-nav{border:1px solid var(--surface-border);color:var(--primary);cursor:pointer;z-index:10;width:48px;height:48px;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090e99;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:var(--primary);color:var(--bg-color);transform:translateY(-50%)scale(1.1)}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.carousel-info{border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090e99;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.carousel-caption{color:var(--text-main);text-align:center;font-size:1.1rem;font-weight:600}.carousel-counter{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.carousel-thumbnails{scrollbar-width:none;background:#0003;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-x:auto}.carousel-thumbnails::-webkit-scrollbar{display:none}.thumbnail{cursor:pointer;width:60px;height:60px;transition:var(--transition);background:#ffffff0d;border:2px solid #0000;border-radius:8px;flex-shrink:0;padding:4px;overflow:hidden}.thumbnail.active{border-color:var(--primary);background:#f5ba581a}.thumbnail img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}@media (max-width:768px){.carousel-main{aspect-ratio:1}.carousel-nav{width:40px;height:40px}}