#c[data-frozen="true"]{cursor:grab;touch-action:none}
#c[data-frozen="true"]:active{cursor:grabbing}
#campaign #breakdowns-toggle{position:absolute;top:80px;left:20px;font-size:10px;padding:9px 12px;min-height:36px;border-radius:7px;color:#e9e1c4;background:#24483dec}
#campaign #breakdowns-toggle[aria-pressed="true"]{color:#203f33;background:#d4ddb0}
#campaign .moment-panel{position:absolute;right:24px;bottom:24px;width:350px;max-height:75%;display:flex;flex-direction:column;padding:16px;gap:10px;border:1px solid #a8bb90;border-radius:12px;background:#f0ecd9f5;color:#2f4938;pointer-events:auto;box-shadow:0 14px 50px #16312155}
#campaign .moment-panel header{display:flex;align-items:center;gap:8px;flex:none}
#campaign .moment-panel header>div{flex:1;min-width:0}
#campaign .moment-panel h2{font-size:25px;margin-top:4px;line-height:1.1}
#campaign .moment-panel #moment-info{min-height:44px;flex:none;padding:8px;font-size:10px;text-align:center;border-color:#64795444;color:#34513e;background:#dce2cb}
#campaign .moment-panel #moment-info:hover{background:#cbd6b6}
#campaign .moment-panel dl{display:block;overflow-y:auto;min-height:0;touch-action:pan-y;overscroll-behavior:contain}
#campaign .moment-panel dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:9px 0;border-bottom:1px solid #586d4022}
#campaign .moment-panel dt{font-size:11px;flex:0 0 105px}
#campaign .moment-panel dd{font-size:12px;text-align:right;color:#476144}
#campaign .moment-panel dl>div:last-child{font-weight:bold}
#campaign .moment-panel footer{display:flex;gap:8px;flex:none}
#campaign .moment-panel footer button{min-height:44px;padding:10px 12px;font-size:12px;text-align:center}
#campaign .moment-panel #continue-moment{flex:1}
#campaign .moment-panel [hidden]{display:none!important}
#campaign .moment-panel[data-collapsed="true"] h2{font-size:18px}
#campaign[data-moment="yes"] .action-controls,#campaign[data-moment="yes"] #shot-meter,#campaign[data-moment="yes"] #balance-hud,#campaign[data-moment="yes"] .move-hint{visibility:hidden!important}
#campaign #wardrobe-preview{position:relative;height:180px;flex:none;margin:12px 0 4px;background:radial-gradient(ellipse at bottom,#b5c2a4,#e2e5d3 70%);border-radius:9px;overflow:hidden;touch-action:manipulation;pointer-events:auto}
#campaign #wardrobe-preview canvas{position:static;width:100%;height:180px;touch-action:manipulation;pointer-events:auto}
#campaign .gear-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}
#campaign .gear-tabs button{font-size:11px;min-height:44px;padding:9px}
#campaign #jersey-number{font-size:18px;max-width:120px;margin-bottom:16px}
@media(max-width:650px) and (orientation:portrait){
 #campaign #breakdowns-toggle{top:calc(var(--safe-top) + 112px);left:12px;padding:8px;font-size:9px;min-height:36px;max-width:112px}
 #campaign .moment-panel{left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);width:auto;max-height:calc(44dvh - var(--safe-bottom) - 12px);padding:10px;gap:6px}
 #campaign .moment-panel h2{font-size:20px;margin-top:3px}
 #campaign .moment-panel dl>div{padding:6px 0;gap:8px}
 #campaign .moment-panel dt{font-size:10px;flex-basis:95px}
 #campaign .moment-panel dd{font-size:11px}
}
@media(max-height:500px) and (orientation:landscape){
 #campaign .moment-panel{right:14px;bottom:14px;width:280px;max-height:calc(100dvh - 80px);padding:12px;gap:7px}
 #campaign .moment-panel h2{font-size:20px}
 #campaign #breakdowns-toggle{top:73px;left:15px}
}

#campaign #block-action{position:relative;overflow:hidden}
#campaign[data-moment="yes"] #shot-outcome{visibility:hidden}