*{box-sizing:border-box}html,body{margin:0;height:100%;background:#152921;color:#192b21;font-family:'Courier New',monospace}body{display:grid;place-items:center}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}#cabinet{width:min(100%,510px);height:100dvh;max-height:1000px;display:flex;flex-direction:column;background:#fff0c4;box-shadow:0 0 0 4px #0d2019;overflow:hidden}header,footer{flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#20392c;color:#fff0c4}header{padding-top:max(12px,env(safe-area-inset-top));border-bottom:4px solid #101e16}header b{font:bold italic 18px 'Arial Black',sans-serif}header button{background:none;border:1px solid #8b9d80;color:inherit;font:bold 11px monospace;padding:8px}footer{border-top:4px solid #14251d;padding-bottom:max(12px,env(safe-area-inset-bottom));text-align:center}footer div{font:bold 10px monospace;letter-spacing:1.5px;color:#c0ceae}footer strong{display:block;font:bold 23px monospace;color:#fff0c4;margin-top:3px}#field{position:relative;flex:1;min-height:0;background:#86d6df url('/art/field.webp') center bottom/100% 100% no-repeat;overflow:hidden;touch-action:none;user-select:none}#targets,#panel{position:absolute;inset:0}#panel{display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}#panel:empty{display:none}.card{background:#fff2ca;border:3px solid #273522;box-shadow:5px 6px 0 #273522;width:min(90%,355px);text-align:center;padding:20px 18px;position:relative}.hero{width:72%;max-height:15vh;object-fit:contain;filter:drop-shadow(3px 4px 0 #b29566)}h1,h2{font-family:Impact,'Arial Black',sans-serif;font-weight:1000;line-height:.87;letter-spacing:-.05em;margin:4px 0 12px}h1{color:#ce3b26;font-size:clamp(48px,13vw,73px);text-shadow:2px 3px #582b21}h2{font-size:36px}p{font-size:14px;font-weight:bold;line-height:1.4;margin:10px 0 16px}.action,input{width:100%;padding:12px;border:2px solid #263923;font-weight:900}.action{background:#fbbd3c;color:#203021;box-shadow:2px 3px #263923;margin:4px 0}.secondary{background:transparent;box-shadow:none}.sprite{position:absolute;left:0;top:0;display:grid;place-items:center;width:clamp(70px,20vw,100px);height:64px;will-change:transform;pointer-events:auto;background:none;border:none;padding:0}.sprite img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sprite span{font-size:45px;pointer-events:none}#hound{position:absolute;width:24%;bottom:10%;left:8%;opacity:0;transform:translateY(70%);transition:.15s;pointer-events:none}#hound.up{opacity:1;transform:none}#reaction{position:absolute;inset:0;pointer-events:none}.pop{position:absolute;font:bold 24px monospace;color:white;text-shadow:2px 2px #172a20,-1px -1px #172a20;animation:rise .6s forwards}@keyframes rise{to{transform:translateY(-30px);opacity:0}}ol{padding-left:34px;text-align:left;max-height:35vh;overflow:auto}li{padding:4px}li b{float:right}input{background:white;margin:8px 0}small{font-size:11px}label{font-weight:bold}@media(max-height:550px){.hero{display:none}.card{padding:10px}footer,header{padding:5px 16px}}
#field:before{content:'';position:absolute;bottom:0;right:5%;width:27%;height:15%;background:url('/art/gun.png') bottom right/contain no-repeat;pointer-events:none}