:root{
  --ink:#19100a;
  --paper:#ead8b5;
  --paper-deep:#d5b98a;
  --cream:#f5ead0;
  --red:#982b22;
  --green:#1f4932;
  --gold:#c99a35;
  --cork:#9b6730;
  --frame:#1a0c06;
  --menu:#28150d;
  --shadow:rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:"Courier New",Courier,monospace;
  background:
    radial-gradient(circle at 14% 10%,rgba(221,168,76,.14),transparent 22%),
    radial-gradient(circle at 88% 18%,rgba(129,49,29,.16),transparent 24%),
    linear-gradient(135deg,#241108,#090504 74%);
}
a{color:inherit}
.site{width:min(1780px,100%);margin:0 auto;padding:clamp(10px,1.3vw,22px)}
.bunker-board{
  position:relative;
  display:grid;
  grid-template-columns:clamp(270px,18vw,335px) 1fr;
  min-height:calc(100vh - clamp(20px,2.6vw,44px));
  border:14px solid var(--frame);
  border-radius:18px;
  overflow:hidden;
  background:#3a1d0c;
  box-shadow:0 24px 90px rgba(0,0,0,.72),inset 0 0 0 3px rgba(248,205,132,.08);
}
.bunker-board:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:
    linear-gradient(90deg,rgba(0,0,0,.34),transparent 9%,transparent 92%,rgba(0,0,0,.28)),
    radial-gradient(circle at 50% -5%,rgba(255,230,170,.10),transparent 25%),
    radial-gradient(circle at 50% 100%,rgba(0,0,0,.28),transparent 30%);
  mix-blend-mode:multiply;opacity:.65;
}
.bunker-board:after{content:"";position:absolute;inset:9px;border:2px dashed rgba(241,211,156,.12);border-radius:9px;pointer-events:none;z-index:5;}

