/* KING TRIAD HK — Crimson Modern UI. Presentation-only overrides. */
:root{--kt-bg:#100d11;--kt-surface:#21171d;--kt-panel:#2b1b23;--kt-red:#d62e47;--kt-bright:#ff5268;--kt-text:#f8eef1;--kt-muted:#d6bfc7;--kt-border:#59313e}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 50% -10%,#622235 0%,#21151c 35%,#100d11 75%) fixed!important;color:var(--kt-text)!important;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;line-height:1.65}
.container-sm{max-width:1160px!important;background:var(--kt-surface)!important;color:var(--kt-text)!important;border:1px solid var(--kt-border);border-radius:18px!important;box-shadow:0 24px 70px #0009,0 0 0 1px #ffffff09!important;overflow:hidden;margin-top:18px;margin-bottom:24px;padding:0 0 18px!important}
.headlogo{background:linear-gradient(135deg,#3a1825,#160f15 70%)!important;padding:24px 18px 18px!important;border-bottom:1px solid #6c3346}
.headlogo img{max-width:790px;width:90%;height:auto;filter:drop-shadow(0 8px 16px #0008)}
.menu_nav,.navbar.menu_nav{background:linear-gradient(110deg,#551a2b,#a4233c 55%,#5b1a2b)!important;border:1px solid #ad4a5c;border-radius:14px!important;margin:14px 16px!important;padding:9px!important;box-shadow:0 8px 22px #0005}
.menu-item{display:flex!important;gap:7px;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important}
.menu-item .nav-link,.menu_nav .nav-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff24!important;border-radius:9px!important;background:#190e1647!important;color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.2px;padding:10px 16px!important;line-height:1.3;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.menu-item .nav-link:hover,.menu-item .nav-link:focus{background:#f14a64!important;color:#fff!important;border-color:#ffb0bc!important;transform:translateY(-2px)}
.dropdown-menu{background:#291820!important;border:1px solid #8e4053!important;border-radius:12px!important;padding:7px!important;box-shadow:0 16px 35px #0008}.dropdown-item{color:#fff!important;border-radius:7px;padding:9px 15px}.dropdown-item:hover,.dropdown-item:focus{background:#b52a46!important;color:#fff!important}
.running-text{background:#361b28!important;color:#ffe5ea!important;border-top:1px solid #753247;border-bottom:1px solid #753247;margin:12px 16px!important;border-radius:9px!important;padding:9px 12px!important;box-shadow:none!important}
.konten{background:transparent!important;color:var(--kt-text)!important;padding:22px clamp(14px,3vw,34px)!important}
.konten *{color:inherit}.konten h1,.konten h2,.konten h3,.konten h4{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;color:#fff!important;font-weight:800!important;letter-spacing:.2px;line-height:1.3}
.konten h2{font-size:clamp(22px,3vw,32px);margin:8px 0 18px!important}.konten h3{font-size:clamp(19px,2.4vw,25px);margin:16px 0 12px!important}.konten p{color:#eedde3!important;line-height:1.8;margin-bottom:15px!important}.konten a{color:#ff9dac!important}.konten a:hover{color:#fff!important}
.square{background:linear-gradient(160deg,#33202b,#24181f)!important;border:1px solid #6d384a!important;border-radius:15px!important;padding:20px!important;margin:16px 0!important;box-shadow:0 12px 30px #0003}
.livedraw{background:#171116!important;border:1px solid #663748;border-radius:12px;padding:10px;overflow-x:auto;max-width:100%;color:#fff!important}
.konten table,.livedraw table{max-width:100%;border-collapse:separate!important;border-spacing:0!important;background:#21161e!important;color:#fff!important;border:1px solid #714052!important;border-radius:10px;overflow:hidden}
.konten table th,.livedraw table th{background:#86243e!important;color:#fff!important;font-weight:750!important;padding:10px 8px!important;border-color:#754354!important}
.konten table td,.livedraw table td{background:#281b24!important;color:#f8eef1!important;padding:9px 8px!important;border-color:#5c3644!important}
.konten table tr:nth-child(even) td,.livedraw table tr:nth-child(even) td{background:#35212d!important}
.konten table tr:hover td,.livedraw table tr:hover td{background:#492735!important}
.konten button,.konten input[type=submit],.konten .btn{border-radius:9px!important;box-shadow:none!important}.konten input,.konten select{max-width:100%}
#footer,footer{background:#170f15!important;color:#e4c7d1!important;border-top:1px solid #693447;padding:18px!important}
img{max-width:100%;height:auto}iframe{max-width:100%}
@media(max-width:767px){.container-sm{margin:0!important;border-radius:0!important;border-left:0;border-right:0}.headlogo{padding:16px 10px!important}.menu_nav,.navbar.menu_nav{margin:10px!important;padding:8px!important}.menu-item{gap:6px}.menu-item .nav-link,.menu_nav .nav-link{font-size:13px!important;padding:9px 11px!important}.konten{padding:14px 12px!important}.square{padding:12px!important}.running-text{margin:9px 10px!important}.livedraw{padding:5px}.konten table th,.konten table td,.livedraw table th,.livedraw table td{padding:7px 5px!important;font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-item .nav-link{transition:none!important}.nav-link1{animation:none!important}}

/* Crimson Light: black readable text on light surfaces */
:root{--kt-bg:#fff7f7;--kt-surface:#fff;--kt-panel:#fff1f1;--kt-red:#b91c35;--kt-bright:#d72b46;--kt-text:#171717;--kt-muted:#393939;--kt-border:#e7b9bf}
html,body{background:#f8eeee!important;color:#171717!important}
.container-sm{background:#fff!important;color:#171717!important;border-color:#e6b9c0!important;box-shadow:0 18px 55px #6b1b2b20!important}
.headlogo{background:linear-gradient(130deg,#ffe5e7,#fff8f8)!important;border-bottom-color:#e6b9c0!important}
.menu_nav,.navbar.menu_nav{background:linear-gradient(110deg,#f5c7ce,#fff0f0,#efb5bf)!important;border-color:#df9fa9!important;box-shadow:0 8px 20px #771b3020!important}
.menu-item .nav-link,.menu_nav .nav-link{background:#fff8f8!important;color:#211014!important;border-color:#dc9da8!important}
.menu-item .nav-link:hover,.menu-item .nav-link:focus{background:#f7d6db!important;color:#151515!important;border-color:#b91c35!important}
.dropdown-menu{background:#fffafa!important;border-color:#dca4ae!important;box-shadow:0 14px 28px #6b1b2b20!important}
.dropdown-item{color:#171717!important}.dropdown-item:hover,.dropdown-item:focus{background:#f8d5dc!important;color:#171717!important}
.running-text{background:#ffe5e9!important;color:#171717!important;border-color:#e8adb8!important}
.konten,.konten *{color:#171717!important}
.konten h1,.konten h2,.konten h3,.konten h4,.konten p{color:#171717!important}
.konten a{color:#891329!important;text-decoration-color:#c27a87}.konten a:hover{color:#591020!important}
.square{background:linear-gradient(160deg,#fff8f8,#ffeded)!important;border-color:#e5b4bd!important;box-shadow:0 10px 25px #741d3020!important}
.livedraw{background:#fff8f8!important;color:#171717!important;border-color:#dba3ad!important}
.konten table,.livedraw table{background:#fff!important;color:#171717!important;border-color:#d8a1ab!important}
.konten table th,.livedraw table th{background:#f0bdc7!important;color:#171717!important;border-color:#dca7b1!important}
.konten table td,.livedraw table td{background:#fffafa!important;color:#171717!important;border-color:#e5c4c9!important}
.konten table tr:nth-child(even) td,.livedraw table tr:nth-child(even) td{background:#ffedf0!important}
.konten table tr:hover td,.livedraw table tr:hover td{background:#fbd9df!important}
#footer,footer{background:#ffe8eb!important;color:#171717!important;border-top-color:#dda7b1!important}
#footer *,footer *{color:#171717!important}
.konten input,.konten select,.konten textarea{background:#fff!important;color:#171717!important;border-color:#d3a1a9!important}
.konten button,.konten .btn{color:#171717!important}

/* v1.2: readable result labels and crisp red balls */
.livedraw .hari,.livedraw .tanggal,.livedraw td.hari,.livedraw td.tanggal{background:#fff1f2!important;color:#171717!important;text-shadow:none!important;font-weight:750!important;filter:none!important;opacity:1!important;-webkit-text-stroke:0!important}
.livedraw .hari *, .livedraw .tanggal *{color:#171717!important;text-shadow:none!important;filter:none!important}
.livedraw .bola,.livedraw .bola *{color:#fff!important;text-shadow:none!important;font-weight:800!important;-webkit-text-stroke:0!important}
.livedraw .bola{background:radial-gradient(circle at 32% 22%,#ff9292 0%,#ef2937 28%,#c81027 68%,#920b20 100%)!important;border:1px solid #8d1122!important;box-shadow:inset 0 1px 2px #ffffff80,0 2px 3px #4a101b40!important;filter:none!important;opacity:1!important;font-variant-numeric:tabular-nums}
/* Paito: avoid expensive hover repaints; preserve user-selected cell colors */
.paito-fast .table, .paito-fast-table{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.paito-fast .table table{border-collapse:collapse;table-layout:fixed}
.paito-fast .table td{transition:none!important;text-shadow:none!important;box-shadow:none!important}
.paito-fast .table td.pointer{color:#171717!important;background-color:#fffafa}
.paito-fast .table td.pointer.lightcoral{background-color:lightcoral!important}.paito-fast .table td.pointer.plum{background-color:plum!important}.paito-fast .table td.pointer.magenta{background-color:magenta!important}.paito-fast .table td.pointer.wheat{background-color:wheat!important}.paito-fast .table td.pointer.orange{background-color:orange!important}.paito-fast .table td.pointer.cyan{background-color:cyan!important}.paito-fast .table td.pointer.orchid{background-color:orchid!important}
.paito-fast .table td.pointer.purple{background-color:purple!important;color:white!important}.paito-fast .table td.pointer.firebrick{background-color:firebrick!important;color:white!important}.paito-fast .table td.pointer.olive{background-color:olive!important;color:white!important}.paito-fast .table td.pointer.navy{background-color:navy!important;color:white!important}
.paito-fast .table tr:hover td.pointer{box-shadow:none!important}

/* V7 navigation: full-width and readable footer */
.menu_nav,.navbar.menu_nav{width:calc(100% - 24px)!important;max-width:none!important;margin:12px!important;padding:8px!important;box-sizing:border-box!important}
.menu_nav>.container-fluid{width:100%!important;max-width:none!important;padding:0!important}
.menu_nav .menu-item{width:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
.menu_nav .menu-item>.nav-link,.menu_nav .menu-item>.nav-item{min-width:0!important;width:100%!important;margin:0!important}
.menu_nav .menu-item .nav-link{width:100%!important;min-height:42px!important;padding:8px 5px!important;white-space:normal!important;text-align:center!important}
#footer,#footer *,footer,footer *{color:#171717!important;text-shadow:none!important;opacity:1!important}
#footer a,footer a{color:#85142b!important}
@media(max-width:767px){.menu_nav,.navbar.menu_nav{width:100%!important;margin:8px 0!important;border-radius:8px!important}.menu_nav .menu-item{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.menu_nav .menu-item .nav-link{font-size:14px!important;min-height:42px!important}.menu_nav .menu-item>.nav-link:first-child{grid-column:span 2}}

/* V8: beri ruang untuk logo Hongkong Pools pada layar HP */
@media (max-width: 767px) {
  .headlogo { padding-top: 96px !important; }
}

/* V9: satu tombol per baris, menu hari tidak menimpa tombol lain */
.menu_nav .menu-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:6px!important}
.menu_nav .menu-item>.nav-link,.menu_nav .menu-item>.nav-item{grid-column:1/-1!important;width:100%!important;min-width:0!important}
.menu_nav .menu-item>.nav-item .nav-link{width:100%!important;display:flex!important;justify-content:center!important}
.menu_nav .dropdown-menu{position:static!important;float:none!important;transform:none!important;inset:auto!important;width:100%!important;min-width:0!important;margin:5px 0 0!important;box-sizing:border-box!important}
.menu_nav .dropdown-menu:not(.show){display:none!important}
.menu_nav .dropdown-menu.show{display:block!important}
.menu_nav .dropdown-item{display:block!important;text-align:center!important}
@media(max-width:800px){
  /* Tiga banner fixed masing-masing 50px: sediakan ruang di atas logo */
  body:has(.floating-top){padding-top:156px!important}
  body:has(.floating-top) .headlogo{padding-top:8px!important}
  .menu_nav .menu-item{grid-template-columns:minmax(0,1fr)!important}
  .menu_nav .menu-item>.nav-link:first-child{grid-column:1/-1!important}
}
@media(min-width:801px){body:has(.floating-top){padding-top:56px!important}}