#fieldKit{position:fixed;left:18px;bottom:18px;z-index:18;width:280px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
#fieldKit:not(:has(> :not([hidden]))){display:none}
#fieldKit .potion-belt{position:static;transform:none;left:auto;bottom:auto;width:100%;max-width:none;display:flex;flex-wrap:wrap;overflow:visible;gap:5px;padding:7px;background:#203b3aeF;border:1px solid #ab9362;box-shadow:2px 3px #142d2c70;pointer-events:auto}
#fieldKit .potion-belt>small{display:block;writing-mode:horizontal-tb;letter-spacing:1px;padding:0 0 4px;border:0;background:none;width:100%;color:#d8c598;font-size:10px}
#fieldKit .potion-belt button{width:39px;height:44px}
#fieldKit .potion-belt img{width:32px;height:32px}
#fieldKit .potion-belt .cloud-toggle{width:73px;margin-left:0}
#fieldKit #cannonHud{position:static;display:flex;width:100%;max-width:none;min-height:72px;margin:0;padding:8px;gap:8px;pointer-events:auto;border:1px solid #ab9362;border-top:3px solid #c5ae78;border-radius:2px;box-shadow:2px 3px #142d2c70}
#fieldKit #cannonHud[hidden],#fieldKit .potion-belt[hidden]{display:none}
#cannonHud .cannon-hud-icon{width:45px;height:51px;flex-shrink:0}
.cannon-hud-copy{flex:1;min-width:0}.cannon-hud-copy>b{display:flex;justify-content:space-between;gap:8px;font-size:13px}.cannon-hud-copy em{font-style:normal;color:#f4d995}.cannon-hud-copy>small{font-size:10px;line-height:16px}
.cannon-ammo-icons{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.cannon-ammo-icons>span{display:flex;align-items:center;background:#122c2c66;padding:1px 3px}
#cannonHud .cannon-ammo-icons img{width:21px;height:20px;object-fit:contain}.cannon-ammo-icons i{font-size:10px;font-style:normal;color:#d8d4b8}
#cannonHud.aiming{border-color:#ecd586;background:#354c3f}#cannonHud:disabled{opacity:.8;cursor:default}
.cannon-prepared{padding:10px 22px;background:#e5d8b9;flex-shrink:0}.cannon-prepared>b{font-size:12px;color:#635236}.cannon-prepared>div{max-height:94px;overflow:auto;margin-top:5px}.cannon-prepared article{display:flex;align-items:center;gap:10px;font-size:11px;border-top:1px solid #bda57b55;padding:5px 0}.cannon-prepared article small{flex:1;line-height:1.5}.cannon-prepared button{font-size:10px;padding:4px 7px;background:#eae0c7;color:#4d5f4b;border:1px solid #a29171;white-space:nowrap}
.cannon-rounds{flex-shrink:0;font-size:11px;width:64px}.cannon-rounds input{width:60px;padding:5px;margin-top:5px;border-radius:2px}
#chatLog{bottom:var(--support-clearance,123px)}
body.chat-writing #chatLog{bottom:max(var(--support-clearance,123px),218px)}
.expedition-fallen{background:#263c46ec;border:1px solid #acc8c2;border-left:3px solid #a4d7d0;padding:10px 12px;color:#e0f3ea;font-size:12px;line-height:1.6;box-shadow:2px 3px #142d2c70}
.expedition-fallen b{display:block;font-size:17px;letter-spacing:2px}.expedition-fallen small{display:block;color:#b8d1cc;font-size:11px}
.recording-ui #fieldKit{display:none!important}
@media(max-width:1220px){#fieldKit{left:10px;bottom:var(--dock-clearance,120px);width:250px}}
@media(max-width:650px){#fieldKit{width:220px}#fieldKit .potion-belt{gap:4px;padding:5px}#fieldKit .potion-belt>small{display:none}#fieldKit .potion-belt button{width:35px;height:40px}.cannon-prepared{padding:8px 14px}.cannon-prepared article{flex-wrap:wrap}.cannon-rounds{margin-left:auto}}
@media(max-height:740px){
 #cannonPanel .cannon-head{padding:8px 18px}#cannonPanel .cannon-head h2{font-size:22px}
 #cannonPanel .cannon-intro{padding:4px 18px;gap:12px}#cannonPanel .cannon-intro>img{width:76px;height:76px}
 #cannonPanel .cannon-intro h3{font-size:16px}#cannonPanel .cannon-intro p{font-size:12px;line-height:1.5;margin:4px 0}#cannonPanel .cannon-intro small{font-size:10px}
 #cannonPanel .cannon-prepared{padding:5px 18px}#cannonPanel .cannon-prepared>div{max-height:54px}
 #cannonPanel .cannon-tabs{padding-top:7px}#cannonPanel .cannon-tabs button{padding:7px}
 #cannonPanel .cannon-inventory-head{padding:9px 18px}
 #cannonPanel .cannon-footer{padding:9px 18px}#cannonPanel .cannon-footer small{font-size:11px;max-width:300px}
 #cannonPanel .cannon-footer button{padding:10px 12px}
}
@media(max-height:520px){#cannonPanel .cannon-intro{display:none}#cannonPanel .cannon-prepared>div{max-height:36px}}