/* Fort Ironclaw (School Launch Pre-Algebra side path): the pictures inside each station. The shared engine styles are in
   /courses/shared/shop-game-v2/shop-game.css; this file only adds the fort's picture pieces. No style attributes anywhere. */
.noscript{font:18px system-ui,sans-serif;padding:24px;color:#13202D;background:#E5EEE8}
.sg-app .sg-title{letter-spacing:.01em}
.fx-svg{display:block;width:100%;height:auto;max-width:680px;margin:0 auto}
.fx-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fx-gap8{gap:8px}.fx-gap10{gap:10px}.fx-gap12{gap:12px}.fx-gap14{gap:14px}.fx-gap16{gap:16px}
.fx-top{align-items:flex-start}.fx-between{justify-content:space-between}.fx-center{justify-content:center;text-align:center}
.fx-mt8{margin-top:8px}
.fx-line{margin:12px 0 0;font-size:20px;font-weight:800;color:#13202D}
.fx-hl{background:#F7E4A6;padding:2px 10px;border-radius:10px;border:2px solid #7D5A0C;color:#13202D}
.fx-note{margin:8px 0 0;font-size:16px;font-weight:700;color:#3A4E5F}
.fx-small{font-size:14px;font-weight:800}
.fx-red{color:#8E2F22}.fx-green{color:#255A2A}
.fx-status{font-size:16px;font-weight:800;color:#22507B}
.fx-wagon{display:block;width:132px;height:auto}
.fx-extra{border:3px dashed #7D5A0C;border-radius:16px;padding:6px 10px;background:#FBF8EE}
.fx-extra-svg{display:block;height:30px;width:auto}
.fx-tag{font-size:14px;font-weight:900;color:#7D5A0C}
/* Lumber Ledger */
.fx-pill{padding:6px 12px;border-radius:999px;font-weight:800;font-size:16px;border:2px solid #B4C8C4;background:#fff;color:#13202D}
.fx-pill-on{border-color:#22507B;background:#D2E4F1}
.fx-eq{font-size:24px;font-weight:900;color:#13202D;margin:10px 0 6px;font-variant-numeric:tabular-nums}
.fx-eq-ans{color:#22507B}
.fx-callout{display:flex;gap:12px;align-items:center;background:#D5EACB;border:3px solid #255A2A;border-radius:20px;padding:10px 12px;margin:8px 0 12px;font-size:18px;font-weight:800;line-height:1.4;color:#13202D}
.fx-callout svg{flex:0 0 auto}
.fx-cols{align-items:stretch}
.fx-colbox{flex:1 1 220px;border-radius:20px;padding:10px 12px;min-height:100px}
.fx-colbox h4{margin:0 0 6px;font-size:17px;font-weight:900}
.fx-have{background:#F1F8EC;border:3px solid #255A2A}.fx-have h4{color:#255A2A}
.fx-owe{background:#FBF3EF;border:3px dashed #8E2F22}.fx-owe h4{color:#8E2F22}
.fx-chip{display:inline-block;line-height:0;position:relative}
.fx-ic{display:block}
.fx-new{animation:fx-pop .5s ease both}
.fx-zero .fx-ic{outline:2px dashed #255A2A;outline-offset:1px;border-radius:6px}
.fx-poof{animation:fx-poof 1.4s .4s ease both;opacity:.18}
.fx-crossed{opacity:.5}
.fx-crossed::after{content:"";position:absolute;left:-2px;right:-2px;top:46%;height:4px;background:#22507B;border-radius:4px;transform:rotate(-20deg)}
.fx-nl{margin:14px 4px 4px}
@keyframes fx-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
@keyframes fx-poof{0%{transform:scale(1);opacity:1}60%{transform:scale(1.4);opacity:.5}100%{transform:scale(.9);opacity:.18}}
/* Depot Counter */
.fx-receipt{flex:1 1 280px;max-width:430px;background:#FBF8EE;border:3px solid #161616;border-radius:14px;padding:12px 18px;box-shadow:4px 4px 0 #A3C3E0}
.fx-receipt-head{text-align:center;font-weight:900;font-size:18px;color:#1D4A75;margin-bottom:6px}
.fx-receipt table{width:100%;border-collapse:collapse;font-size:19px;color:#13202D}
.fx-receipt th{text-align:left;font-weight:700;padding:6px 0;border-bottom:2px dotted #B4C8C4}
.fx-receipt td{text-align:right;padding:6px 0;border-bottom:2px dotted #B4C8C4;font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.fx-receipt .fx-big th,.fx-receipt .fx-big td{font-weight:900;font-size:22px}
.fx-each{color:#3A4E5F;font-size:15px;font-weight:700}
.fx-goods{display:flex;flex-direction:column;gap:6px;align-items:center;flex:0 1 220px}
/* Trading Post Sale */
.fx-plank{display:flex;gap:3px;background:#7A5530;border:4px solid #161616;border-radius:10px;overflow:hidden}
.fx-piece{flex:1;min-width:0;background:#DDB985;padding:10px 2px;text-align:center;color:#13202D;display:flex;flex-direction:column;align-items:center;gap:2px}
.fx-piece b{font-size:17px;font-weight:900}
.fx-piece .fx-each{font-size:15px;font-weight:800;color:#13202D}
.fx-p10 .fx-piece b{font-size:12px}.fx-p10 .fx-piece .fx-each{font-size:11px}
.fx-off{background-color:#A3C3E0;background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.55) 8px 14px)}
.fx-knot{width:16px;height:10px;border-radius:50%;background:#7A5530;opacity:.55}
.fx-off .fx-knot{background:#1D4A75}
.fx-key{display:inline-block;width:16px;height:16px;background:#A3C3E0;border:2px solid #1D4A75;border-radius:4px;vertical-align:middle}
/* Mortar Mixing */
.fx-batch{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;background:#F7E4A6;border:3px solid #7D5A0C;border-radius:18px;padding:8px 14px;color:#13202D;font-size:17px}
.fx-colon{font-size:22px}
.fx-legend{margin:6px 0 10px;font-size:14px;font-weight:800;color:#3A4E5F}
.fx-rows{display:flex;flex-direction:column;gap:6px}
.fx-brow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:4px 10px;color:#13202D}
.fx-brow:nth-child(even){background:#E5EEE8}
.fx-bl{font-weight:800;color:#3A4E5F;width:72px;font-size:15px}
.fx-rtable{margin-top:12px;border-collapse:collapse;font-size:18px;font-weight:800;color:#13202D;font-variant-numeric:tabular-nums}
.fx-rtable th,.fx-rtable td{padding:6px 12px;border:2px solid #B4C8C4;text-align:center}
.fx-rtable tr:first-child>*{background:#F3F1E8}.fx-rtable tr:last-child>*{background:#F0E5C4}
/* Timber Cuts */
.fx-beam-wrap{margin-bottom:10px}
.fx-beam-label{font-weight:800;color:#13202D;font-size:17px;margin-bottom:4px}
.fx-beam{display:flex;gap:3px;background:#161616;border:4px solid #161616;border-radius:8px;overflow:hidden}
.fx-sec{flex:1;min-width:0;height:44px;background:#EBD3A8;display:flex;align-items:flex-end;justify-content:center}
.fx-beam-tall .fx-sec{height:70px;padding-bottom:4px}
.fx-sec em{font-style:normal;font-size:13px;font-weight:800;color:#13202D;background:rgba(255,255,255,.75);border-radius:6px;padding:0 4px}
.fx-a{background:#5C8DC2;background-image:repeating-linear-gradient(-45deg,transparent 0 9px,rgba(255,255,255,.25) 9px 13px)}
.fx-b{background:#4E8A55;background-image:repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.25) 9px 13px)}
/* Catapult Scale */
.fx-scale{max-width:640px;margin:0 auto}
.fx-wtag{display:inline-block;background:#58626A;color:#fff;border:3px solid #161616;border-radius:10px 10px 6px 6px;padding:4px 10px;font-weight:900;font-size:18px}
@media (max-width:560px){
  .fx-odd{display:none}
  .fx-nl text{font-size:24px}
  .fx-eq{font-size:21px}
  .fx-wagon{width:112px}
  .fx-p10 .fx-piece b{font-size:10px}.fx-p10 .fx-piece .fx-each{font-size:9px}
  .fx-p10 .fx-piece{padding:8px 0}
}
.sg2-still .fx-new,.sg2-still .fx-poof{animation:none!important}
@media (prefers-reduced-motion: reduce){.fx-new,.fx-poof{animation:none!important}}