.lotto-ball{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;margin:2px;border-radius:50%;font-weight:700;font-size:18px;text-align:center;color:#fff;box-sizing:border-box;}
.ball-yellow{background:#fbc400;}
.ball-blue{background:#69c8f2;}
.ball-red{background:#ff7272;}
.ball-gray{background:#aaa;}
.ball-green{background:#b0d840;}

.num-flat{display:inline-block;font-weight:700;font-size:18px;letter-spacing:.3px;margin:0 3px;line-height:1.35;}
.c-t1{color:#ffd166;}
.c-t2{color:#64d2ff;}
.c-t3{color:#ff8fab;}
.c-t4{color:#c9c9c9;}
.c-t5{color:#b8f487;}
.num-hit{text-decoration:underline;}

.section-title{font-weight:700;margin:18px 0 8px;color:#e6e6e6;text-align:center;}
.option-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:8px 0;}
.option-row label{min-width:60px;font-size:13px;color:#9aa0a6;text-align:right;cursor:help;}
.option-row select,.option-row input[type="text"]{width:65px;}
#exclude-numbers{width:200px;}
.lotto-rules{font-size:11px;}
#gen-status{margin-top:10px;font-size:13px;color:#ffd44d;font-weight:700;}
#recommendations{margin-top:12px;text-align:center;}
.form-select,.form-control{padding:.25rem .5rem;font-size:.9rem;height:auto;}

.combo-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.combo-index{min-width:32px;text-align:right;font-weight:700;color:#9aa0a6;}
.copy-btn{font-size:11px;padding:.15rem .35rem;line-height:1;border-radius:.25rem;}
#copy-all{display:block;margin:0 auto 10px auto;}

.trow{--col-index:48px;--col-nums:320px;--col-rank:80px;--col-hits:120px;display:grid;grid-template-columns:var(--col-index) minmax(0,var(--col-nums)) var(--col-rank) var(--col-hits);align-items:center;justify-content:center;column-gap:6px;row-gap:4px;margin-bottom:4px;}
.t-index{width:var(--col-index);text-align:right;font-weight:700;color:#9aa0a6;}
.t-nums{width:var(--col-nums);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.t-rank{width:var(--col-rank);text-align:center;}
.t-hits{width:var(--col-hits);text-align:left;color:#bbb;white-space:nowrap;}

.rank-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-weight:700;}
.rank-1{background:#ffd700;color:#000;}
.rank-2{background:#c0c0c0;color:#000;}
.rank-3{background:#cd7f32;color:#fff;}
.rank-4{background:#4caf50;color:#fff;}
.rank-5{background:#2196f3;color:#fff;}
.rank-X{background:#555;color:#fff;}

#btn-spinner{display:inline-block;width:1em;height:1em;margin-left:.5em;vertical-align:middle;border:2px solid rgba(255,255,255,.35);border-top-color:transparent;border-radius:50%;animation:spinBtn .7s linear infinite;}@keyframes spinBtn{to{transform:rotate(360deg);}}

#gen-loading{position:fixed;inset:0;z-index:1050;display:none;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);}#gen-loading .gen-loading-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:18px 20px;background:rgba(20,20,20,.88);border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:260px;box-shadow:0 10px 30px rgba(0,0,0,.4);}#gen-loading .gen-loading-title{font-weight:800;color:#ffd44d;margin-bottom:10px;letter-spacing:.2px;}#gen-loading .gen-balls{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 2px;}#gen-loading .gen-balls .lotto-ball{width:34px;height:34px;font-size:16px;animation:lotto-bounce 1.1s ease-in-out infinite;box-shadow:0 2px 8px rgba(0,0,0,.25);}#gen-loading .gen-balls .lotto-ball:nth-child(1){animation-delay:0s;}#gen-loading .gen-balls .lotto-ball:nth-child(2){animation-delay:.08s;}#gen-loading .gen-balls .lotto-ball:nth-child(3){animation-delay:.16s;}#gen-loading .gen-balls .lotto-ball:nth-child(4){animation-delay:.24s;}#gen-loading .gen-balls .lotto-ball:nth-child(5){animation-delay:.32s;}#gen-loading .gen-balls .lotto-ball:nth-child(6){animation-delay:.40s;}@keyframes lotto-bounce{0%,100%{transform:translateY(0) scale(1);opacity:1;}50%{transform:translateY(-10px) scale(1.03);opacity:.95;}}

#gen-loading .gen-loading-title{white-space:nowrap;word-break:keep-all;}.dots{display:inline-block;margin-left:.25em;vertical-align:-.08em;line-height:1;height:1em;overflow:hidden;width:1.4em;}.dots::after{content:"...";display:inline-block;animation:dotsKf 1s steps(4) infinite;will-change:transform;}@keyframes dotsKf{0%{transform:translateX(-1.4em);}100%{transform:translateX(0);}}

@media(max-width:1200px){.trow{--col-nums:300px;}}
@media(max-width:1024px){.trow{--col-nums:280px;}}
@media(max-width:900px){.trow{--col-nums:260px;}}

@media(max-width:680px){
  .num-flat{font-size:16px;}
  .trow{display:grid;grid-template-columns:var(--col-index) 1fr;grid-template-areas:"index nums" "rank hits";row-gap:6px;column-gap:8px;margin-bottom:8px;}
  .t-index{grid-column:1;justify-self:end;}
  .t-nums{grid-column:2;justify-content:flex-start;gap:4px;}
  .t-hits{grid-area:hits;margin:0 20px;display:flex;gap:6px;font-size:14px;}
  .t-hits::-webkit-scrollbar{height:4px;}
  .option-row{flex-direction:column;align-items:stretch;}
  .option-row label{width:100%;min-width:0;text-align:left;}
  .option-row select,.option-row input[type="text"],.option-row .form-select,.option-row .form-control{width:100%!important;max-width:none;}
  #fixed1,#fixed2,#fixed3{width:100%!important;max-width:none;}
  .copy-btn{display:none!important;}
  #copy-all{display:block!important;margin:0 auto 10px auto;}
}

@font-face{font-family:'clockicons';src:url('/assets/fonts/84cb021d5f9af287ffff84b61beef6dc.woff2') format('woff2'),url('/assets/fonts/84cb021d5f9af287ffff84b61beef6dc.woff') format('woff');font-display:swap;}
.box{width:54px;}
.box-total{width:88px;}
.count-box{position:relative;display:inline-block;height:36px;line-height:36px;margin:0 10px 0 2px;background:#111;border-radius:4px;overflow:hidden;}
.count-box,.count-box *{font-family:'clockicons',monospace!important;line-height:36px!important;}
.count-box>span{position:relative;display:inline-block;height:36px;}
.count-box>span>span:nth-child(1){opacity:1;}
.count-box>span>span:nth-child(2){position:absolute;top:0;right:0;pointer-events:none;}
