/* Small contextual controls live beside physical props, below existing game chrome. */
#club-throw-ui { font-family:Arial,sans-serif; color:#f0e8d4; }
#club-throw-ui [hidden] { display:none!important; }
#club-throw-ui * { box-sizing:border-box; }
#club-throw-picker { position:fixed; width:134px; padding:10px 11px 8px; border:1px solid #b8a16c99; border-radius:9px; background:#112c2bf5; box-shadow:0 5px 20px #0005; z-index:30; }
.club-throw-picker-title { display:block; font:12px Georgia; color:#f1db9d; margin-bottom:9px; }
#club-throw-denominations { display:grid; grid-template-columns:repeat(3,30px); gap:9px; }
#club-throw-ui .club-throw-denom { width:30px; min-width:0; height:30px; min-height:0; border:1px dashed #e5d4a88c; border-radius:50%; color:#f0e5c9; background:#32544b; box-shadow:0 2px #051819; font:bold 9px Arial; padding:0; cursor:pointer; }
#club-throw-ui .club-throw-denom.selected { outline:1px solid #ecd397; outline-offset:3px; background:#536e53; }
#club-throw-ui .club-throw-denom:disabled { opacity:.35; cursor:default; }
#club-throw-ui .club-throw-denom:focus-visible { outline:2px solid #efd492; outline-offset:3px; }
#club-throw-denomination-note { display:block; text-align:center; color:#b6c6b8; font-size:10px; margin-top:10px; }
#club-throw-hint { position:fixed; transform:translate(-50%,-100%); padding:6px 9px; background:#102b2af5; border:1px solid #b49a62a8; border-radius:5px; color:#eee0bc; font-size:11px; white-space:nowrap; pointer-events:none; z-index:31; }
#club-throw-status { position:fixed; max-width:min(340px,calc(100vw - 24px)); padding:7px 11px; background:#102c2aee; border:1px solid #b49a6244; border-radius:5px; color:#dce4ce; font-size:12px; text-align:center; pointer-events:none; z-index:31; }
#club-throw-held { position:fixed; pointer-events:none; z-index:31; transform:rotate(-12deg); filter:drop-shadow(3px 6px 5px #0006); }
.club-throw-card { position:relative; display:flex; align-items:center; justify-content:center; width:63px; height:90px; background:#f0e8d4; border:1px solid #baa97e; border-radius:5px; font:33px Georgia; color:#112e39; }
.club-throw-card.red { color:#9e322d; }
.club-throw-card>canvas { display:block; width:100%; height:100%; border-radius:4px; }
.club-throw-corner { position:absolute; top:5px; left:5px; font:bold 17px Georgia; line-height:.95; text-align:center; }
.club-throw-corner span { display:block; font-size:11px; margin-top:3px; }
.club-throw-corner.bottom { top:auto; left:auto; bottom:5px; right:5px; transform:rotate(180deg); }
.club-throw-transfer { position:fixed; transform:translate(-50%,-50%); font:bold 16px Georgia; color:#f5d288; text-shadow:0 2px 6px #000; pointer-events:none; z-index:29; animation:club-throw-credit 1.2s ease-out forwards; }
@keyframes club-throw-credit { 0% {opacity:0;margin-top:12px} 15%,60% {opacity:1} 100% {opacity:0;margin-top:-30px} }
@media(prefers-reduced-motion:reduce) { .club-throw-transfer { animation:none; } }