.mobile-shell .mp-shell.game-two_digit_pana { --cp-brand:var(--theme-primary,#007f7b); --cp-deep:var(--theme-primary-deep,#005a57); --cp-surface:#fff; --cp-soft:#edf5f8; --cp-ink:#1c3a4d; --cp-muted:#647f90; --cp-line:#cbdfe9; padding-bottom:0!important; }
html[data-app-theme=neon] .mobile-shell .mp-shell.game-two_digit_pana { --cp-surface:#172c42; --cp-soft:#10253a; --cp-ink:#eff8ff; --cp-muted:#afc6d8; --cp-line:#38566e; }
.mobile-shell .game-two_digit_pana .mp-header { min-height:56px; padding:7px 10px!important; gap:7px; background:linear-gradient(120deg,var(--cp-brand),var(--cp-deep)); }
.mobile-shell .game-two_digit_pana .mp-header h1 { font-size:clamp(14px,3.7vw,18px); white-space:normal; line-height:1.25; color:#fff!important; }
.mobile-shell .game-two_digit_pana .mp-back { width:28px; height:32px; }
.mobile-shell .game-two_digit_pana .mp-wallet-pill { min-height:32px; padding:0 8px; font-size:11px; }
.mobile-shell .game-two_digit_pana .mp-content { padding:10px 10px 160px!important; }
.cp-page { color:var(--cp-ink); }
.cp-page button,.cp-page input,.cp-page select { font:inherit; touch-action:manipulation; }
.cp-intro { display:flex; align-items:center; gap:9px; margin-bottom:12px; }
.cp-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid #ffffffc0; border-radius:12px; color:#fff; background:linear-gradient(135deg,#5dcfff,var(--cp-deep)); box-shadow:0 3px 7px #123c5025,inset 0 1px 3px #ffffffb0; font-size:16px; font-weight:900; }
.cp-intro strong { display:block; font-size:15px; }
.cp-intro small { display:block; color:var(--cp-muted); font-size:10px; margin-top:3px; }
.cp-session { margin-left:auto; max-width:35%; }
.cp-session .cp-select,.cp-session>span { min-height:40px; width:100%; display:block; border:1px solid var(--cp-line); border-radius:11px; padding:8px; background:var(--cp-surface); color:var(--cp-ink); font-size:12px; font-weight:750; }
.cp-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cp-fields label { font-size:12px; font-weight:750; }
.cp-fields input { display:block; min-width:0; width:100%; height:48px; margin-top:5px; border:1px solid var(--cp-line); border-radius:13px; padding:8px 12px; background:var(--cp-surface); color:var(--cp-ink); font-size:22px; font-weight:750; }
.cp-fields input::placeholder { font-size:15px; color:var(--cp-muted); font-weight:400; }
.cp-fields input[aria-invalid=true] { border-color:#d12c55; }
.cp-fields input:focus { outline:2px solid var(--cp-brand); outline-offset:1px; }
.cp-toolbar { display:flex; align-items:center; gap:8px; justify-content:space-between; margin:14px 0 8px; }
.cp-toolbar strong { font-size:13px; }
.cp-toolbar button,.cp-selected header button { background:var(--cp-surface); color:var(--cp-ink); border:1px solid var(--cp-line); border-radius:9px; min-height:34px; padding:6px 10px; font-size:11px; font-weight:700; cursor:pointer; }
.cp-pairs { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; padding:9px; background:var(--cp-soft); border:1px solid var(--cp-line); border-radius:14px; margin-bottom:10px; }
.cp-pairs button { min-width:0; min-height:38px; border:1px solid var(--cp-line); border-radius:10px; background:var(--cp-surface); color:var(--cp-ink); font-size:16px; font-weight:750; cursor:pointer; box-shadow:0 2px 3px #183f5310; }
.cp-pairs button.active { color:#fff; background:var(--cp-deep); border-color:var(--cp-deep); }
.cp-preview { border:1px solid var(--cp-line); border-radius:16px; background:var(--cp-surface); padding:10px; box-shadow:0 4px 12px #153f5310; }
.cp-preview-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; font-size:11px; color:var(--cp-muted); }
.cp-preview-head button { min-height:36px; padding:6px 12px; color:#fff; background:linear-gradient(125deg,var(--cp-brand),var(--cp-deep)); border:0; border-radius:10px; font-size:12px; font-weight:750; cursor:pointer; }
.cp-panas { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.cp-pana { display:grid; align-content:center; gap:5px; min-height:70px; padding:8px 2px; border:1px solid var(--cp-line); border-radius:12px; background:linear-gradient(145deg,var(--cp-surface),var(--cp-soft)); color:var(--cp-ink); cursor:pointer; box-shadow:0 3px 0 #163c5012,inset 0 1px 2px #ffffff50; transition:transform .12s,box-shadow .12s; }
.cp-pana strong { font-size:clamp(17px,4.8vw,22px); line-height:1.2; }
.cp-pana span { font-size:10px; font-weight:700; opacity:.8; }
.cp-pana.shape-dp { color:#2368d8; border-color:#a9c7ef; }
.cp-pana.shape-tp { color:#cb2053; border-color:#efadbf; }
.cp-pana.selected { background:linear-gradient(135deg,var(--cp-brand),var(--cp-deep)); color:#fff; border-color:var(--cp-deep); box-shadow:0 3px 0 #0833443b,inset 0 1px 2px #ffffff80; }
.mobile-shell .game-two_digit_pana .cp-pana.selected strong,.mobile-shell .game-two_digit_pana .cp-pana.selected span { color:#fff!important; }
.cp-pana:active,.cp-pairs button:active { transform:scale(.95); }
.cp-page button:focus-visible { outline:3px solid #ffc342; outline-offset:2px; }
.cp-page button:disabled { cursor:default; opacity:.5; }
.cp-legend { display:flex; gap:10px; align-items:center; font-size:10px; margin:12px 0 4px; color:var(--cp-muted); }
.cp-legend span:nth-child(2) { color:#2368d8; }
.cp-legend span:nth-child(3) { color:#cb2053; }
.cp-legend small { margin-left:auto; font-size:9px; }
.cp-feedback { color:#c7214d; font-size:12px; line-height:1.5; margin:7px 0; }
.cp-feedback:empty { display:none; }
.cp-selected { margin-top:14px; }
.cp-selected header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; font-size:13px; }
.cp-selected-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.cp-selected-grid button { position:relative; min-width:0; min-height:56px; display:grid; gap:4px; border:1px solid var(--cp-line); background:var(--cp-surface); color:var(--cp-ink); border-radius:11px; padding:8px 14px 8px 5px; cursor:pointer; }
.cp-selected-grid strong { font-size:18px; }
.cp-selected-grid span { font-size:10px; color:var(--cp-muted); }
.cp-selected-grid i { position:absolute; right:5px; top:3px; font-style:normal; font-size:15px; color:#c7214d; }
.mobile-shell .game-two_digit_pana .mp-bottom-bar { min-height:62px; background:var(--cp-surface); color:var(--cp-ink); }
.mobile-shell .game-two_digit_pana .mp-bottom-bar .mp-submit-btn { min-height:44px; background:linear-gradient(125deg,var(--cp-brand),var(--cp-deep)); }
html[data-app-theme=neon] .cp-pana.shape-dp { color:#8cbbff; }
html[data-app-theme=neon] .cp-pana.shape-tp { color:#ff9cba; }
html[data-app-theme=neon] .cp-pana.selected { color:#fff; }
@media(prefers-reduced-motion:reduce) { .cp-page * { transition:none!important; } }