body{margin:0;background:#112e3c}#conveyor-catch{font:15px system-ui;color:#fff0dc;background:radial-gradient(ellipse at top,#264b53,#112e3c 85%)}#conveyor-catch *{box-sizing:border-box}#conveyor-catch main{max-width:620px;padding:12px;margin:auto;display:flex;flex-direction:column;gap:10px}#conveyor-catch header{display:flex;align-items:center;justify-content:space-between;gap:10px}#conveyor-catch h1{font-size:36px;letter-spacing:-1px;margin:3px 0}#conveyor-catch small{display:block;font-size:10px;letter-spacing:1.3px;color:#d7bda9}#conveyor-catch button{font:inherit;min-height:44px;padding:11px 15px;background:#443950;color:#fff0d9;border:1px solid #97808f;border-radius:12px;touch-action:none;cursor:pointer}#conveyor-catch button:disabled{opacity:.5;cursor:default}#conveyor-catch button:focus-visible,#conveyor-catch canvas:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}#conveyor-catch .primary{background:linear-gradient(135deg,#ffe8aa,#edb86c);color:#483148;font-weight:900;border:0;border-bottom:4px solid #9b6b50}#conveyor-catch .stats{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 15px;background:#2c2941;border:1px solid #836b78;border-radius:14px}#conveyor-catch b{font-size:26px;color:#ffe2a4;font-variant-numeric:tabular-nums}#conveyor-catch .stage{position:relative;aspect-ratio:6/7;border-radius:20px;overflow:hidden;border:2px solid #bc937d;background:#23364d}#conveyor-catch canvas{display:block;width:100%;height:100%;touch-action:none}#conveyor-catch #message{position:absolute;bottom:11px;left:15px;right:15px;text-align:center;background:#24223dea;padding:8px;border-radius:9px;font-size:11px;font-weight:800;pointer-events:none}#conveyor-catch #overlay{position:absolute;inset:0;display:grid;place-items:center;background:#14162bb8;padding:22px}#conveyor-catch #overlay[hidden]{display:none}#conveyor-catch #overlay section{max-width:405px;text-align:center;border:1px solid #c99d81;border-radius:21px;padding:24px;background:linear-gradient(135deg,#4b3653,#29263f)}#conveyor-catch h2{font-size:35px;line-height:1.08;letter-spacing:-1px;color:#ffe5b4;margin:12px 0}#conveyor-catch p{font-size:14px;line-height:1.55;color:#e3d8dd}#conveyor-catch .legend{font-size:11px;font-weight:800;color:#ffdb9e;margin:16px 0}#conveyor-catch .short{font-size:11px;margin-bottom:0}#conveyor-catch .rack{display:grid;grid-template-columns:1.1fr 1fr 1.4fr;align-items:center;gap:8px}#conveyor-catch .rack button{min-height:58px;font-size:11px;font-weight:850;padding:8px}#conveyor-catch #ammo{display:flex;gap:4px;margin:5px 0}#conveyor-catch #ammo i{height:20px;width:10px;background:#f6d18b;clip-path:polygon(50% 0,100% 35%,70% 35%,70% 100%,30% 100%,30% 35%,0 35%)}#conveyor-catch #ammo .used{background:#65596c}#conveyor-catch #reload-status{font-size:10px;color:#e0cbb6}#conveyor-catch .hint{font-size:11px;text-align:center;margin:0}@media(max-width:430px){#conveyor-catch h1{font-size:29px}#conveyor-catch #overlay section{padding:15px}#conveyor-catch h2{font-size:26px;margin:6px 0}#conveyor-catch #overlay p{font-size:12px;line-height:1.4}#conveyor-catch #overlay small{display:none}#conveyor-catch .legend{margin:10px 0}#conveyor-catch .rack button{font-size:10px}#conveyor-catch #message{font-size:10px}#conveyor-catch #ammo{gap:3px}#conveyor-catch #ammo i{width:8px}}

#conveyor-catch .controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px}#conveyor-catch .controls button{min-height:57px;font-size:12px;font-weight:850}#conveyor-catch .legend{line-height:1.7}
@media(max-width:430px){#conveyor-catch #overlay p{font-size:11px;line-height:1.35}#conveyor-catch h2{font-size:24px}}