.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}

.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}

@font-face{font-family:'clockicons';src:url('/assets/fonts/84cb021d5f9af287ffff84b61beef6dc.woff2') format('woff2'),url('/assets/fonts/84cb021d5f9af287ffff84b61beef6dc.woff') format('woff');font-display:swap}

.ll-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02)}
.ll-table-wrap::-webkit-scrollbar{height:8px}
.ll-table-wrap::-webkit-scrollbar-track{background:transparent}
.ll-table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:8px}

.tbl-logs{table-layout:fixed;width:100%;border-collapse:collapse}
.tbl-logs th,.tbl-logs td{vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 12px;text-align:center;white-space:nowrap}
.tbl-logs .cell-id,.tbl-logs .cell-rank,.tbl-logs .cell-action,.tbl-logs .cell-time{text-align:center}
.tbl-logs .cell-preview{overflow:visible}
.tbl-logs td:nth-child(3),.tbl-logs th:nth-child(3){width:420px;max-width:520px}

.pv{display:block}
.pv.is-collapsed{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv.is-collapsed.is-ellipsis{cursor:pointer}
.pv.is-collapsed.is-ellipsis.is-hover-expanded{white-space:normal;word-break:break-word;background:rgba(255,255,255,.045);border-radius:4px;transition:background .12s ease;text-align:left}
.pv.is-fixed-expanded{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.5;background:rgba(255,255,255,.06);border-radius:4px;text-align:left}
.tbl-logs .cell-preview .pv.is-collapsed:focus{outline:2px dashed #777;outline-offset:2px;border-radius:4px}

.pager-wrap{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px}
.pager-btn,.pager-num{border:1px solid #444;background:transparent;padding:4px 8px;border-radius:6px;font-size:13px;cursor:pointer}
.pager-num.is-active{background:#333;color:#fff;border-color:#333}

.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:2147483647;display:none;justify-content:center;align-items:center;padding:12px}
.overlay-box{background:#111;border-radius:12px;padding:12px;max-width:980px;width:100%;max-height:85vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.4);color:#eee;font-size:14px;line-height:1.6;text-align:center;margin:0 auto;animation:ovZoom .18s ease-out}
@keyframes ovZoom{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
.overlay-close{text-align:right;margin-bottom:4px}
.overlay-close button{border:none;background:transparent;color:#ccc;font-size:20px;cursor:pointer}
.overlay-box .section-title{font-weight:700;font-size:1.2rem;margin:8px 0 14px;color:#ffd44d;text-align:center}
.overlay-box .nums-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0}
.overlay-box .combo-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px 0}
.overlay-box .combo-line .rank-badge{min-width:52px;text-align:center}
.overlay-box p{color:#ddd;font-size:14px;text-align:center}

.ll-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 14px;background:#0f0f10;border:1px solid #202124;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.25);margin-bottom:10px;flex-wrap:wrap}
.ll-left-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;flex:1 1 auto}
.ll-group{display:flex;flex-direction:column;gap:8px;min-width:180px}
.ll-group.ll-grow{flex:1 1 auto;min-width:260px}
.ll-group.ll-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}
.ll-label{font-size:12px;color:#9aa0a6;padding-left:2px}

.ll-select,.ll-input{height:36px;padding:6px 10px;font-size:14px;background:#151617;color:#e6e6e6;border:1px solid #2b2c2e;border-radius:8px}
.ll-select:focus,.ll-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
.ll-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;padding-right:10px}
.ll-select::-ms-expand{display:none}
.ll-group select.form-select{background-image:none!important}

.ll-search{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}
.ll-search .ll-input{flex:1 1 auto;min-width:280px;width:100%;display:inline-flex;align-items:center;line-height:normal;height:36px;padding:0 10px}

.ll-btn{height:36px;padding:0 12px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid #5e81ac;background:linear-gradient(180deg,#6b8fc2,#547eb6);color:#fff;cursor:pointer;align-items:center;gap:6px;transition:transform .05s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px rgba(84,126,182,.28);line-height:normal;}
.ll-btn:hover{filter:brightness(1.06)}
.ll-btn:active{transform:translateY(1px)}
.ll-btn-ico{margin:0}
.ll-btn-text{padding-right:3px;}

.ll-select-wrap{position:relative;display:inline-block}
.ll-select-wrap .ll-select{padding-right:36px}
.ll-select-wrap .ll-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#9aa0a6;pointer-events:none;user-select:none}

.page-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.6rem;font-weight:800;letter-spacing:.3px;color:#eaeaea;padding:8px 0 14px;position:relative}
.page-title:before,.page-title:after{content:"";height:1px;flex:1 1 80px;background:linear-gradient(90deg,transparent,#2b2c2e,transparent)}
.page-title .accent{color:#ffd44d}

.alert-warning{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);color:#ffb74d;font-weight:600;font-size:14px;border-radius:8px;padding:6px 10px;margin-top:6px}
.alert-warning .ico{color:#ff9800;font-size:16px;line-height:1}

@media (max-width:920px){
  .ll-toolbar{flex-direction:column;align-items:stretch;gap:10px}
  .ll-left-group{flex-direction:column;align-items:stretch}
  .ll-group,.ll-group.ll-grow{min-width:100%}
  .ll-search{width:100%;gap:6px}
  .page-title{font-size:1.4rem}
  .ll-search .ll-input{min-width:200px}
}
@media (max-width:768px){
  .tbl-logs{min-width:720px}
  .tbl-logs td,.tbl-logs th{font-size:13px;padding:9px 10px}
  .overlay-box{max-width:96%;padding:8px;font-size:13px}
  .overlay-box .section-title{font-size:1.1rem}
  .overlay-box p{font-size:13px}
}
@media (max-width:420px){
  .tbl-logs{min-width:680px}
  .tbl-logs td:nth-child(3),.tbl-logs th:nth-child(3){width:460px;max-width:520px}
}