/* Same transparent table HUD, typography and control tokens as the chip tray. */
.session-hud{position:absolute;z-index:7;top:max(16px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:var(--space-5);color:var(--text-primary);text-shadow:0 1px 5px #000;pointer-events:auto;cursor:default}
.session-hud>div{display:flex;flex-direction:column;gap:var(--space-1)}
.session-hud span,.session-hud small{font-size:12px;color:var(--text-muted)}
.session-hud strong{font:600 24px/1.2 var(--font-money);font-variant-numeric:tabular-nums}
.session-hud small b{font-weight:500}
.session-hud button{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:8px;background:var(--color-field);pointer-events:auto}
.session-hud>.session-hud-actions{flex-direction:row;gap:var(--space-2)}
.session-hud-actions button{touch-action:none;user-select:none;-webkit-touch-callout:none}
#activeToss{border-color:var(--color-gold);color:var(--color-gold)}
.toss-coin-target{position:absolute;z-index:6;width:64px;height:64px;min-width:64px;min-height:64px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);touch-action:none;user-select:none;-webkit-touch-callout:none;cursor:pointer}
.toss-coin-target svg{width:100%;height:100%;overflow:visible;pointer-events:none;transform:rotate(-90deg)}
.toss-coin-target circle{fill:none;stroke-width:1.5}
.toss-charge-track{stroke:var(--text-muted);opacity:.5}
.toss-charge-fill{stroke:var(--color-gold);stroke-width:2.5!important;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--toss-charge,0))}
.toss-coin-target:focus-visible{outline:2px solid var(--color-green);outline-offset:4px}
#sessionToss{position:relative;overflow:hidden}
#sessionToss::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--color-gold);transform:scaleX(var(--toss-charge,0));transform-origin:left;pointer-events:none}
.session-controls{position:absolute;z-index:7;left:50%;bottom:calc(58px + env(safe-area-inset-bottom,0px));width:min(560px,calc(100% - 32px));transform:translateX(-50%);text-align:center;color:var(--text-primary);text-shadow:0 1px 5px #000}
.session-controls h2{font-size:18px;font-weight:600;margin-bottom:var(--space-2)}
.session-controls p{font-size:12px;color:var(--text-muted);margin:var(--space-3) 0;line-height:1.6}
.session-action{min-height:52px;width:100%;padding:var(--space-3) var(--space-4);border-radius:8px;border:1px solid var(--color-line);background:var(--color-panel);color:var(--text-primary);font:650 16px var(--font-bet);text-shadow:none;transition:transform 120ms var(--ease-standard),filter 120ms var(--ease-standard)}
.session-action:hover:not(:disabled){filter:brightness(1.15)}
.session-action:active:not(:disabled){transform:translateY(1px)}
.session-action.primary{background:var(--color-green);color:var(--color-on-green);border-color:var(--color-green)}
.session-choices{display:flex;gap:var(--space-3)}
#sessionDecision{transition:opacity 180ms var(--ease-standard)}
.arena[data-toss-active="true"] #sessionDecision{opacity:0;pointer-events:none}
.session-choices .session-action{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-1);align-items:center;border-color:var(--color-gold);border-radius:8px;background:var(--color-field);color:var(--text-primary);touch-action:none;user-select:none;-webkit-touch-callout:none}
.session-choices .session-action>span{font:700 14px/20px var(--font-ui);color:var(--text-primary)}
.session-choices #sessionToss>span{color:var(--color-gold)}
.session-choices .session-action:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}
.session-choices strong{font:700 clamp(18px,5vw,24px)/1.25 var(--font-money);color:var(--text-primary);font-variant-numeric:tabular-nums}
.session-choices small{font:500 11px var(--font-ui);color:var(--text-muted);white-space:nowrap}
.session-total{display:flex;justify-content:center;gap:var(--space-6);margin:0 0 var(--space-2)}
.session-total span,.session-paid{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;color:var(--text-muted)}
.session-total strong{font:600 22px var(--font-money);color:var(--text-primary)}
.session-paid strong{font:600 36px var(--font-money);color:var(--text-primary)}
.session-result-heading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}
#sessionResult h2{margin:0}
#sessionResult .session-action{max-width:320px}
.session-double{font:750 40px/1 var(--font-money);letter-spacing:-.06em;color:var(--color-gold);text-shadow:0 2px 8px #0008}
.session-payout{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:var(--space-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.session-original{font:500 22px/1.2 var(--font-money);color:var(--text-muted)}
.session-payout-arrow{font:500 24px/1 var(--font-money);color:var(--color-gold)}
#sessionResult[data-outcome="win"] .session-paid strong{font-size:44px;color:var(--text-primary)}
.arena[data-session-phase]:not([data-session-phase="active"]) .bet-controls{display:none}
.arena[data-session-phase]:not([data-session-phase="active"])::after{background:linear-gradient(180deg,#100a0840 0,transparent 16%,transparent 48%,#100a08ef 90%)}
@media(max-width:600px){
  .session-hud{top:max(12px,env(safe-area-inset-top));left:12px;right:114px;display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-3)}
  .session-hud strong{font-size:20px}
  .session-hud span,.session-hud small{font-size:11px}
  .session-hud button{min-width:64px;min-height:44px;padding:var(--space-2) var(--space-3);font-size:12px}
  .session-hud>.session-hud-actions{grid-column:1/-1}
  .session-controls{bottom:calc(50px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px)}
  .session-controls h2{margin-bottom:var(--space-3)}
  .session-choices{gap:var(--space-2)}
  .session-choices .session-action{padding:var(--space-3) var(--space-2)}
  #sessionResult h2{font-size:14px;margin:0}
  .session-double{font-size:36px}
  #sessionResult[data-outcome="win"] .session-paid strong{font-size:36px}
  .session-original{font-size:18px}
  .session-payout{gap:var(--space-2)}
  #sessionResult p{margin:var(--space-2) 0}
}
@media(max-width:900px) and (max-aspect-ratio:1/1){
  .arena[data-session-phase]:not([data-session-phase="active"]){--portrait-hud-space:284px}
}
@media(max-height:540px) and (min-aspect-ratio:1/1){
  .session-controls{width:min(560px,calc(100% - 32px));bottom:calc(48px + env(safe-area-inset-bottom,0px))}
  .session-controls h2{margin-bottom:var(--space-2)}
  .session-hud{max-width:calc(100% - 300px);gap:var(--space-2);flex-wrap:wrap}
  .session-double{font-size:32px}
  #sessionResult[data-outcome="win"] .session-paid strong{font-size:32px}
  #sessionResult p{margin:var(--space-1) 0}
  #sessionResult .session-action{min-height:44px}
}