:root{--blue:#2d75ad;--blue2:#e8f3fb;--blue3:#143f61;--yellow:#ffd348;--ink:#15324b;--muted:#6b879a;--line:#c9ddea;--red:#c72438;--page:#dfeef7}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(145deg,#d8eaf5,#eef6fb)}button,input,select{font:inherit}.app-shell{width:min(1240px,100%);margin:auto;padding:22px}.topbar{background:var(--blue);color:#fff;border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px rgba(25,72,106,.12)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--yellow);color:#123c5c;font-weight:900;font-size:29px}.brand h1{margin:0;font-size:26px}.brand p{margin:4px 0 0;font-size:12px}.date-chip,.draft-badge{background:#fff;color:var(--blue3);padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900}main{display:grid;gap:18px;margin-top:18px}.card{background:#fff;border:1px solid #d2e2ed;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(25,70,103,.08)}.section-title,.pick-header,.draft-head,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title{margin-bottom:18px}.section-title h2,.pick-header h3,.draft-head h3{margin:3px 0 0}.eyebrow,label>span,.winning-preview>span,.totals-bar span,.saved-player span,.summary-box span{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#587b95}.player-grid,.options-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.options-grid{grid-template-columns:repeat(4,1fr)}label{display:grid;gap:6px}input,select{width:100%;border:1px solid #b9d2e3;border-radius:11px;background:#f7fbfe;color:var(--ink);padding:12px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,117,173,.12)}.pick-box{margin-top:16px;background:var(--blue2);border:1px solid #bdd8e9;border-radius:16px;padding:17px}.btn{border:0;border-radius:11px;padding:12px 16px;font-weight:900;cursor:pointer}.btn.auto{background:var(--blue);color:#fff}.btn.add,.btn.save{width:100%;background:var(--yellow);color:#173a56;margin-top:12px;min-height:48px}.btn.danger-action{background:#fff0f1;color:#a52b38;border:1px solid #e7b5ba}.digits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(600px,100%);margin:20px auto}.digits select{font-size:34px;font-weight:900;text-align:center;color:#185e91;background:#fff}.winning-preview{margin-top:14px;background:var(--blue);color:#fff;border-radius:13px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 16px}.winning-preview>span{color:#fff}.winning-preview strong{text-align:right;font-size:34px;color:var(--yellow)}.winning-preview small{grid-column:1/-1;text-align:right;color:#e8f5ff}.draft-area{margin-top:18px}.empty-state{border:1px dashed #b8d0e0;border-radius:12px;padding:20px;text-align:center;color:#7f98aa}.draft-list{display:grid;gap:9px;margin-top:10px}.pick-row{display:grid;grid-template-columns:34px 78px 1fr 1fr 1fr 1fr 34px;align-items:center;gap:9px;border:1px solid #d3e2ec;border-radius:12px;padding:10px}.pick-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e5f0f7;font-weight:900}.number-pill{font-size:24px;font-weight:900;color:#1768ac}.pick-meta span{display:block;font-size:8px;text-transform:uppercase;color:#7892a4;font-weight:900}.pick-meta strong{font-size:12px}.win-meta strong{color:var(--red);font-size:18px}.remove-pick,.icon-btn{border:0;background:#fff0f1;color:#a92936;border-radius:9px;width:30px;height:30px;font-weight:900;cursor:pointer}.totals-bar{display:grid;gap:10px;margin-top:14px}.totals-bar.two{grid-template-columns:1fr 1fr}.totals-bar>div{background:#f1f7fb;border:1px solid #c8ddea;border-radius:13px;padding:13px}.totals-bar span{display:block}.totals-bar strong{display:block;margin-top:5px;font-size:25px}.winning-total-box{background:#fff5c8!important;border-color:#e9c84b!important}.winning-total-box strong{font-size:31px!important;color:#1a5c8d}.hidden{display:none!important}.saved-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.saved-player,.summary-box,.saved-pick{border:1px solid #d2e2ed;border-radius:13px;padding:13px;background:#f8fbfd}.saved-player strong{display:block;font-size:28px;color:var(--red);margin-top:4px}.saved-info{display:flex;gap:10px;flex-wrap:wrap;color:#718c9f;font-size:11px;margin:7px 0 12px}.saved-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-box strong{display:block;font-size:26px;color:var(--red);margin-top:4px}.saved-picks{display:grid;gap:9px;margin-top:10px}.saved-pick{background:#fff}.saved-pick-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.saved-number{font-size:27px;font-weight:900;color:#1768ac}.saved-win{font-size:20px;font-weight:900;color:var(--red)}.saved-pick-meta{margin-top:6px;color:#617e92;font-size:11px}.qr-panel{text-align:center;color:#6f899b;font-size:11px}.qr-output{background:#fff;border:2px solid #d0e0ea;border-radius:15px;padding:12px;display:grid;place-items:center}.qr-output canvas{max-width:100%;height:auto}.history-title{align-items:flex-end}.history-tools{display:flex;gap:8px}.history-tools input{min-width:250px}.history-list{display:grid;gap:14px}.date-group{border:1px solid #c9ddea;border-radius:14px;overflow:hidden}.date-head{background:#e4f0f8;border-top:4px solid var(--blue);padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}.date-head strong{display:block;font-size:16px}.date-head small{color:#668399}.ticket-row{display:grid;grid-template-columns:1.2fr 1.4fr .8fr .8fr auto;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #dce8f0}.ticket-row .player{font-weight:900}.ticket-row .spent{font-weight:900}.row-actions{display:flex;gap:6px}.mini-btn{border:1px solid #acc9dc;background:white;color:#174f78;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.mini-btn.danger{color:#aa2d3b;border-color:#e2b1b7}dialog{width:min(820px,94vw);border:1px solid #c8dce8;border-radius:18px;padding:18px;color:var(--ink)}dialog::backdrop{background:rgba(19,54,81,.45)}.dialog-ticket{display:grid;grid-template-columns:1fr 230px;gap:15px}.toast{position:fixed;right:18px;bottom:18px;background:#143f61;color:white;padding:12px 15px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.bad{background:#a52a38}
@media(max-width:850px){.options-grid{grid-template-columns:repeat(2,1fr)}.pick-row{grid-template-columns:30px 68px 1fr 1fr 34px}.pick-row .hide-small{display:none}.saved-layout{grid-template-columns:1fr 230px}.ticket-row{grid-template-columns:1fr 1.2fr .7fr auto}.ticket-row .hide-tablet{display:none}}
@media(max-width:620px){.app-shell{padding:8px}.topbar{border-radius:14px;padding:12px;flex-wrap:wrap}.brand-mark{width:44px;height:44px;font-size:24px}.brand h1{font-size:21px}.brand p{display:none}.date-chip{margin-left:auto}.card{padding:12px;border-radius:14px}.section-title h2{font-size:20px}.player-grid,.options-grid{grid-template-columns:1fr}.digits{gap:7px}.digits select{font-size:28px;padding:10px 3px}.winning-preview{grid-template-columns:1fr}.winning-preview strong{text-align:left;font-size:29px}.winning-preview small{text-align:left}.pick-row{grid-template-columns:28px 60px minmax(0,1fr) 30px}.pick-row .pick-meta{display:none}.pick-row .win-meta{display:block}.totals-bar.two,.saved-totals{grid-template-columns:1fr}.saved-layout,.dialog-ticket{grid-template-columns:1fr}.qr-panel{max-width:270px;margin:auto;width:100%}.history-title{align-items:stretch;flex-direction:column}.history-tools{flex-direction:column}.history-tools input{min-width:0}.date-head{align-items:flex-start;flex-direction:column}.date-head .mini-btn{width:100%}.ticket-row{display:grid;grid-template-columns:1fr auto;padding:12px}.ticket-row>*{grid-column:1/-1}.ticket-row .ticket-id{font-size:10px;color:#728da0}.row-actions{width:100%}.row-actions .mini-btn{flex:1}.saved-player strong{font-size:25px}.summary-box strong{font-size:24px}.saved-pick-head{align-items:flex-start}.saved-win{font-size:18px}.toast{left:8px;right:8px;bottom:8px;text-align:center}}

/* v11 ticket-history enhancements */
.history-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.history-topline h2{margin:3px 0 0}.history-day-total{min-width:245px;background:#eaf8ef;border:1px solid #9dd2ae;border-radius:14px;padding:12px 16px;text-align:right}.history-day-total span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#357249}.history-day-total strong{display:block;margin-top:3px;font-size:31px;line-height:1;color:#16813d}.history-day-total small{display:block;margin-top:5px;color:#59826a;font-size:10px}.history-card>.history-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.history-card>.history-tools input{min-width:290px}.ticket-row{grid-template-columns:1.2fr 1.5fr .9fr .9fr auto}.history-picks span,.spent span,.history-winning span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#7892a4;font-weight:900;margin-bottom:4px}.history-picks strong{display:flex;flex-wrap:wrap;gap:5px}.history-picks b{display:inline-block;border:1px solid #a9cbe0;background:#edf7fd;color:#1266a3;border-radius:8px;padding:5px 8px;font-size:17px;line-height:1}.spent strong,.history-winning strong{display:block;font-size:15px}.history-winning strong{color:#1768ac}
@media(max-width:850px){.ticket-row{grid-template-columns:1fr 1.2fr .8fr auto}}
@media(max-width:620px){.history-topline{align-items:stretch;flex-direction:column}.history-day-total{min-width:0;width:100%;text-align:left}.history-day-total strong{font-size:29px}.history-card>.history-tools{flex-direction:column}.history-card>.history-tools input{min-width:0}.ticket-row .history-picks,.ticket-row .spent,.ticket-row .history-winning{grid-column:1/-1}.history-picks strong{gap:7px}.history-picks b{font-size:20px;padding:7px 10px}}

/* v12: grouped ticket history — player once, each pick on its own row */
.player-history-list{display:grid;gap:16px;padding:14px;background:#f8fbfd}
.history-player-card{border:1px solid #cbdde9;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 14px rgba(33,82,116,.06)}
.history-player-head{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.7fr) minmax(150px,.8fr) auto;gap:12px;align-items:center;padding:13px 14px;border-left:7px solid transparent}
.player-accent-red .history-player-head{background:#fff1f2;border-left-color:#d94b59}
.player-accent-green .history-player-head{background:#edf9f1;border-left-color:#2a9a55}
.history-player-namebox span,.history-player-total span,.history-player-winning span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#748fa1;margin-bottom:3px}
.history-player-namebox strong{display:block;font-size:22px;line-height:1.1}
.player-accent-red .history-player-namebox strong{color:#b72a3b}
.player-accent-green .history-player-namebox strong{color:#1b7f42}
.history-player-namebox small{display:block;margin-top:5px;color:#718b9c;font-size:10px}
.history-player-total strong{display:block;font-size:20px;color:#173f5d}
.history-player-winning strong{display:block;font-size:22px;color:#146aa4}
.history-pick-table{border-top:1px solid #d7e5ee}
.history-pick-labels,.history-pick-row{display:grid;grid-template-columns:52px 92px 1.05fr .8fr .9fr 62px .8fr 1fr;gap:8px;align-items:center;padding:9px 12px}
.history-pick-labels{background:#eaf3f9;color:#68889d;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.history-pick-row{min-height:56px;border-top:1px solid #e2ebf1}
.history-pick-row:first-of-type{border-top:0}
.history-pick-row:nth-child(odd){background:#fbfdff}
.pick-cell strong{font-size:12px;color:#254a65}
.pick-seq strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4eff7;color:#185c8e}
.history-number strong{font-size:25px;letter-spacing:.04em;color:#1768ac}
.history-pick-win strong{font-size:18px;color:#b82336}
.mobile-label{display:none}
@media(max-width:900px){.history-player-head{grid-template-columns:1.4fr .7fr .8fr}.history-player-head .row-actions{grid-column:1/-1}.history-pick-labels,.history-pick-row{grid-template-columns:44px 82px 1fr .75fr .8fr 50px .75fr .9fr}}
@media(max-width:700px){.player-history-list{padding:9px;gap:12px}.history-player-head{grid-template-columns:1fr 1fr;padding:12px}.history-player-namebox{grid-column:1/-1}.history-player-total strong,.history-player-winning strong{font-size:19px}.history-player-head .row-actions{grid-column:1/-1}.history-pick-labels{display:none}.history-pick-row{grid-template-columns:1fr 1fr;padding:12px;gap:9px}.pick-cell{min-width:0;padding:7px 8px;background:#f7fbfd;border:1px solid #e0eaf0;border-radius:8px}.pick-cell .mobile-label{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#7b95a6;margin-bottom:3px}.pick-seq strong{display:block;width:auto;height:auto;background:transparent}.history-number{grid-column:1/-1;text-align:center;background:#edf7fd}.history-number strong{font-size:30px}.history-pick-win{grid-column:1/-1;background:#fff3f4}.history-pick-win strong{font-size:22px}}