.mobile-shell .mp-shell:is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) { --sg-brand:var(--theme-primary,#007f7b); --sg-deep:var(--theme-primary-deep,#005a57); --sg-surface:#fff; --sg-soft:#edf5f7; --sg-ink:#193b4e; --sg-muted:#647f8e; --sg-line:#c9dde6; padding-bottom:0!important; }
html[data-app-theme=neon] .mobile-shell .mp-shell:is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) { --sg-surface:#172c42; --sg-soft:#10253a; --sg-ink:#eff8ff; --sg-muted:#b1c7d8; --sg-line:#38566d; }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-header { min-height:56px; padding:7px 10px!important; gap:7px; background:linear-gradient(125deg,var(--sg-brand),var(--sg-deep)); }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-header h1 { white-space:normal; font-size:clamp(15px,3.8vw,19px); line-height:1.25; color:#fff!important; }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-back { width:28px; height:32px; }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-wallet-pill { min-height:32px; padding:0 8px; font-size:11px; }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-content { padding:10px 10px 160px!important; }
.sangam-play { color:var(--sg-ink); }
.sangam-play input,.sangam-play button { font:inherit; touch-action:manipulation; }
.sangam-intro { display:flex; align-items:center; gap:9px; margin:1px 0 13px; }
.sangam-mark { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; border:1px solid #ffffffb0; border-radius:13px; background:linear-gradient(135deg,color-mix(in srgb,var(--sg-brand),white 30%),var(--sg-deep)); color:#fff; font-size:23px; font-weight:850; box-shadow:0 3px 8px #133c5025,inset 0 1px 3px #ffffff90; }
.sangam-intro h2 { font-size:17px; line-height:1.3; margin:0; color:var(--sg-ink); }
.sangam-intro p { margin:3px 0 0; font-size:10px; color:var(--sg-muted); }
.sangam-intro p>span { margin:0 3px; }
.sangam-badge { margin-left:auto; white-space:nowrap; border:1px solid var(--sg-line); border-radius:9px; padding:6px 8px; background:var(--sg-surface); color:var(--sg-ink); font-size:11px; font-weight:750; }
.sangam-form { margin:0; padding:12px; border:1px solid var(--sg-line); border-radius:18px; background:var(--sg-surface); box-shadow:0 4px 14px #123c5010; }
.sangam-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sangam-form label { display:block; min-width:0; }
.sangam-form label>span { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-bottom:6px; font-size:12px; font-weight:750; color:var(--sg-ink); }
.sangam-form label small { color:var(--sg-muted); font-size:9px; font-weight:500; }
.sangam-form input { display:block; width:100%; min-width:0; height:52px; margin:0; border:1px solid var(--sg-line); border-radius:12px; padding:10px 12px; background:var(--sg-soft); color:var(--sg-ink); font-size:23px; font-weight:750; letter-spacing:1px; box-shadow:inset 0 1px 3px #163c5008; }
.sangam-form input::placeholder { color:var(--sg-muted); font-size:14px; font-weight:400; letter-spacing:0; }
.sangam-form input:focus { outline:2px solid var(--sg-brand); outline-offset:1px; }
.sangam-form input[aria-invalid=true] { border-color:#c72550; }
.sangam-add-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:10px; align-items:end; margin-top:12px; }
.sangam-add { display:flex; align-items:center; justify-content:center; gap:5px; height:52px; padding:8px 5px; border:1px solid #ffffff50; border-radius:12px; background:linear-gradient(125deg,var(--sg-brand),var(--sg-deep)); color:#fff; box-shadow:0 3px 0 #123d5030,inset 0 1px 3px #ffffff60; font-size:clamp(11px,3.1vw,14px)!important; font-weight:750!important; cursor:pointer; }
.sangam-add>span { font-size:19px; line-height:1; }
.sangam-add:active { transform:translateY(1px); }
.sangam-add:disabled { opacity:.5; cursor:default; }
.sangam-preview { display:flex; align-items:center; gap:9px; margin-top:13px; border-top:1px dashed var(--sg-line); padding-top:10px; font-variant-numeric:tabular-nums; }
.sangam-preview>span { color:var(--sg-ink); font-size:17px; font-weight:750; min-width:22px; }
.sangam-preview>i { font-style:normal; color:var(--sg-muted); }
.sangam-preview>small { margin-left:auto; color:var(--sg-muted); font-size:10px; }
.sangam-feedback { margin:10px 0 0; padding:8px; border-radius:9px; background:#fff0f4; color:#b41e45; font-size:11px; line-height:1.5; }
.sangam-list-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:36px; margin:14px 0 8px; }
.sangam-list-heading>strong { display:flex; gap:7px; align-items:center; font-size:13px; }
.sangam-list-heading strong>span { display:grid; place-items:center; min-width:23px; height:23px; padding:0 5px; border:1px solid var(--sg-line); border-radius:8px; background:var(--sg-soft); color:var(--sg-ink); font-size:11px; }
.sangam-list-heading>button { border:1px solid var(--sg-line); border-radius:9px; min-height:32px; padding:5px 9px; background:var(--sg-surface); color:var(--sg-ink); font-size:11px; font-weight:650; cursor:pointer; }
.sangam-list { display:grid; gap:8px; }
.sangam-bid { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid var(--sg-line); border-radius:13px; background:var(--sg-surface); box-shadow:0 3px 8px #133b4e08; }
.sangam-order { display:grid; place-items:center; flex-shrink:0; min-width:25px; height:28px; border-radius:8px; background:var(--sg-soft); color:var(--sg-muted); font-size:11px; font-weight:700; }
.sangam-values { min-width:0; }
.sangam-values>strong { display:flex; align-items:center; gap:7px; color:var(--sg-ink); font-size:21px; line-height:1.3; font-variant-numeric:tabular-nums; }
.sangam-values i { font-style:normal; color:var(--sg-muted); font-size:14px; }
.sangam-values>small { display:block; margin-top:3px; color:var(--sg-muted); font-size:9px; }
.sangam-amount { min-width:0; margin-left:auto; text-align:right; overflow-wrap:anywhere; }
.sangam-amount>strong { display:block; font-size:17px; color:var(--sg-ink); }
.sangam-amount>small { display:block; font-size:9px; color:var(--sg-muted); }
.sangam-bid>button { display:grid; place-items:center; flex-shrink:0; width:30px; height:34px; padding:0; border:1px solid #edc9d2; border-radius:9px; background:#fff2f5; color:#ba244a; font-size:21px; cursor:pointer; }
.sangam-empty { display:grid; justify-items:center; gap:7px; text-align:center; border:1px dashed var(--sg-line); border-radius:15px; padding:22px 9px; color:var(--sg-muted); }
.sangam-empty>span { font-size:27px; line-height:1; color:var(--sg-brand); }
.sangam-empty>strong { font-size:13px; color:var(--sg-ink); }
.sangam-empty>small { font-size:11px; }
.sangam-play button:focus-visible { outline:3px solid #ffc342; outline-offset:2px; }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-bottom-bar { min-height:62px; background:var(--sg-surface); color:var(--sg-ink); }
.mobile-shell :is(.game-half_sangam_a,.game-half_sangam_b,.game-full_sangam) .mp-submit-btn { min-height:44px; background:linear-gradient(125deg,var(--sg-brand),var(--sg-deep)); }
@media(max-width:350px) { .sangam-form { padding:10px; } .sangam-values>strong { font-size:18px; } .sangam-bid { gap:6px; padding:9px 7px; } .sangam-order { min-width:21px; } }