:root{--bg:#07192c;--surface:#0d2741;--surface2:#102e4b;--ink:#eaf6ff;--muted:#b6c8d9;--edge:#2b6b83;--accent:#f9d157;--highlight:#fff0aa;--shadow:0 18px 50px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2{letter-spacing:-.03em}.container{width:min(1430px,calc(100% - 54px));margin-inline:auto}.topbar{position:relative;z-index:5;background:#041824;border-bottom:2px solid var(--accent);box-shadow:0 4px 20px rgba(0,0,0,.25)}.navwrap{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{min-width:230px;display:flex;align-items:center}.brand img{width:245px;height:75px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;justify-content:center;gap:10px}.nav a{padding:12px 17px;color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.02em;white-space:nowrap;transition:.2s}.nav a.active,.nav a:hover{border-radius:10px;color:#061d20;background:var(--accent);box-shadow:0 5px 20px #d4c05055}.header-clock{min-width:168px;display:flex;align-items:center;justify-content:flex-end;gap:10px;line-height:1.2}.header-clock strong{font-size:20px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.header-clock small{display:block;text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);white-space:nowrap}.live-dot{height:9px;width:9px;display:inline-block;background:#ff3448;border-radius:50%;box-shadow:0 0 12px #ff3448;flex-shrink:0}.pilot-ribbon{font-size:11px;font-weight:800;letter-spacing:.4px;background:#3d2a1a;color:#ffe8ad;border-bottom:1px solid #b79a5a;padding:10px 0}.hero{position:relative;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-eyebrow,.section-eyebrow,.santos-strap{display:inline-block;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--accent)}.hero h1{font-weight:1000;line-height:1.05;font-size:clamp(39px,4.2vw,68px);margin:16px 0;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.55)}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy p{font-size:14px;line-height:1.7;color:#d7f0ed}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn-main,.btn-outline,.btn-clear{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:10px;font-size:13px;font-weight:900;line-height:1.2;border:1px solid transparent;cursor:pointer}.btn-main{background:var(--accent);color:#071c24;box-shadow:0 5px 15px #0004}.btn-outline{border-color:var(--edge);color:var(--ink);background:#071e32bb}.btn-clear{border-color:var(--edge);background:transparent;color:var(--ink)}.countdown-panel{position:relative;padding:24px 25px;border:2px solid var(--accent);border-radius:19px;background:linear-gradient(155deg,rgba(4,29,39,.98),rgba(4,15,29,.95));box-shadow:var(--shadow);text-align:center;min-width:0}.countdown-label{color:var(--accent);font-size:15px;letter-spacing:.12em;font-weight:1000}.countdown-title{margin-top:15px;font-weight:800;font-size:13px;color:#cee8df}.countdown-title strong{display:block;font-size:20px;margin-top:8px;color:#fff}.local-schedule{display:block;font-size:27px;margin:13px 0 0;color:var(--accent)}.countdown{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px 0}.countdown strong{display:inline-flex;min-width:75px;height:78px;align-items:center;justify-content:center;padding:5px 7px;font-size:clamp(25px,2.8vw,43px);font-weight:1000;font-variant-numeric:tabular-nums;background:#123445;border:1px solid var(--accent);color:#fff;box-shadow:0 0 15px #ffca5355;border-radius:9px}.countdown b{font-size:35px;color:var(--accent)}.countdown-panel p,.countdown-sub{margin:8px 0 0;color:#b8d5d4;font-size:12px}.clock-date{display:block;font-size:12px;color:var(--accent);margin-top:12px;font-weight:800}.content-pad{padding-top:25px;padding-bottom:64px}.results-stage,.recent-module,.schedule-module,.island-history,.temple-schedule{min-width:0}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.stage-head h2{margin:6px 0 0;font-size:23px;color:inherit}.stage-head h2 span{color:var(--accent)}.stage-date{font-size:12px;color:var(--muted);margin-top:9px}.pill{display:inline-flex;border:1px solid var(--edge);border-radius:30px;padding:8px 13px;font-size:10px;font-weight:900;white-space:nowrap;color:var(--accent)}.pill.live{background:#4a1520;color:#ffd1d1;border-color:#ea5965}.pill.completed{background:#0c6145;color:#c9f6e5;border-color:#4ac99c}.first-digits{display:flex;justify-content:center;align-items:center;gap:8px}.first-digits span{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:64px;font-size:46px;font-weight:1000;background:linear-gradient(150deg,#08253b,#081627);border-radius:10px;border:1px solid var(--accent);color:var(--highlight);box-shadow:inset 0 0 12px #184b5c,0 0 16px #f2c43e55;text-shadow:0 0 11px #e9ba3980;font-variant-numeric:tabular-nums}.first-digits .hidden-digit{color:#728b9f}.number-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.number-panel{border:1px solid var(--edge);border-radius:11px;min-width:0;overflow:hidden;background:#06192765}.number-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#0f3545;color:var(--accent);font-size:12px;font-weight:900}.number-head small{font-size:9px;color:#d8e9ea}.number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:13px}.number-grid span{display:block;text-align:center;border-radius:6px;padding:8px 2px;font-size:16px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.number-grid span.is-hidden{opacity:.55}.engine-indicator{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.06em}.engine-indicator .dot{display:inline-block;width:6px;height:6px;background:#4de8ad;border-radius:50%;margin-right:5px}.recent-module,.schedule-module{padding:17px;border:1px solid var(--edge);border-radius:15px;box-shadow:var(--shadow)}.side-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.side-title h3{font-size:19px;margin:0;font-weight:1000;letter-spacing:.02em}.side-title a{font-size:10px;font-weight:900;color:var(--accent);white-space:nowrap}.recent-list{display:flex;flex-direction:column;gap:7px}.recent-row{display:block;border:1px solid var(--edge);border-radius:7px;padding:9px 13px;transition:.2s;background:#08263740}.recent-row:hover{border-color:var(--accent)}.recent-row-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.recent-row-top small{color:var(--muted);font-size:10px}.recent-prizes{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12px;font-weight:800}.recent-prizes b{color:var(--accent)}.muted{font-size:13px;color:var(--muted)}.footer{border-top:2px solid var(--edge);padding:30px 0;background:rgba(0,0,0,.12)}.foot-inner{display:grid;grid-template-columns:1fr 1.8fr auto;gap:18px;align-items:center;font-size:11px;color:var(--muted)}.foot-brand b{font-size:15px;display:block;color:var(--ink)}.foot-brand small{display:block;margin-top:6px}.footer p{margin:0;line-height:1.5}.inner-banner{padding:46px 0;background:linear-gradient(125deg,#092b40,#0e4254);border-bottom:3px solid var(--accent)}.inner-banner h1{font-size:clamp(35px,4vw,56px);margin:11px 0}.inner-banner span:first-child{color:var(--accent);letter-spacing:.19em;font-size:11px;font-weight:900}.inner-banner p{font-size:14px;color:#d7e2e8}.mini-count{display:flex;gap:14px;align-items:center;margin-top:12px;font-size:13px}.mini-count strong{font-size:28px;color:var(--accent);font-variant-numeric:tabular-nums}.results-page-card,.history-card,.detail-card{padding:27px;border:1px solid var(--edge);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);margin-bottom:22px}.full-result{margin-top:18px}.result-meta{display:flex;gap:15px;font-size:13px;color:var(--muted);flex-wrap:wrap}.full-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.prize-card{background:#071629;border:1px solid var(--edge);padding:22px;display:flex;flex-direction:column;gap:12px;border-radius:14px}.prize-card.first{border-color:var(--accent)}.prize-card .rank{font-size:12px;color:var(--accent);font-weight:900}.prize-card strong{font-size:clamp(25px,3.3vw,42px);font-variant-numeric:tabular-nums;letter-spacing:.09em}.full-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.correct-note{padding:12px;background:#f5ba4733;border:1px solid var(--accent);border-radius:8px;font-size:12px;margin-top:13px}.history-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.history-toolbar>div{flex:1}.history-toolbar h2{margin:6px 0 0}.history-toolbar label{font-size:11px;display:grid;gap:7px;font-weight:900}.history-toolbar input{padding:10px;border:1px solid var(--edge);background:#fff;color:#152e36;border-radius:8px}.table-scroll{overflow:auto}.history-table{width:100%;border-collapse:collapse;min-width:580px}.history-table th,.history-table td{text-align:left;padding:14px;border-bottom:1px solid var(--edge)}.history-table th{font-size:11px;color:var(--accent);letter-spacing:.07em}.history-table td{font-size:15px;font-weight:700}.history-table td small{display:block;font-weight:400;font-size:10px;color:var(--muted)}.detail-btn{border:1px solid var(--edge);color:var(--accent);padding:8px;border-radius:6px;background:transparent;font-weight:800}.history-pager{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:20px;font-size:12px}.detail-head{display:flex;justify-content:space-between}.detail-card[hidden]{display:none}.loading-spinner{border:3px solid #fff3;border-top-color:var(--accent);width:30px;height:30px;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.error-state{color:#ffc3b4}
@media(max-width:1050px){.header-clock{display:none}.brand{min-width:175px}.brand img{width:195px}.nav a{padding:10px 11px;font-size:12px}.countdown strong{min-width:63px;height:65px;font-size:30px}}
@media(max-width:740px){.container{width:min(100% - 26px,1430px)}.navwrap{flex-wrap:wrap;padding:8px 0 11px;justify-content:center;gap:2px}.brand{width:100%;justify-content:center}.brand img{width:220px;height:65px;object-position:center}.nav{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nav a{font-size:11px;padding:10px 15px}.hero h1{font-size:clamp(34px,9vw,51px)}.countdown strong{min-width:65px}.foot-inner{grid-template-columns:1fr}.number-panels,.full-bottom{grid-template-columns:1fr}.full-podium{grid-template-columns:1fr}.content-pad{padding-top:14px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


body[data-theme=komoro]{--bg:#e6f8f7;--surface:#fff;--surface2:#d0f6f3;--ink:#083b3c;--muted:#527b82;--edge:#a4d4d5;--accent:#008b81;--highlight:#003e43;background:#e9f9f8;color:var(--ink)}
body[data-theme=komoro] .topbar{background:white;border-bottom:1px solid #d8eaeb;box-shadow:0 5px 10px #178a9020}body[data-theme=komoro] .nav a{color:#103a45}body[data-theme=komoro] .nav a.active{background:linear-gradient(125deg,#04a99b,#006a6c);color:white;box-shadow:none;border-radius:28px}
body[data-theme=komoro] .header-clock{color:#06474b}body[data-theme=komoro] .header-clock small{color:#448489}body[data-theme=komoro] .brand img{filter:drop-shadow(0 2px 2px #07767a40)}
.hero-komoro{min-height:350px;background:linear-gradient(90deg,#006c7bd9 0,#0a8b93ab 35%,#0a8b9358 66%,#e0fdfa12 100%),url('/assets/scene.webp') center/cover}.komoro-hero-grid{min-height:350px;display:grid;grid-template-columns:1fr .68fr;gap:45px;align-items:center;padding:34px 0}.hero-komoro h1{font-weight:900;letter-spacing:-.05em;font-style:italic;text-shadow:0 3px 9px #00515d}.hero-komoro h1 em{color:#fcdd8c}.hero-komoro .hero-eyebrow{color:#d8fcf2}.hero-komoro .countdown-panel{border:1px solid #cff9f3;background:linear-gradient(135deg,#ffffffee,#ddf8f7ea);box-shadow:0 10px 35px #00596366;color:#025f5c;border-radius:24px}.hero-komoro .countdown-label{color:#054c4c}.hero-komoro .local-schedule{color:#006768}.hero-komoro .countdown strong{background:#087b76;border:0;color:white;box-shadow:0 4px 15px #0a6b6b22;border-radius:9px}.hero-komoro .countdown b{color:#075e6d}.hero-komoro .countdown-panel p{color:#207579}.hero-komoro .clock-date{color:#147a7a}
.island-board{margin-top:2px}.island-board-bar{background:linear-gradient(90deg,#00958e,#007978);color:white;padding:14px 23px;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.island-board-bar strong{font-size:17px}.island-board-bar span:last-child{font-size:10px;letter-spacing:.1em}.island-results{border:1px solid #c0e9e5;background:white;border-radius:0 0 23px 23px;padding:25px;box-shadow:0 12px 32px #00777723}.island-results .stage-head h2{color:#075a60}.island-results .pill{color:#0a8f8b}.island-results .stage-date{color:#658989}.island-podium{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;margin:23px 0}.prize-feature{min-height:153px;border-radius:14px;padding:15px;background:linear-gradient(140deg,#05968c,#004d50);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;box-shadow:0 6px 15px #00787744}.prize-feature.second{background:linear-gradient(135deg,#aceee9,#249a9c)}.prize-feature.third{background:linear-gradient(135deg,#b2e7ee,#5bc2bf)}.prize-label{display:block;font-size:15px;color:#fff;font-weight:900;text-align:center;margin-bottom:11px}.prize-label.crown{color:#ffe496;font-size:19px}.prize-feature>strong{font-size:47px;letter-spacing:.12em;font-weight:1000}.island-podium .first-digits span{width:53px;height:58px;min-height:58px;background:#efffff;color:#09585b;border:0;box-shadow:0 2px 9px #002d2a4d;font-size:34px}.island-results .number-panels .number-panel{background:#f3ffff;border-color:#bde5e4}.island-results .number-head{background:#d5f7f5;color:#006c68}.island-results .number-head small{color:#2b7d76}.island-results .number-grid span{background:#e7f7f8;color:#0c5659;border:1px solid #c0ece8}.island-results .engine-indicator{text-align:right;margin-top:11px;color:#0a7470}.island-bottom{display:grid;grid-template-columns:1fr .9fr;gap:20px;margin-top:25px}.island-bottom .recent-module,.island-history{background:white;border:1px solid #d2eeee;border-radius:20px;padding:23px;box-shadow:0 10px 25px #0b92912b}.island-bottom .recent-row{background:#e6f6f7;border:0}.island-bottom .recent-row:nth-child(odd){background:#d4f0f0}.island-bottom .recent-prizes b{color:#007c7b}.island-history{min-height:315px;background:linear-gradient(130deg,#ffffffdd,#e6ffffdd),url('/assets/scene.webp') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px}.island-history>span{letter-spacing:.18em;color:#198b86;font-size:11px;font-weight:900}.island-history h3{font-size:35px;color:#06494f;margin:17px 0 8px}.island-history p{color:#32797a}.island-history .btn-main{margin-top:15px}.island-bottom .side-title a{color:#00857e}.island-board .engine-indicator{color:#16867b}
body[data-theme=komoro] .inner-banner{background:linear-gradient(95deg,#046b77,#6ecad0);color:#fff}body[data-theme=komoro] .inner-banner h1{color:#fff}body[data-theme=komoro] .footer{background:#ddf3f1;color:#36666d}body[data-theme=komoro] .foot-brand b{color:#055051}
@media(max-width:980px){.island-podium{grid-template-columns:1fr}.prize-feature{min-height:115px}.komoro-hero-grid{grid-template-columns:1fr 1fr}.island-bottom{grid-template-columns:1fr}}
@media(max-width:740px){.komoro-hero-grid{grid-template-columns:1fr;gap:20px}.island-board-bar{flex-wrap:wrap;justify-content:center}.island-board-bar span:last-child{display:none}.island-results{padding:15px}.island-results .number-grid{gap:3px}.prize-feature{min-height:116px}}
/* KOMORO - Logo khusus Mobile */
@media (max-width: 740px) {
    .topbar .brand img {
        width: 145px !important;
        max-width: 100% !important;
        max-height: none !important;
        height: auto !important;
        object-fit: contain;
    }
}