@import url('/pick-2/assets/pick2.css');

/* Pick 4-specific additions; the Pick 2 shell remains the visual reference. */
.pick4-result{font:700 24px 'Space Mono',monospace;letter-spacing:3px;color:var(--gold)}
.pick4-digits{display:flex;justify-content:center;gap:7px;margin:8px 0}
.pick4-digit{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:38px;border:1px solid var(--border);border-radius:7px;background:rgba(13,22,38,.7);font:700 19px 'Space Mono',monospace;color:var(--gold)}
.pick4-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pick4-position-panel{min-width:0}
.pick4-digit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pick4-digit-button{padding:9px 4px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);cursor:pointer;text-align:center}
.pick4-digit-button:hover,.pick4-digit-button:focus-visible{border-color:var(--gold);outline:2px solid rgba(245,197,66,.2);outline-offset:1px}
.pick4-digit-button strong{display:block;color:var(--gold);font:700 15px 'Space Mono',monospace}
.pick4-digit-button span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}
.pick4-code-input{font:700 20px 'Space Mono',monospace;letter-spacing:4px;text-align:center;text-transform:none}
.pick4-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pick4-form-grid label{display:grid;gap:5px;color:#d0d9e6;font-weight:600;font-size:12px}
.pick4-form-grid select{min-width:0}
.pick4-history-row{display:grid;grid-template-columns:minmax(70px,1fr) auto minmax(90px,.8fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:rgba(13,22,38,.65);font-size:12px}
.pick4-history-row strong{color:var(--gold);font:700 15px 'Space Mono',monospace;letter-spacing:2px}
.pick4-inline-results{display:grid;gap:7px;margin-top:12px}
.pick4-code-list{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px}
body[data-page="analyzer"] .pick4-code-list span{padding:7px 4px;border:1px solid var(--border);border-radius:6px;text-align:center;font:700 14px/1.3 'Space Mono',monospace;color:var(--gold)}
.pick4-note{line-height:1.55}
.pick4-how-to{margin:0 0 14px;padding:10px 12px;border-left:2px solid var(--gold-dim);background:rgba(13,22,38,.45)}
.pick4-how-to h3{margin:0 0 5px;color:var(--gold);font-size:13px}
.pick4-how-to p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5}
body[data-page="analyzer"] section.section:not(:has(.pick4-position-grid)):has(.summary-grid) .summary-stat strong{font-size:17px;line-height:1.25}
body[data-page="analyzer"] section.section:not(:has(.pick4-position-grid)):has(.summary-grid) .summary-stat span{font-size:11.5px;line-height:1.4}
@media(max-width:520px){.pick4-form-grid{grid-template-columns:repeat(2,1fr)}.pick4-history-row{grid-template-columns:1fr 1fr;gap:4px 8px}.pick4-code-list{grid-template-columns:repeat(4,1fr)}.pick4-position-grid{grid-template-columns:1fr;gap:12px}}