.tripwire-game{height:100%;display:flex;flex-direction:column;gap:8px;padding:12px;background:#112533e8;border:1px solid #cbb58b;border-radius:10px;box-sizing:border-box}.tripwire-game h3{margin:0;text-align:center;color:#fff1dc;font:800 23px 'Barlow Condensed',sans-serif}#trip-field{position:relative;flex:1;min-height:150px;border:1px solid #ffffff30;border-radius:6px;background:#0d202acc;overflow:hidden}.trip-route{position:absolute;width:11.12%;height:20%;display:flex;align-items:center;justify-content:center;background:#cbb58b22;border:1px solid #cbb58b18;color:#d3c8ad;font-size:24px;font-weight:800;box-sizing:border-box}.trip-route:first-child{font-size:12px}.trip-pad{position:absolute;transform:translate(-50%,-50%);width:66px;min-height:45px;padding:4px 2px;border:2px solid #7fdbc0;border-radius:6px;background:#163f3e;color:#ecffee;font-size:12px;font-weight:800;z-index:2;touch-action:manipulation}.trip-pad.armed{background:#63501e;border-color:#ffe094;color:#fff4bf;box-shadow:0 0 12px #f3d88755}.trip-pad:disabled{opacity:.75}.trip-pad.armed:disabled{opacity:1}.trip-jeeter{position:absolute;transform:translate(-50%,-65%);font-size:35px;z-index:3;pointer-events:none;filter:drop-shadow(0 4px 2px #0008)}.trip-supply{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#86e7bd}.trip-supply progress{width:110px;height:10px;accent-color:#86e7bd}.tripwire-game p{margin:0;color:#d7e5df;font-size:14px;line-height:1.4}#extra-controls:has(#trip-control-0){gap:8px}#extra-controls [id^="trip-control-"]{min-width:0;flex:1;max-width:190px;padding:10px 5px;min-height:52px;font-size:14px}#extra-controls .armed{background:#63501e;color:#fff4bf;border-color:#ffe094}
@media(max-width:520px){.tripwire-game{padding:8px;gap:6px}.tripwire-game h3{font-size:18px}.tripwire-game p{font-size:12px}.trip-pad{width:48px;font-size:10px;min-height:42px}.trip-jeeter{font-size:28px}#extra-controls [id^="trip-control-"]{font-size:12px}.trip-route{font-size:20px}}