*{box-sizing:border-box} :root{--blue:#2563eb;--ink:#182b4d;--muted:#667792;--line:#e0e8f4;--green:#e43d50;--red:#df3047}body{margin:0;background:linear-gradient(145deg,#e2e9f3,#e9edf5 55%,#dfe8f0);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}.site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 20px #1d3c6610}.header-inner{max-width:1020px;margin:auto;padding:22px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:clamp(29px,5vw,43px);font-weight:800;letter-spacing:-2px;white-space:nowrap}.blue{color:#4285f4}.red{color:#ea4335}.yellow{color:#fbbc05}.green{color:#34a853}.brand-100{color:#4285f4}.brand-net{color:#54627b;font-size:.72em}.header-tag{font-size:12px;color:#64748b;background:#f2f6ff;border-radius:999px;padding:9px 14px}.picker{max-width:1020px;margin:30px auto 50px;padding:0 20px;display:grid;gap:22px}.panel{background:#f6f8fc;border:1px solid #e2eaf5;border-radius:22px;box-shadow:0 12px 40px #2c4c7a12;padding:clamp(18px,3vw,30px)}.section-heading{margin-bottom:20px}.section-heading h2{font-size:clamp(20px,3vw,26px);letter-spacing:-.5px;margin:5px 0 0}.eyebrow{font-size:11px;color:#4476c9;letter-spacing:2px;font-weight:800}.card-rows{background:linear-gradient(130deg,#c6d1e1,#b8c7d9);padding:12px;border-radius:16px}.row{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:10px;padding:14px;margin-bottom:10px;border-radius:14px;background:#eaf0f8d9}.row:last-child{margin-bottom:0}
.tiles{
  /* Always keep the 8 cards on ONE row */
  --gap: 8px;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap: var(--gap);
  width:100%;
}

.tiles .tile{
  /* Each tile takes 1/8 of the available width (minus gaps), with a tiny safety shrink */
  flex: 0 0 calc((100% - (7 * var(--gap))) / 8 - 2px);
  max-width: calc((100% - (7 * var(--gap))) / 8 - 2px);
}

/* On very small screens, squeeze a bit more so nothing wraps */
@media (max-width: 420px){
  .tiles{ --gap: 6px; }
  .tiles .tile{
    flex-basis: calc((100% - (7 * var(--gap))) / 8 - 1px);
    max-width: calc((100% - (7 * var(--gap))) / 8 - 1px);
  }
  .suit{ width:28px; font-size:26px; }
  .row{ grid-template-columns:28px 1fr; gap:8px; padding:12px; }
}


.suit{
  font-size:28px;
  width:32px;
  text-align:center;
  line-height:1;
  padding-top:6px;
}

.suit.hearts{
  color:var(--red);
  text-shadow:0 0 8px var(--red),0 0 28px var(--red);
}

.suit.spades{
  color:#1f2937;
  text-shadow:none;
}

.tile{
  width:100%;
  aspect-ratio:52/72;
  border-radius:8px;
  background:linear-gradient(#fff,#bdbdbd);
  font-weight:900;
  font-size:clamp(14px, 3.8vw, 18px);
  cursor:pointer;
  border:2px solid #fff;
  transition:all .12s ease;
  -webkit-tap-highlight-color:transparent;
}

.tile.hearts{
  color:var(--red);
  border-color:var(--red);
  text-shadow:0 0 10px var(--red),0 0 30px var(--red);
  box-shadow:0 0 18px var(--red);
}

.tile.spades{
  color:#000;
  border-color:#000;
  text-shadow:0 0 3px #fff,0 0 10px #000;
  box-shadow:0 0 18px #000;
}

.tile.selected{border:3px solid #e12642;background:linear-gradient(145deg,#fff3f5,#ffbfc8);box-shadow:0 0 0 2px #ffffffb8,0 0 16px #f43f5eaa,0 0 30px #f43f5e55;transform:translateY(-2px);}
.tile:hover{
  transform:translateY(-2px) scale(1.04);
}

/* On touch devices, hover effects can feel "stuck". Keep it calm. */
@media (hover:none){
  .tile:hover{ transform:none; }
}


.settings{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:25px}.setting{display:grid;gap:8px;flex:1;min-width:160px;color:#536580;font-size:13px;font-weight:700}.dropdown{background:#fff;color:#203653;border:1px solid #d4dfed;border-radius:11px;padding:11px 12px;font-size:15px;min-height:45px;width:100%}.dropdown:focus-visible,.pick:focus-visible,.generate:focus-visible,.load-more:focus-visible{outline:3px solid #91bcff;outline-offset:2px}.games-list{display:grid;gap:9px}.games-header,.game-entry{display:grid;grid-template-columns:minmax(85px,1fr) repeat(3,minmax(44px,85px));align-items:center;gap:12px}.games-header{font-size:12px;color:#7486a2;font-weight:800;text-align:center;letter-spacing:.06em;margin-bottom:9px}.games-header span:first-child{text-align:left}.game-entry{padding:9px 12px;border-radius:13px;background:#e9eef7;border:1px solid #e9eff7}.pick{min-height:44px;border:1px solid #d5e0ef;background:white;color:#344c70;border-radius:11px;font-size:17px;font-weight:800;cursor:pointer}.pick:hover{border-color:#7ba5f2}.pick.selected,.result-pick.selected{border:2px solid #dc2946;background:linear-gradient(145deg,#fff0f2,#ffc5cd);color:#9d1530;box-shadow:0 0 0 1px #fff,0 0 13px #f43f5e77;font-weight:900}.generate{margin-top:24px;border:0;border-radius:13px;padding:15px 22px;background:linear-gradient(120deg,#387bf0,#2563eb);color:white;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 7px 20px #2563eb36}.generate:hover{filter:brightness(1.07)}.feedback{font-size:13px;color:#bd4444;min-height:0;margin:10px 0 0}.feedback:empty{display:none}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{background:#e9eef7;border:1px solid #d5dfea;padding:16px;border-radius:14px;display:grid;gap:7px}.stat span{font-size:12px;color:#697d9b}.stat strong{font-size:clamp(20px,3vw,27px);color:#2453a3}.results{max-height:740px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;align-content:start;padding:2px}.results[hidden]{display:none}.combination-card{background:#f8faff;border:1px solid #dce6f4;border-radius:14px;padding:15px;box-shadow:0 4px 14px #1c3d6e0a}.combination-card h3{font-size:15px;margin:0 0 12px;color:#274e88}.combination-card table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:center}.combination-card th{font-size:11px;color:#7387a3;padding:7px 3px}.combination-card th:first-child{width:31%}.combination-card td{padding:5px 3px;border-top:1px solid #edf2f9;font-size:14px}.combination-card td:first-child{font-weight:800;color:#334f77}.result-pick{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:8px;border:1px solid #e1e8f3;color:#8190a8;background:#f7f9fd;font-size:15px;font-weight:800}.load-area{text-align:center}.load-more{margin-top:18px;background:#eaf2ff;color:#215cb6;border:1px solid #c8dbfc;border-radius:11px;padding:12px 24px;font-weight:800;cursor:pointer}.load-more[hidden]{display:none}.footer{text-align:center;color:#8392a8;font-size:12px;padding:0 20px 30px}@media(max-width:600px){.header-tag{display:none}.picker{padding:0 12px;margin:18px auto}.panel{padding:17px}.stats{grid-template-columns:repeat(2,1fr)}.games-header,.game-entry{grid-template-columns:minmax(70px,1fr) repeat(3,minmax(35px,1fr));gap:6px}.game-entry{padding:7px}.game-entry .dropdown{padding:8px 5px}.pick{min-height:40px}.row{grid-template-columns:28px 1fr;padding:8px;gap:6px}.tiles{--gap:4px}.suit{width:28px;font-size:24px}.tile{font-size:13px}}
/* Clear, flat selection styling — no glow on cards, suits or game picks. */
.suit.hearts{color:#c5273c;text-shadow:none}
.suit.spades{color:#172337;text-shadow:none}
.tile,.tile.hearts,.tile.spades{
  background:#fff;color:#182437;border:2px solid #c8d3e2;
  box-shadow:none;text-shadow:none;transform:none;
  font-weight:900;
}
.tile.hearts{color:#c5273c}
.tile.spades{color:#182437}
.tile.selected,.tile.hearts.selected,.tile.spades.selected{
  background:#fff0d9;border:3px solid #c97714;
  color:#182437;box-shadow:inset 0 0 0 1px #fff;
  text-shadow:none;transform:none;
}
.tile.hearts.selected{color:#aa182f}
.tile:hover,.tile.selected:hover{transform:none;box-shadow:none;border-color:#8497af}
.tile.selected:hover{border-color:#c97714;box-shadow:inset 0 0 0 1px #fff}
.tile:focus-visible{outline:3px solid #285fbd;outline-offset:2px}
.pick.selected,.result-pick.selected{
  background:#dcf7e4;color:#116436;border:2px solid #21864c;
  box-shadow:none;text-shadow:none;font-weight:900;
}
.pick:hover{box-shadow:none}

/* Chance / Winner tabs and Chance registration */
[hidden]{display:none!important}.app-tabs{display:flex;gap:10px;background:#dce5f1;padding:8px;border-radius:16px}.app-tab{flex:1;border:1px solid transparent;border-radius:12px;background:transparent;color:#445875;font-size:17px;font-weight:800;padding:14px;cursor:pointer}.app-tab.active{background:white;color:#1c4e9e;border-color:#cbd9ea;box-shadow:0 2px 8px #243f5b14}#chanceView,#winnerView{display:grid;gap:22px}.identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.identity-fields label{display:grid;gap:7px;font-weight:750;color:#445875}.identity-fields input{width:100%;min-height:45px;border:1px solid #cad8e8;border-radius:10px;background:white;padding:9px 12px;font:inherit;color:#233955}.chance-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chance-actions .generate{margin-top:18px;min-width:145px}.saved-chance{display:grid;gap:10px;margin-top:18px}.saved-entry{background:#fff;border:1px solid #d4dfeb;border-radius:13px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.saved-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.saved-info span{color:#61728a;font-size:13px}.saved-cards{display:flex;gap:8px}.saved-card{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:8px 12px;border:2px solid #cbd6e5;border-radius:9px;background:#fff;font-weight:900}.saved-card.hearts{color:#c5273c}.saved-card.spades{color:#172337}.tile:disabled,.tile.unavailable{opacity:.26;cursor:not-allowed;background:#b7c2d0!important;border-color:#9ba8b8!important;box-shadow:none!important}.tile:disabled:hover{transform:none!important}.row{align-items:center}.suit{padding-top:0;align-self:center;line-height:1}.tile{position:relative;display:flex;align-items:center;justify-content:center}.tile.hearts,.tile.spades{font-size:clamp(13px,2.6vw,19px)}.tile.selected{background:#ffe9bf!important;border-color:#ad6810!important}.tile.selected:after{content:'♥';position:absolute;bottom:5px;right:5px;font-size:12px;color:#b82539}.tile.spades.selected:after{content:'♠';color:#192b44}@media(max-width:600px){.identity-fields{grid-template-columns:1fr}.app-tab{font-size:14px;padding:11px}.saved-entry{align-items:flex-start}}

/* Chance refinements: deeper backdrop and true mini playing cards */
.cards-panel{background:#e5eaf2;border-color:#c6d0de}
.cards-panel .card-rows{background:linear-gradient(140deg,#aabbd0,#9dafc5);border:1px solid #91a4bc}
.cards-panel .row{background:#d8e1ec;border:1px solid #b8c7d9}
.cards-panel .tile:not(:disabled){background:#fff;border-color:#a5b3c5}
.cards-panel .tile.hearts:not(:disabled){color:#bb263c}
.cards-panel .tile.spades:not(:disabled){color:#192b43}
.cards-panel .tile.selected{background:#ffe9bf!important;border-color:#ad6810!important}
.saved-entry{background:#f6f8fc;border-color:#c5d1df}
.saved-cards{display:flex;gap:10px;align-items:center}
.saved-cards .saved-card{width:54px;min-width:54px;height:75px;aspect-ratio:52/72;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;padding:5px;border:2px solid #a5b3c5;border-radius:8px;background:#fff;color:#192b43;font-size:20px;font-weight:900;box-shadow:none;text-shadow:none;cursor:default;transform:none}
.saved-cards .saved-card.hearts{color:#bb263c}
.saved-cards .saved-card.spades{color:#192b43}
.saved-card-suit{font-size:20px;line-height:1}
.date-preview{font-size:13px;color:#334f73;font-weight:700;letter-spacing:.015em}
@media(max-width:600px){.saved-cards .saved-card{width:47px;min-width:47px;height:65px;font-size:17px}.saved-card-suit{font-size:18px}}

/* Compact Hebrew identity form and one formatted date field */
.identity-fields .field-no-label{display:block;position:relative}
.identity-fields .field-no-label input{height:49px}
.identity-fields .date-field{position:relative}
.identity-fields .date-display{cursor:pointer;direction:rtl;padding-inline-end:38px;background:#fff}
.identity-fields .date-field::after{content:'▦';pointer-events:none;position:absolute;left:13px;top:12px;font-size:20px;color:#526c8b}
.identity-fields .date-native{position:absolute;left:0;bottom:0;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.save-toast[hidden]{display:none!important}
.save-toast{position:fixed;z-index:1000;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;direction:rtl;background:#fff;color:#173d2a;border:1px solid #91d5ae;border-radius:15px;padding:16px 18px;box-shadow:0 12px 35px #203c4860;font-size:19px;font-weight:800;min-width:235px;justify-content:center}
.toast-icon{display:grid;place-items:center;background:#21864c;color:#fff;width:32px;height:32px;border-radius:50%}
#dismissToast{border:0;background:transparent;color:#6a7a87;font-size:23px;cursor:pointer;padding:0 4px}

/* Chance amount and payout */
.identity-fields select{width:100%;height:49px;border:1px solid #cad8e8;border-radius:10px;background:#fff;padding:9px 12px;font:inherit;color:#233955;cursor:pointer}
.chance-payout{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e5f2eb;border:1px solid #9fcfb4;border-radius:11px;padding:10px 15px;color:#23523b;font-weight:750;min-height:49px}
.chance-payout strong{font-size:20px;direction:ltr}
.saved-financial{color:#1b6b46!important;font-weight:750;font-size:14px!important}

/* Unified saved Chance registrations table */
.saved-chance{display:block;width:100%;min-width:0}
.saved-table-scroll{width:100%;overflow-x:auto;border:1px solid #c5d1df;border-radius:14px;background:#fff}
.saved-table{border-collapse:collapse;width:100%;min-width:690px;text-align:right;table-layout:auto}
.saved-table thead{background:#dce5f1;color:#263d5a}
.saved-table th{font-size:14px;font-weight:850;padding:15px 13px;white-space:nowrap;border-bottom:2px solid #c3d1e1}
.saved-table td{padding:11px 13px;border-bottom:1px solid #e1e8f0;vertical-align:middle;color:#263d5a;font-size:14px}
.saved-table tbody tr:nth-child(even){background:#f5f8fc}
.saved-table tbody tr:last-child td{border-bottom:0}
.saved-table .saved-name{color:#bd263a;font-size:19px;font-weight:900}
.saved-table .saved-payout{color:#bd263a;font-size:19px;font-weight:900;white-space:nowrap}
.saved-table .saved-amount{font-weight:750;white-space:nowrap}
.saved-table .saved-date{white-space:nowrap}
.saved-table .saved-card-cell{width:148px;min-width:148px}
.saved-table .saved-cards{justify-content:flex-start;gap:9px;direction:ltr}
.saved-table .saved-card{width:47px;min-width:47px;height:65px;font-size:17px}
.saved-table .saved-card-suit{font-size:18px}
@media(max-width:600px){.saved-table th,.saved-table td{padding:10px 9px}.saved-table .saved-name,.saved-table .saved-payout{font-size:17px}}

/* Winner: outcome odds and stake */
.game-entry,.games-header{grid-template-columns:minmax(80px,1.1fr) repeat(3,minmax(66px,1fr));gap:10px}
.outcome-odds{display:grid;gap:5px;min-width:0}
.outcome-odds .pick{width:100%}
.odds-select{width:100%;min-width:0;padding:7px 2px;border-radius:8px;border:1px solid #c7d5e5;background:#fff;color:#263e5a;font-size:13px;text-align:center;cursor:pointer}
.winner-stake{margin-top:20px;display:flex;gap:16px;align-items:end;flex-wrap:wrap}
.winner-stake .setting{max-width:240px;min-width:150px}
.winner-calculation{display:flex;gap:12px;flex:1;flex-wrap:wrap}
.winner-calculation>div{display:grid;gap:5px;background:#e6f1eb;border:1px solid #b5d9c5;border-radius:11px;padding:10px 15px;min-width:135px;flex:1}
.winner-calculation span{font-size:12px;color:#426250}
.winner-calculation strong{font-size:21px;color:#17613c;font-variant-numeric:tabular-nums}
.table-odds-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:9px;background:#e8f2ed;color:#24583d;font-size:13px}
.table-odds-summary strong{font-size:17px}
.pick.selected,.result-pick.selected{border:2px solid #25905b;background:#e5f6ec;color:#166c42;box-shadow:none}
@media(max-width:480px){.game-entry,.games-header{gap:5px;grid-template-columns:minmax(69px,1.1fr) repeat(3,minmax(55px,1fr))}.game-entry{padding:8px 5px}.game-entry .dropdown{padding:6px 2px;font-size:13px}.odds-select{font-size:12px}.games-header{font-size:10px}}

.validation-overlay[hidden]{display:none!important}
.validation-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,27,45,.57);backdrop-filter:blur(3px)}
.validation-dialog{width:min(100%,420px);background:#fff;color:#20314b;border-radius:22px;padding:30px 24px 24px;text-align:center;box-shadow:0 24px 70px rgba(12,28,50,.33);border:1px solid #d8e0e9}
.validation-symbol{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#fff1e9;color:#c54725;display:grid;place-items:center;font-size:35px;font-weight:800;border:2px solid #f0b39b}
.validation-dialog h2{margin:4px 0 10px;font-size:23px}
.validation-dialog p{font-size:21px;font-weight:700;line-height:1.5;margin:0 0 23px}
.validation-dialog button{min-width:140px;padding:11px 22px;border:0;border-radius:10px;background:#2463a5;color:#fff;font-size:17px;font-weight:750;cursor:pointer}
.validation-dialog button:focus-visible{outline:3px solid #f2aa55;outline-offset:3px}

/* Visible grid lines on Winner generated combination tables */
#winnerView .combination-card table{border-collapse:collapse;border:1px solid #9eafc5}
#winnerView .combination-card th,#winnerView .combination-card td{border:1px solid #aebdd0;padding:7px 5px}
#winnerView .combination-card th{background:#e4ebf5;color:#304b6c}
#winnerView .combination-card tbody tr:nth-child(even){background:#f0f5fb}

/* Winner: combine the outcome and its odds into one unified box. */
.game-entry .outcome-odds{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-width:0;min-height:78px;border:1px solid #c7d5e5;border-radius:11px;background:#fff;overflow:hidden;transition:border-color .15s,background .15s}
.game-entry .outcome-odds:has(.pick.selected){border:2px solid #25905b;background:#e5f6ec}
.game-entry .outcome-odds .pick{flex:1;min-height:38px;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;color:#344c70;font-size:19px}
.game-entry .outcome-odds .pick.selected{border:0;background:transparent;color:#166c42;box-shadow:none}
.game-entry .outcome-odds .odds-select{flex:none;width:100%;min-height:34px;min-width:0;border:0;border-top:1px solid #dbe5f1;border-radius:0;background:transparent;color:#263e5a;text-align:center;text-align-last:center;font-size:13px;font-weight:700;padding:5px 1px;cursor:pointer}
.game-entry .outcome-odds:has(.pick.selected) .odds-select{border-top-color:#b8dec8;color:#166c42}
.game-entry .outcome-odds:focus-within{outline:2px solid #91bcff;outline-offset:2px}
@media(max-width:480px){.game-entry .outcome-odds{min-height:74px}.game-entry .outcome-odds .pick{min-height:37px}.game-entry .outcome-odds .odds-select{font-size:12px;padding:4px 0}}

/* Responsive Chance cards: all eight ranks stay visible without horizontal scrolling. */
#chanceView,.cards-panel,.card-rows,.card-rows .row,.card-rows .tiles{min-width:0;max-width:100%}
.card-rows .row{grid-template-columns: minmax(0,32px) minmax(0,1fr)}
.card-rows .tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(2px,.65vw,8px);width:100%;overflow:visible}
.card-rows .tiles .tile{width:100%;max-width:none;min-width:0;flex:none;aspect-ratio:52/72;padding:0;border-width:2px;border-radius:6px;font-size:clamp(10px,2.9vw,19px);line-height:1}
@media(max-width:600px){
 .picker{padding-inline:8px}
 .cards-panel{padding:12px 8px}
 .cards-panel .card-rows{padding:6px}
 .cards-panel .row{grid-template-columns:20px minmax(0,1fr);gap:4px;padding:6px 3px}
 .cards-panel .suit{width:20px;font-size:19px}
 .card-rows .tiles{gap:3px}
 .card-rows .tiles .tile{font-size:clamp(10px,3vw,14px);border-width:1.5px;border-radius:4px}
 .card-rows .tile.selected:after{font-size:8px;right:2px;bottom:2px}
}
@media(max-width:360px){
 .picker{padding-inline:5px}
 .cards-panel{padding:9px 5px}
 .cards-panel .card-rows{padding:4px}
 .cards-panel .row{grid-template-columns:16px minmax(0,1fr);gap:2px;padding:5px 2px}
 .cards-panel .suit{width:16px;font-size:16px}
 .card-rows .tiles{gap:2px}
 .card-rows .tiles .tile{font-size:10px}
}

/* Winner outcomes: square choice button above odds, no divider, vivid neon red selection. */
#winnerView .game-entry .outcome-odds{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:7px 5px 8px;border:1px solid #d6dce6;border-radius:12px;background:#e7eaf0;overflow:visible;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}
#winnerView .game-entry .outcome-odds .pick{display:grid;place-items:center;flex:none;width:min(100%,55px);aspect-ratio:1;min-height:0;height:auto;border:2px solid #c3c9d2;border-radius:10px;background:#d5d9e1;color:#8993a3;font-size:clamp(18px,3vw,25px);font-weight:900;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}
#winnerView .game-entry .outcome-odds .odds-select{display:block;flex:none;width:100%;min-height:30px;border:1px solid #c5ccd7;border-radius:8px;background:#f4f5f8;color:#717b8b;font-size:12px;font-weight:750;text-align:center;text-align-last:center;padding:4px 1px;box-shadow:none}
#winnerView .game-entry .outcome-odds:has(.pick.selected){background:#fff1f3;border-color:#ff294e;box-shadow:0 0 8px #ff174455,0 0 18px #ff17442a}
#winnerView .game-entry .outcome-odds .pick.selected{border:2px solid #ff1641;background:linear-gradient(145deg,#ff4665,#dd002d);color:#fff;box-shadow:0 0 0 1px #ff9bab,0 0 11px #ff1744b8,0 0 23px #ff174480,0 0 35px #ff17443d;text-shadow:0 0 7px #fff8}
#winnerView .game-entry .outcome-odds:has(.pick.selected) .odds-select{border-color:#f4a2b0;background:#fff8f9;color:#ae1235}
#winnerView .result-pick{background:#e5e8ee;color:#8d96a5;border-color:#cfd6df}
#winnerView .result-pick.selected{background:linear-gradient(145deg,#ff4665,#dd002d);color:#fff;border:2px solid #ff1641;box-shadow:0 0 9px #ff17448c,0 0 17px #ff17443d;text-shadow:0 0 5px #fff6}
@media(max-width:480px){#winnerView .game-entry .outcome-odds{padding:6px 3px;gap:5px;min-height:0}#winnerView .game-entry .outcome-odds .pick{width:min(100%,46px);font-size:20px}#winnerView .game-entry .outcome-odds .odds-select{font-size:11px;padding:4px 0}}

/* Show the matching table number next to its exact total odds. */
.table-odds-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#winnerTotalOdds{font-size:clamp(14px,2vw,22px);overflow-wrap:anywhere}

/* Winner sections: each ticket selects exactly one game per section. */
.sections-list{display:grid;gap:18px;margin:18px 0 24px;min-width:0}
.winner-section{min-width:0;padding:16px;border:1px solid #c9d6e5;border-radius:16px;background:#f6f9fd}
.winner-section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.winner-section-top h3{margin:0;font-size:20px;color:#213e63}
.winner-section-count{min-width:135px}
.winner-section-count select{width:100%}
.section-hint{margin:10px 0 0;color:#52677f;font-size:14px}
.winner-section .games-list{min-width:0}
@media(max-width:560px){.winner-section{padding:10px 7px}.winner-section-top h3{font-size:17px}.winner-section-count{min-width:120px}.winner-section .games-header{font-size:10px}}

/* Distinct gentle color for each Winner section; clear differentiation without harsh saturation. */
#winnerView .winner-section{border:1px solid var(--section-edge);background:var(--section-bg);border-left:5px solid var(--section-accent)}
#winnerView .winner-section-top h3{color:var(--section-accent)}
#winnerView .winner-section .game-entry{background:rgba(255,255,255,.74);border-color:var(--section-edge)}
#winnerView .winner-section:nth-child(10n + 1){--section-bg:#eaf2ff;--section-edge:#bdd5f7;--section-accent:#3569a9}
#winnerView .winner-section:nth-child(10n + 2){--section-bg:#eaf7f1;--section-edge:#b7ddcc;--section-accent:#2b8063}
#winnerView .winner-section:nth-child(10n + 3){--section-bg:#f3edfc;--section-edge:#d6c5ef;--section-accent:#7956a8}
#winnerView .winner-section:nth-child(10n + 4){--section-bg:#fff3e7;--section-edge:#efd1b2;--section-accent:#a86b34}
#winnerView .winner-section:nth-child(10n + 5){--section-bg:#e8f6f9;--section-edge:#b9dce5;--section-accent:#327b8d}
#winnerView .winner-section:nth-child(10n + 6){--section-bg:#fceef2;--section-edge:#ebc4d0;--section-accent:#aa5674}
#winnerView .winner-section:nth-child(10n + 7){--section-bg:#f2f6e7;--section-edge:#d1dfb7;--section-accent:#6f853b}
#winnerView .winner-section:nth-child(10n + 8){--section-bg:#eef1fb;--section-edge:#c6cdeb;--section-accent:#586bb0}
#winnerView .winner-section:nth-child(10n + 9){--section-bg:#fcf2eb;--section-edge:#ebd0bc;--section-accent:#a96d51}
#winnerView .winner-section:nth-child(10n + 10){--section-bg:#eaf5f3;--section-edge:#bddcd7;--section-accent:#43897f}

/* Clear, readable odds / stake / expected winnings inside each generated ticket. */
#winnerView .table-odds-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;padding:11px;border:1px solid #d3dfec;border-radius:12px;background:#f2f6fb;color:#233a55}
#winnerView .ticket-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:12px 7px;border:1px solid #d5dfec;border-radius:10px;background:#fff;text-align:center}
#winnerView .ticket-stat-label{font-size:12px;font-weight:700;color:#536981}
#winnerView .ticket-stat-value{font-size:clamp(16px,2.6vw,23px);font-weight:850;line-height:1.2;color:#173b62;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#winnerView .ticket-stat-payout{background:#fff1f3;border-color:#f5b2bf}
#winnerView .ticket-stat-payout .ticket-stat-value{color:#c71239}
@media(max-width:430px){#winnerView .table-odds-summary{gap:5px;padding:7px}#winnerView .ticket-stat{padding:10px 3px}#winnerView .ticket-stat-label{font-size:10px}#winnerView .ticket-stat-value{font-size:15px}}

/* Ticket totals: three full-width, stacked rows for easy scanning. */
#winnerView .table-odds-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}
#winnerView .ticket-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 16px;text-align:start}
#winnerView .ticket-stat-label{font-size:14px;line-height:1.4}
#winnerView .ticket-stat-value{font-size:clamp(19px,3vw,25px);text-align:end}
@media(max-width:430px){#winnerView .table-odds-summary{gap:8px;padding:9px}#winnerView .ticket-stat{padding:12px 11px;gap:8px}#winnerView .ticket-stat-label{font-size:13px}#winnerView .ticket-stat-value{font-size:20px}}

/* Navigation for standalone apps */
.separate-app-nav a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* Standalone Winner registration form */
.winner-player-panel{margin-bottom:20px}.winner-player-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.winner-player-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#263d59}.winner-player-form input,.winner-player-form select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #b7c8dd;border-radius:10px;padding:12px;background:#fff;color:#1c2e48;font:inherit;min-height:46px}.winner-player-form button{grid-column:1/-1;justify-self:start;min-width:130px}.winner-player-message{color:#19764b;font-weight:700}.winner-player-saved{overflow-x:auto}.winner-player-table{width:100%;border-collapse:collapse;text-align:right;direction:rtl}.winner-player-table th,.winner-player-table td{padding:10px;border:1px solid #d7e0ed}.winner-player-table th{background:#edf3fb}@media(max-width:650px){.winner-player-form{grid-template-columns:1fr}.winner-player-form button{width:100%}}

/* Standalone Winner registration date, in month / weekday / year order */
.winner-date-display{display:block;margin-top:7px;padding:10px 12px;border:1px solid #c9d6e5;border-radius:9px;background:#f5f8fc;color:#263e60;font-weight:700;direction:ltr;text-align:left;unicode-bidi:plaintext}

/* Single-line today date in the new ticket form */
#winnerPlayerDateDisplay.winner-date-display{display:block;width:100%;box-sizing:border-box;margin-top:0;cursor:default;opacity:1}

/* Winner compact sticky dashboard and clean ticket display */
#winnerView{display:block;min-width:0}
#winnerView .sticky-dashboard{position:sticky;top:0;z-index:50;background:rgba(248,250,254,.97);backdrop-filter:blur(14px);border:1px solid #d8e3f2;border-radius:18px;padding:14px 16px;box-shadow:0 8px 28px #16355b24;margin-bottom:18px}
#winnerView .dashboard-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
#winnerView .dashboard-controls .setting{min-width:0;gap:5px;font-size:12px}
#winnerView .dashboard-controls .dropdown{min-height:39px;padding:7px 11px;font-weight:750}
#winnerView .dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#winnerView .dashboard-stats .stat{padding:11px 13px;gap:3px;background:#fff;border-color:#dce6f2}
#winnerView .dashboard-stats .stat span{font-size:11px;font-weight:650}
#winnerView .dashboard-stats .stat strong{font-size:clamp(18px,2.5vw,26px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#winnerView .controls{margin-bottom:20px}
#winnerView .output-panel{scroll-margin-top:180px}
#winnerView .results{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}
#winnerView .combination-card{padding:0;overflow:hidden;background:#fff;border:1px solid #d6e1f0;border-radius:16px;box-shadow:0 5px 16px #203a6112;transition:box-shadow .2s ease,transform .2s ease}
#winnerView .combination-card:hover{box-shadow:0 10px 25px #203a6122;transform:translateY(-2px)}
#winnerView .ticket-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(110deg,#eaf2ff,#f6f9ff);padding:13px 16px;border-bottom:1px solid #dce7f5}
#winnerView .ticket-card-head h3{margin:0;font-size:16px;color:#1d4785}
#winnerView .ticket-game-count{font-size:11px;font-weight:800;color:#315b93;background:#fff;border:1px solid #d3e2f6;border-radius:99px;padding:5px 9px}
#winnerView .combination-card table{border:0}
#winnerView .combination-card th{background:#f7f9fd;font-size:11px;letter-spacing:.04em;padding:10px 5px}
#winnerView .combination-card td{padding:8px 5px;background:#fff}
#winnerView .combination-card tbody tr:nth-child(even) td{background:#f8fbff}
#winnerView .combination-card th,#winnerView .combination-card td{border:0;border-bottom:1px solid #e9eef7}
#winnerView .combination-card tbody tr:last-child td{border-bottom:0}
#winnerView .result-pick{max-width:62px;margin:auto}
#winnerView .result-pick.selected{background:#e7f8ef;color:#167047;border:2px solid #55bd85;box-shadow:none}
@media(max-width:600px){#winnerView .sticky-dashboard{padding:10px;top:0;border-radius:12px}#winnerView .dashboard-controls{gap:8px;margin-bottom:8px}#winnerView .dashboard-stats{gap:6px}#winnerView .dashboard-stats .stat{padding:8px 5px;text-align:center}#winnerView .dashboard-stats .stat span{font-size:10px}#winnerView .dashboard-stats .stat strong{font-size:18px}#winnerView .output-panel{scroll-margin-top:160px}}

/* Ticket grid: visible vertical and horizontal dividers throughout. */
#winnerView .combination-card table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
#winnerView .combination-card th,
#winnerView .combination-card td{border:1px solid #9cacc0 !important;text-align:center;vertical-align:middle}
#winnerView .combination-card th:first-child,
#winnerView .combination-card td:first-child{border-left:0 !important}
#winnerView .combination-card th:last-child,
#winnerView .combination-card td:last-child{border-right:0 !important}
#winnerView .combination-card thead th{border-top:0 !important;background:#eaf0f8;color:#243e60;font-weight:850}
#winnerView .combination-card tbody tr:last-child td{border-bottom:0 !important}
#winnerView .combination-card tbody td{padding:10px 5px}
/* Solid, saturated green for the chosen outcome; no gradients or glow. */
#winnerView .combination-card .result-pick.selected{background:#087a3d !important;color:#fff !important;border:2px solid #05552a !important;box-shadow:none !important;text-shadow:none !important;font-weight:900}
#winnerView .combination-card .result-pick:not(.selected){background:#eef2f6;color:#718096;border:1px solid #d2dbe5}

/* Dashboard ticket total: prominent red count. */
#winnerView .dashboard-stats #statMatches{color:#c5162e !important;font-weight:900}
/* Generated ticket game numbers: slightly larger and easier to read. */
#winnerView .combination-card tbody td:first-child{font-size:17px !important;font-weight:900;line-height:1.35}

/* Price selector stays visible alongside other sticky settings. */
#winnerView .dashboard-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
#winnerView .table-odds-summary{margin:12px;gap:7px}
#winnerView .ticket-stat{border-radius:8px}
@media(max-width:560px){#winnerView .dashboard-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#winnerView .dashboard-controls .dropdown{padding:7px 3px;font-size:13px}#winnerView .dashboard-controls .setting{font-size:10px}}

/* Show the selected outcome odds directly beneath each generated ticket choice. */
#winnerView .ticket-pick-odds{display:block;margin-top:5px;font-size:12px;font-weight:800;line-height:1.2;color:#245b83;text-align:center;font-variant-numeric:tabular-nums}

/* Expected winnings ticket sorting */
.ticket-sort-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:12px 0 18px;font-weight:700}
.ticket-sort-bar .dropdown{min-width:180px;max-width:240px}

.winner-reset{padding:9px 17px;border:1px solid #b85e62;background:#762e37;color:#fff;border-radius:9px;font-weight:700;cursor:pointer}.winner-sync{font-size:12px;color:#b4d9d3;align-self:center}