@import "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Oswald:wght@500;700&family=Special+Elite&display=swap";:root{--bg-paper:#f4efe2;--bg-paper-dark:#e8e2d0;--text-charcoal:#222;--color-orange:#c43c39;--color-teal:#4b778d;--color-mustard:#d9a05b;--color-cream-light:#faf7f0;--font-header:"Special Elite", cursive, monospace;--font-sub:"Oswald", sans-serif;--font-body:"Courier Prime", monospace;--border-thick:3px solid var(--text-charcoal);--border-thin:2px solid var(--text-charcoal);--shadow-flat:4px 4px 0px var(--text-charcoal);--shadow-flat-hover:6px 6px 0px var(--text-charcoal);--shadow-flat-active:1px 1px 0px var(--text-charcoal)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background-color:var(--bg-paper);color:var(--text-charcoal);font-family:var(--font-body);background-image:radial-gradient(var(--bg-paper-dark) 15%, transparent 16%), radial-gradient(var(--bg-paper-dark) 15%, transparent 16%);background-position:0 0,30px 30px;background-size:60px 60px;padding:20px 10px;line-height:1.6;position:relative}body:after{content:"";opacity:.05;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.container{width:100%;max-width:960px;margin:0 auto;padding:10px;overflow-x:hidden}header{border:var(--border-thick);background-color:var(--color-cream-light);text-align:center;box-shadow:var(--shadow-flat);margin-bottom:40px;padding:30px 20px;position:relative}header:before{content:"OFFICIAL USE ONLY";background-color:var(--color-orange);color:var(--bg-paper);font-family:var(--font-sub);border:var(--border-thin);letter-spacing:1px;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute;top:-12px;left:20px}.pamphlet-badge{border:var(--border-thin);background-color:var(--color-teal);color:#fff;font-family:var(--font-sub);letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;padding:4px 12px;font-weight:700;display:inline-block}h1{font-family:var(--font-header);text-transform:uppercase;color:var(--text-charcoal);letter-spacing:-1px;margin-bottom:10px;font-size:2.2rem}.sub-header{font-family:var(--font-body);color:#444;margin-top:15px;font-size:1rem;font-style:italic}section{background-color:var(--color-cream-light);border:var(--border-thick);box-shadow:var(--shadow-flat);margin-bottom:40px;padding:25px}.section-tag{font-family:var(--font-sub);color:var(--color-orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:700}h2{font-family:var(--font-header);border-bottom:var(--border-thin);text-transform:uppercase;margin-bottom:20px;padding-bottom:8px;font-size:1.6rem}p{margin-bottom:15px}.card-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;display:grid}@media (width>=600px){.card-grid{grid-template-columns:1fr 1fr}}.retro-card{border:var(--border-thin);background-color:var(--bg-paper);box-shadow:var(--shadow-flat);padding:20px;transition:transform .1s,box-shadow .1s;position:relative}.retro-card:hover{box-shadow:var(--shadow-flat-hover);transform:translate(-2px,-2px)}.retro-card h3{font-family:var(--font-header);text-transform:uppercase;border-bottom:1px dashed var(--text-charcoal);margin-bottom:10px;padding-bottom:5px;font-size:1.1rem}.tabs-container{margin-top:25px}.tabs-nav{border-bottom:var(--border-thin);flex-wrap:wrap;gap:5px;padding-bottom:0;display:flex}.tab-btn{font-family:var(--font-sub);text-transform:uppercase;border:var(--border-thin);background-color:var(--bg-paper-dark);cursor:pointer;border-bottom:none;padding:10px 15px;font-size:.9rem;font-weight:700;transition:background-color .2s,transform .1s;transform:translateY(2px)}.tab-btn:hover{background-color:var(--bg-paper)}.tab-btn.active{background-color:var(--color-cream-light);border-bottom:2px solid var(--color-cream-light);z-index:10;transform:translateY(0)}.tab-content{border:var(--border-thick);background-color:var(--color-cream-light);box-shadow:var(--shadow-flat);border-top:none;padding:25px}.retro-btn{font-family:var(--font-sub);text-transform:uppercase;background-color:var(--color-teal);color:#fff;border:var(--border-thin);box-shadow:var(--shadow-flat);cursor:pointer;text-align:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.retro-btn:hover{box-shadow:var(--shadow-flat-hover);transform:translate(-2px,-2px)}.retro-btn:active{box-shadow:var(--shadow-flat-active);transform:translate(2px,2px)}.retro-btn.orange{background-color:var(--color-orange)}.retro-btn.mustard{background-color:var(--color-mustard);color:var(--text-charcoal)}.matrix-table-container{border:var(--border-thick);box-shadow:var(--shadow-flat);margin:20px 0;overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:left;background-color:var(--bg-paper);width:100%;font-size:.85rem}.matrix-table th{background-color:var(--text-charcoal);color:var(--bg-paper);font-family:var(--font-sub);text-transform:uppercase;letter-spacing:1px;padding:12px}.matrix-table td{border-bottom:var(--border-thin);border-right:1px dashed var(--text-charcoal);padding:12px}.matrix-table tr:last-child td{border-bottom:none}.matrix-table tr:nth-child(2n){background-color:var(--bg-paper-dark)}.illustration-box{border:var(--border-thick);text-align:center;box-shadow:var(--shadow-flat);background-color:#e5dfd3;margin:25px 0;padding:15px;position:relative;overflow:hidden}.illustration-box:before{content:"TACTICAL DIAGRAM";font-family:var(--font-sub);color:#777;letter-spacing:1px;font-size:.7rem;position:absolute;top:5px;right:5px}.illustration-box img{border:var(--border-thin);filter:contrast(1.1)brightness(.95);max-width:100%;height:auto;margin:0 auto 10px;display:block}.illustration-caption{font-family:var(--font-body);color:#333;font-size:.8rem;font-style:italic}.checklist{margin-top:15px;list-style:none}.checklist-item{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.checklist-checkbox{border:var(--border-thin);background-color:var(--bg-paper);cursor:pointer;width:22px;height:22px;font-family:var(--font-sub);color:var(--color-orange);-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;font-size:.95rem;font-weight:700;display:inline-flex}.checklist-checkbox:hover{background-color:var(--bg-paper-dark)}.checklist-checkbox.checked{background-color:#e5dfd3}.checklist-text{text-align:left;font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;padding:0}.checklist-text:hover{color:var(--color-teal)}.checklist-item.checked .checklist-text{color:#777;text-decoration:line-through}.wizard-step{border:var(--border-thin);background-color:var(--bg-paper);box-shadow:var(--shadow-flat);margin-top:15px;padding:20px}.wizard-flow{flex-direction:column;gap:15px;display:flex}.recipe-box{border:2px dashed var(--color-orange);background-color:#fffde6;margin-top:15px;padding:15px;font-size:.9rem;position:relative}.recipe-box:after{content:"NON-TOXIC FORMULA";font-family:var(--font-sub);color:var(--color-orange);letter-spacing:1px;font-size:.65rem;position:absolute;bottom:5px;right:10px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.modal-container{text-align:center;background-color:#fdfbfa;border:3px solid #222;width:90%;max-width:500px;padding:20px;animation:.25s ease-out forwards scaleInModal;position:relative;box-shadow:8px 8px #222}.modal-close-btn{background-color:var(--color-orange);color:#fff;width:32px;height:32px;font-family:var(--font-header);cursor:pointer;border:2px solid #222;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:28px;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:2px 2px #222}.modal-close-btn:hover{background-color:#c9302c;transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dossier-layout{align-items:flex-start;gap:0;width:100%;margin-top:30px;display:flex;position:relative}.dossier-tabs{z-index:100;flex-direction:column;width:160px;display:flex;position:absolute;top:0;left:-156px}@media (width>=901px){.dossier-layout{grid-template-columns:156px 1fr!important;align-items:flex-start!important;gap:0!important;display:grid!important}.dossier-tabs{width:100%!important;position:static!important;left:0!important}}@media (width<=900px){.dossier-layout{flex-direction:column!important;width:100%!important;margin-left:0!important;margin-right:0!important}.dossier-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;background-color:#0000!important;border-bottom:3px solid #222!important;flex-direction:row!important;gap:4px!important;width:100%!important;margin-bottom:0!important;padding-bottom:0!important;position:static!important}.dossier-tabs::-webkit-scrollbar{display:none}.dossier-tab-btn{flex-shrink:0;box-shadow:none!important;border:3px solid #222!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;margin-bottom:0!important;padding:8px 12px!important;font-size:.8rem!important;left:0!important}.dossier-tab-btn.active{background-color:var(--color-orange)!important;color:#fff!important;z-index:120!important;transform:translateY(3px)!important}.dossier-sheet{width:100%;height:100%;top:0;left:0;overflow:hidden;opacity:0!important;pointer-events:none!important;border-radius:0 0 12px 12px!important;padding:15px!important;position:absolute!important;transform:none!important;box-shadow:4px 4px #0003!important}.dossier-sheet.active{opacity:1!important;pointer-events:auto!important;height:auto!important;position:relative!important;overflow:visible!important;transform:none!important}.dossier-sheet.slide-out{opacity:0!important;transform:scale(.95)!important}.matrix-table{font-size:.8rem!important}.retro-card{padding:15px!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}body{padding:10px 5px!important}}.dossier-tab-btn{font-family:var(--font-header);text-transform:uppercase;text-align:left;background-color:var(--color-mustard);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #222;border-right:none;border-radius:8px 0 0 8px;margin-bottom:8px;padding:10px 14px;font-size:.85rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;left:2px;box-shadow:-4px 2px #00000026}.dossier-tab-btn:hover{background-color:#e5b072;left:0}.dossier-tab-btn.active{background-color:var(--color-orange);color:#fff;z-index:200;font-weight:700;left:4px;box-shadow:-6px 4px #0003}.dossier-stack{flex-grow:1;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid;position:relative}.dossier-sheet{background-color:var(--bg-paper);box-sizing:border-box;opacity:.05;pointer-events:none;border:3px solid #222;border-radius:0 12px 12px;grid-area:1/1/-1/-1;width:100%;min-width:0;height:100%;padding:30px;transition:transform .3s cubic-bezier(.19,1,.22,1),z-index .3s,opacity .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:8px 8px #00000026}.dossier-sheet.active{z-index:10;opacity:1;pointer-events:auto;height:auto;position:relative;overflow:visible;box-shadow:12px 12px #0003}.dossier-sheet.slide-out{opacity:.95;z-index:50!important;transform:translate(-100px,-20px)rotate(-3deg)!important}
