@charset "UTF-8";
:root{--bg:#0c110f;--panel:#141c18;--line:#304238;--text:#edf2eb;--ink:#edf2eb;--muted:#b2bfb4;--green:#b5d18b;--accent:#b5d18b;--amber:#efc47a;--blue:#9bc8d4;--radius:16px;color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 0%,#243629 0,transparent 42%),var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}
*{box-sizing:border-box}a{color:var(--green);text-underline-offset:4px}a:hover{color:#e0f0bd}h1,h2,h3{line-height:1.18;overflow-wrap:anywhere}h1{letter-spacing:-.045em;font-size:clamp(36px,6.8vw,76px)}h1 span{color:var(--green)}h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.025em}h3{font-size:19px}main{max-width:1120px;padding:0 20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}.eyebrow{color:var(--green);font:800 12px/1.5 system-ui,sans-serif;letter-spacing:.16em}.lead{font-size:clamp(18px,2.2vw,22px);color:#d3ded3}.button,button{border-radius:8px}.badge{padding:5px 11px;border:1px solid var(--line);border-radius:30px;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.07em}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.site-header{width:100%;max-width:none;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:22px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);background:#0c110fed;position:relative;z-index:10}.site-header .logo{color:var(--text);font-weight:900;letter-spacing:.16em;font-size:19px;text-decoration:none;line-height:1.2;white-space:nowrap}.logo span{color:var(--green);margin-left:6px}.logo small{display:block;font-size:8px;color:var(--muted);letter-spacing:.2em;margin-top:7px}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px}.site-header nav a{text-decoration:none}.site-header nav form{margin:0}.site-header .button,.site-header button{min-height:44px;padding:8px 12px;background:#18231c;border:1px solid var(--line);color:var(--green);font:700 12px system-ui,sans-serif}.site-header .burger{display:none}
footer,.site-footer{width:min(1120px,100%);max-width:1120px;margin:0 auto;padding:30px 20px 40px;display:flex;flex-wrap:wrap;gap:14px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{flex:1;margin:0}footer nav{display:flex;flex-wrap:wrap;gap:12px 18px;width:100%}footer a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.site-footer{border-top:1px solid var(--line)}
.section-links{display:flex;overflow-x:auto;gap:10px;padding:16px 0;white-space:nowrap;scrollbar-width:thin}.section-links a{padding:10px 16px;min-height:44px;background:#18231c;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;flex:0 0 auto}.guide-home>section:not(.portal-hero){padding:46px 0;margin:0;border-top:1px solid var(--line)}.portal-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;padding:64px 0 38px;margin:0}.portal-hero h1{font-size:clamp(36px,5vw,64px)}.hero-screen{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.hero-screen img{width:100%;height:auto;display:block}.hero-screen figcaption{padding:12px 16px;font-size:12px;color:var(--muted)}.guide-link{text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:12px}.guide-link h3,.guide-link p{margin:0}.guide-link strong{margin-top:auto;font-size:13px;color:var(--green)}.guide-link:hover{border-color:var(--green);color:var(--text)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.guide-cards p,.three-grid p{font-size:14px;color:var(--muted)}.guide-cards .panel p:last-child,.three-grid .panel p:last-child{margin-bottom:0}.guide-picture{margin:28px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.guide-picture a{display:block;overflow:hidden;background:#050907}.guide-picture img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.guide-picture figcaption{padding:14px 18px;font-size:14px}.guide-picture figcaption small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.focus-loot a{aspect-ratio:2.2;position:relative}.focus-loot img{position:absolute;width:160%;max-width:none;max-height:none;height:auto;right:0;top:0}.focus-interface img{max-height:500px}.species{display:block;font-size:35px;line-height:1;margin-bottom:14px}.standard{color:#778769}.runner{color:#c98760}.colossus{color:#949ee2}.boss{color:#d65c75}.guide-notice{padding:20px 24px;border-left:3px solid var(--amber);background:#211f17;border-radius:0 10px 10px 0;color:#e3d9bf;margin:24px 0}.tutorial-steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:12px}.tutorial-steps li{padding:18px 20px 18px 62px;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative}.tutorial-steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;color:var(--green);font-weight:800}.tutorial-steps strong{display:block;color:var(--green)}.recipe-panel summary{cursor:pointer;min-height:44px;font-weight:700;color:var(--amber)}.recipe-panel .recipes{max-height:420px;overflow-y:auto;overscroll-behavior:contain}.recipe-panel h3{font-size:16px;margin-bottom:8px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.catalog-item h3{font-size:16px;margin:0}.catalog-scroll{max-height:580px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.category-strip{display:flex;overflow-x:auto;gap:8px;padding:8px 0;white-space:nowrap}.category-strip button{flex:0 0 auto;min-height:44px}.category-strip button[aria-pressed=true]{background:var(--green);color:#172214}.catalog-toolbar{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px;margin:10px 0}.catalog-toolbar p{margin:0}.placement-diagram{background:linear-gradient(145deg,#1b2920,#101713);border:1px solid var(--line);border-radius:16px;padding:28px;text-align:center;margin:24px 0}.diagram-object{display:grid;gap:8px;width:180px;margin:0 auto 28px;padding:20px;border:1px dashed var(--green);background:#b5d18b15;border-radius:10px;color:var(--green)}.diagram-object>span{font-size:36px;color:var(--amber)}.diagram-object small{font-size:12px}.diagram-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.diagram-controls span{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#18231c}.placement-diagram p{font-size:11px;color:var(--muted);margin:16px 0 0}.table-scroll{overflow-x:auto;scrollbar-width:thin}table{min-width:520px}caption{text-align:left;padding:12px;color:var(--green)}.carousel img{object-fit:contain;height:auto;max-height:600px}.carousel figure{flex-basis:min(85%,800px)}.skip:focus{top:10px}.site-header a:focus-visible,.site-header button:focus-visible,footer a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.closing .buttons{justify-content:center}
@media(max-width:1000px){.site-header .burger{display:inline-flex;align-items:center;justify-content:center;min-width:44px}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:16px 20px;background:#101713;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px}.site-header nav.open{display:flex}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav form button{width:100%}}
@media(max-width:700px){main{padding:0 16px}.portal-hero{grid-template-columns:1fr;padding:34px 0;gap:20px}.hero-screen{width:100%}.guide-cards,.three-grid{grid-template-columns:1fr}.panel{padding:20px}.page-heading{margin-top:32px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.catalog-item{padding:13px}.catalog-scroll{max-height:65vh}.section-heading{align-items:stretch;flex-direction:column}.section-heading label{min-width:0}.guide-picture figcaption{font-size:12px}.guide-home>section:not(.portal-hero){padding:32px 0}.carousel figure{flex-basis:94%}.guide-notice{padding:16px}.placement-diagram{padding:18px}.diagram-controls span{font-size:12px;padding:10px}.section-links{margin-bottom:8px}.site-header{padding:16px}.site-footer,footer{padding:26px 16px;flex-direction:column}.site-footer nav,footer nav{gap:10px 16px}.site-footer p,footer p{flex:auto}.tutorial-steps li{font-size:14px;padding-right:16px}.focus-loot a{aspect-ratio:1.5}.focus-loot img{width:210%;right:0}.guide-cards h3{font-size:19px}}
.portal-home.guide-home>.portal-hero{padding:64px 0 38px;margin:0;border:0}.site-header nav a[aria-current=page]{color:var(--amber);text-decoration:underline;text-underline-offset:6px}
@media(max-width:700px){.portal-home.guide-home>.portal-hero{padding:34px 0}.portal-home.guide-home .three-grid{display:grid;grid-template-columns:1fr;overflow:visible;padding:0}.portal-home.guide-home .three-grid>*{min-width:0}.portal-home.guide-home .carousel figure{flex-basis:94%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}