.side-menu{
  position:relative;z-index:2;
  padding:clamp(28px,2.4vw,44px) clamp(16px,1.25vw,24px);
  display:grid;gap:clamp(11px,1vw,16px);align-content:start;
  background:
    linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.08) 55%,rgba(0,0,0,.28)),
    linear-gradient(180deg,rgba(255,214,159,.05),transparent 10%),
    repeating-linear-gradient(0deg,#3d2416 0 46px,#25150c 47px 51px),
    linear-gradient(#3a2214,#130806);
  box-shadow:inset -18px 0 28px rgba(0,0,0,.55),10px 0 30px rgba(0,0,0,.26);
}
.side-menu:before{
  content:"BUNKER41 FIELD MENU";
  position:absolute;left:18px;top:10px;
  color:rgba(241,213,164,.32);font-weight:900;font-size:.72rem;letter-spacing:.16em;
}
.side-menu:after{
  content:"";position:absolute;inset:12px;border:2px solid rgba(208,179,126,.09);border-radius:10px;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),inset 0 0 35px rgba(0,0,0,.25);
}
.brand-stamp{
  position:relative;
  display:grid;place-items:center;
  width:min(170px,78%);aspect-ratio:1;margin:16px auto 20px;
  transform:rotate(-3deg);
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.38));
}
.brand-stamp img{display:block;width:100%;height:100%;object-fit:contain}
.side-menu a{
  position:relative;display:flex;align-items:center;justify-content:center;
  min-height:clamp(48px,4vw,68px);padding:8px 34px 8px 30px;
  text-decoration:none;text-transform:uppercase;
  font:900 clamp(1.25rem,1.55vw,2.05rem)/1 Impact,"Arial Narrow Bold",sans-serif;
  letter-spacing:.08em;color:#1a1009;
  border:2px solid #251109;border-radius:7px;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.20),transparent 38%),
    url("../assets/parchment-note.png");
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 0 0 1px rgba(255,239,196,.28),0 2px 0 #0b0503,0 9px 15px rgba(0,0,0,.46);
  text-shadow:0 1px rgba(255,255,255,.28);
  transform:rotate(var(--tilt,-.6deg));
  overflow:hidden;
}
.side-menu a:nth-of-type(2n){--tilt:.7deg}.side-menu a:nth-of-type(3n){--tilt:-1.1deg}
.side-menu a:before{
  content:"";position:absolute;top:50%;left:10px;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);
  background:radial-gradient(circle at 35% 35%,#e1bb74 0 18%,#8f622d 20% 55%,#4c2b11 58% 100%);
  box-shadow:0 2px 4px rgba(0,0,0,.45);
}
.side-menu a:after{
  content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#2a170b;transform:translateY(-50%);
}
.side-menu a[href^="http"]:after{content:"↗";width:auto;height:auto;background:transparent;border-radius:0;box-shadow:none;right:11px;font-family:"Courier New";font-weight:900;color:rgba(22,13,8,.65)}
.side-menu a.active{
  color:#f8ead1;
  background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),url("../assets/red-note.png");
  text-shadow:0 2px 0 rgba(0,0,0,.55);
}
.side-menu a:hover,.side-menu a:focus-visible{filter:brightness(1.06);outline:3px solid rgba(255,238,170,.55);outline-offset:3px;transform:rotate(0deg) translateX(3px)}
.side-menu .contact-mini{
  margin-top:16px;padding:13px 13px 14px;border:1px dashed rgba(238,213,170,.22);border-radius:10px;
  color:#ecd8b7;font-size:.86rem;line-height:1.55;background:rgba(0,0,0,.18);box-shadow:inset 0 0 22px rgba(0,0,0,.18)
}
.contact-mini a{display:inline;color:#ffe4b5;font:inherit;text-transform:none;letter-spacing:0;background:none;box-shadow:none;border:0;min-height:0;padding:0;transform:none}.contact-mini a:before,.contact-mini a:after{display:none}

.board-area{
  position:relative;z-index:1;min-width:0;padding:clamp(26px,3vw,54px);
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.05)),
    url("../assets/corkboard-texture.png");
  background-size:auto, 560px auto;
  background-position:center;
  background-repeat:repeat;
}
.board-area:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 25% 22%,rgba(255,221,145,.10),transparent 29%),
    radial-gradient(circle at 78% 80%,rgba(83,30,10,.18),transparent 27%),
    repeating-linear-gradient(90deg,rgba(45,20,8,.05) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(0deg,rgba(255,236,175,.03) 0 1px,transparent 1px 27px);
  pointer-events:none;opacity:.85
}
.content-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(410px,1.05fr) minmax(310px,.86fr);gap:clamp(22px,2.2vw,38px);align-items:start}
.hero-note,.paper,.ticket,.chalk,.manual-card,.stamp-card{position:relative;border:2px solid rgba(33,18,9,.60);box-shadow:0 15px 28px rgba(0,0,0,.36)}
.hero-note{
  padding:clamp(26px,3vw,52px);
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.02)),
    url("../assets/parchment-note.png");
  background-size:cover;
  background-position:center;
  transform:rotate(-.7deg);border-radius:4px;
}
.hero-note:after{content:"";position:absolute;right:22px;top:-13px;width:72px;height:28px;background:rgba(231,205,144,.62);border:1px solid rgba(73,45,19,.18);box-shadow:0 4px 8px rgba(0,0,0,.12);transform:rotate(4deg)}
.hero-note:before,.paper:before,.ticket:before,.chalk:before,.manual-card:before,.stamp-card:before{content:"";position:absolute;width:24px;height:24px;left:50%;top:-14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#bd2118 0 38%,#5e120d 40% 62%,rgba(0,0,0,.32) 63%);box-shadow:0 4px 8px rgba(0,0,0,.38);z-index:2}
h1,h2,h3{font-family:Impact,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.05em;line-height:.94;margin:0 0 12px}
.hero-note h1{font-size:clamp(3.2rem,6.8vw,7.25rem);color:#140d08;text-shadow:2px 2px 0 rgba(201,150,53,.18),4px 4px 0 rgba(0,0,0,.06)}
.kicker{display:inline-block;margin-bottom:14px;padding:7px 11px;background:#1b100a;color:#f2d7a4;border-radius:4px;text-transform:uppercase;font-weight:900;letter-spacing:.12em;box-shadow:2px 2px 0 rgba(0,0,0,.18)}
.tagline{font-weight:900;color:var(--red);font-size:clamp(1.05rem,1.55vw,1.48rem);text-transform:uppercase}
.hero-note p{font-size:clamp(1rem,1.18vw,1.18rem);line-height:1.55;max-width:64ch}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;
  border:2px solid #211209;border-radius:7px;background-image:url("../assets/red-note.png");background-size:cover;background-position:center;
  color:#f8ead1;text-decoration:none;font-weight:900;text-transform:uppercase;box-shadow:0 6px 0 #2b0a07,0 12px 18px rgba(0,0,0,.25)
}
.btn.alt{background-image:url("../assets/yellow-note.png");color:#1c120b;box-shadow:0 6px 0 #6a421c,0 12px 18px rgba(0,0,0,.25)}
.btn.green{background-image:url("../assets/green-note.png");box-shadow:0 6px 0 #102016,0 12px 18px rgba(0,0,0,.25)}
.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 rgba(0,0,0,.55),0 9px 15px rgba(0,0,0,.24)}
.quick-stack{display:grid;gap:21px}
.ticket{
  display:block;padding:22px 22px 20px;text-decoration:none;color:#f8ead1;border-radius:7px;transform:rotate(1.5deg);
  background-image:linear-gradient(180deg,rgba(255,255,255,.16),transparent 40%),url("../assets/red-note.png");
  background-size:cover;background-position:center;
}
.ticket:nth-child(2){background-image:linear-gradient(180deg,rgba(255,255,255,.14),transparent 40%),url("../assets/yellow-note.png");color:#1c130c;transform:rotate(-1.2deg)}
.ticket:nth-child(3){background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%),url("../assets/green-note.png");color:#f8ead1;transform:rotate(.8deg)}
.ticket:hover{filter:brightness(1.08);transform:rotate(0deg) translateY(-2px)}
.ticket strong{display:block;font-family:Impact,"Arial Narrow Bold";font-size:clamp(1.9rem,2.45vw,3rem);text-transform:uppercase;letter-spacing:.05em}
.ticket span{display:block;margin-top:7px;line-height:1.45}
.ticket:after{content:"Field Link";position:absolute;right:12px;bottom:8px;font-size:.68rem;font-weight:900;letter-spacing:.14em;opacity:.52;text-transform:uppercase}

.strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(22px,2.4vw,34px)}
.paper{
  padding:24px 22px 22px;background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.02)),url("../assets/parchment-note.png");
  background-size:cover;background-position:center;border-radius:4px
}
.paper:after{content:"";position:absolute;left:12px;right:12px;top:48px;height:1px;background:rgba(87,45,18,.10);box-shadow:0 28px rgba(87,45,18,.08),0 56px rgba(87,45,18,.06),0 84px rgba(87,45,18,.05)}
.paper:nth-child(2n){transform:rotate(.65deg)}.paper:nth-child(2n+1){transform:rotate(-.55deg)}
.paper h2{font-size:clamp(1.6rem,1.95vw,2.35rem);color:var(--red)}
.paper p,.paper li{line-height:1.5}.paper ul{padding-left:20px}.paper a{font-weight:900;color:#5b160f}
.price-list{display:grid;gap:9px}.price-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed rgba(30,18,9,.35)}.price-row strong{white-space:nowrap}
.chalk{padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,0)),linear-gradient(145deg,#274128,#0d1811);color:#e9ead4;border-radius:8px;border-color:#071008;transform:rotate(.8deg)}.chalk h2{color:#f0dca8}
.manual-card{padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,0)),linear-gradient(145deg,#274255,#172231);color:#f7ead0;border-radius:7px;transform:rotate(1deg)}.manual-card h2{color:#f5d58b}
.stamp-card{padding:22px;background:#ead7b2;border-radius:7px}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.badge{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:3px dashed rgba(40,25,12,.55);background:rgba(255,255,255,.18);font-weight:900;font-size:.8rem;text-align:center}
.footer-line{position:relative;z-index:1;margin-top:24px;padding:14px 18px;background:rgba(20,10,5,.72);color:#f2d7a4;border-radius:10px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;box-shadow:inset 0 0 22px rgba(0,0,0,.28)}.footer-line a{color:#f7ead0;font-weight:900;text-decoration:none}
.wider{grid-column:1 / -1}.notice{border:2px dashed var(--red);padding:14px;background:rgba(143,36,27,.08);font-weight:900}.mini-label{position:absolute;right:16px;bottom:12px;color:rgba(30,18,9,.38);font-weight:900;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:1160px){.bunker-board{grid-template-columns:245px 1fr}.content-grid{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.bunker-board{grid-template-columns:1fr}.side-menu{grid-template-columns:repeat(4,1fr);padding:14px}.side-menu:before,.side-menu:after,.brand-stamp,.contact-mini{display:none}.side-menu a{min-height:44px;font-size:1.05rem;transform:none}.board-area{padding:18px}.hero-note{transform:none}.ticket,.paper,.chalk,.manual-card{transform:none!important}}
@media(max-width:650px){.site{padding:0}.bunker-board{border:0;border-radius:0;min-height:100vh}.side-menu{position:sticky;top:0;z-index:10;grid-template-columns:repeat(2,1fr);gap:8px;background:#211208}.side-menu a{font-size:1rem;min-height:42px}.content-grid,.strip{grid-template-columns:1fr}.hero-note h1{font-size:3.25rem}.cta-row{display:grid}.footer-line{display:grid;text-align:center}}


/* Salvage board */
.salvage-hero h1{font-size:clamp(3rem,5.8vw,6.5rem)}
.salvage-stats .ticket{cursor:default}
.salvage-stats .ticket:hover{filter:none;transform:rotate(var(--keep,0deg))}
.salvage-stats .ticket:nth-child(1){--keep:1.5deg}.salvage-stats .ticket:nth-child(2){--keep:-1.2deg}.salvage-stats .ticket:nth-child(3){--keep:.8deg}
.salvage-stats .ticket strong{font-size:clamp(2.2rem,3.2vw,3.8rem)}
.salvage-filter{margin-top:clamp(22px,2.4vw,34px)}
.salvage-controls{display:grid;grid-template-columns:minmax(230px,1fr) minmax(190px,.4fr);gap:12px;position:relative;z-index:2}
.salvage-controls label{display:grid;gap:6px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.salvage-controls input,.salvage-controls select{font:inherit;padding:10px;border:2px solid #211209;border-radius:7px;background:#fff4d8;color:#1b100a}
.salvage-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.salvage-card{position:relative;padding:22px;background-image:linear-gradient(180deg,rgba(255,255,255,.13),transparent 42%),url("../assets/red-note.png");background-size:cover;background-position:center;border:2px solid rgba(33,18,9,.66);border-radius:7px;color:#f8ead1;box-shadow:0 15px 28px rgba(0,0,0,.36);transform:rotate(-.5deg)}
.salvage-card:nth-child(2n){transform:rotate(.65deg)}
.salvage-card:before{content:"";position:absolute;width:22px;height:22px;left:50%;top:-13px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#bd2118 0 38%,#5e120d 40% 62%,rgba(0,0,0,.32) 63%);box-shadow:0 4px 8px rgba(0,0,0,.38);z-index:2}
.salvage-card.yellow-card{background-image:linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%),url("../assets/yellow-note.png");color:#1c130c}
.salvage-card.green-card{background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%),url("../assets/green-note.png");color:#f8ead1}
.salvage-card h2{font-size:clamp(1.55rem,2vw,2.3rem);margin-top:10px}.salvage-card p{line-height:1.48}.salvage-meta{display:flex;justify-content:space-between;gap:12px;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;opacity:.8}.salvage-status{display:inline-block;margin-top:6px;padding:6px 9px;border:2px solid currentColor;border-radius:999px;text-transform:uppercase;font-size:.82rem}.salvage-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.salvage-tags span{display:inline-block;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.18);font-weight:900;font-size:.78rem}.yellow-card .salvage-tags span{background:rgba(255,255,255,.28)}
@media(max-width:1160px){.salvage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.salvage-list,.salvage-controls{grid-template-columns:1fr}.salvage-card{transform:none!important}}