/* IVORY POOLS V6 — real HTML/CSS components. No screenshot boards. */
:root{--iv-green:#003727;--iv-deep:#002a20;--iv-gold:#f1ca6a;--iv-gold2:#ffdf8e;--iv-edge:#e1a749}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body.ivory-proper{margin:0;background:#00271c;color:#fff9e7;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body.ivory-proper a{text-decoration:none}body.ivory-proper button{cursor:pointer}
.iv-header{height:90px;background:linear-gradient(105deg,#00291e,#00372d 49%,#022b23);border-bottom:2px solid #bd9040;position:relative;z-index:20}
.iv-header-inner{max-width:1672px;height:100%;padding:0 3.4%;margin:auto;display:flex;gap:3.4%;align-items:center;justify-content:space-between}
.iv-brand{width:318px;flex:0 1 318px;display:flex;align-items:center}.iv-brand img{display:block;max-width:100%;width:318px;height:83px;object-fit:contain;object-position:left center}
.iv-menu{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:clamp(16px,2.1vw,38px);min-width:0}
.iv-menu>a{position:relative;display:flex;align-items:center;gap:9px;padding:14px 2px;color:#f5f5df;white-space:nowrap;font-weight:800;font-size:clamp(13px,1.18vw,20px);transition:color .2s}
.iv-menu>a:hover,.iv-menu>a.is-active{color:#ffe08e}.iv-menu>a:first-child{color:#ffe08e}
.iv-menu>a:first-child:after,.iv-menu>a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:3px;background:#ffdc68;box-shadow:0 0 15px #ffe673;border-radius:30px}
.iv-icon{font-size:23px;font-weight:normal;line-height:1}
.iv-clock{margin-left:auto;min-width:218px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #9b834c;border-radius:50px;padding:8px 15px;background:linear-gradient(180deg,#002b21,#00372b);box-shadow:inset 0 0 14px #13251b;color:#fff}
.iv-flag{display:block;flex:none;width:50px;height:50px;background:linear-gradient(90deg,#ff9d12 0 33.333%,#fff 33.333% 66.666%,#049d54 66.666%);border:2px solid #ffedb0;border-radius:100%;box-shadow:0 0 8px #0008}
.iv-clock-content{display:flex;flex-direction:column;gap:1px}.iv-clock-content span{font-size:12px;white-space:nowrap}.iv-clock-content strong{font-size:23px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.iv-hero{position:relative;overflow:hidden;min-height:825px;background:linear-gradient(180deg,#173d32,#08382e 63%,#003e29);border-bottom:3px solid var(--iv-edge)}
.iv-hero-photo{position:absolute;inset:0 0 50px;background:linear-gradient(90deg,#0028195e 0%,#0130211f 28%,#001c1370 100%),linear-gradient(180deg,transparent 0 54%,#0b3c27af 100%),url('/assets/ivory-sunset-scenery.webp') center center/cover no-repeat;z-index:0}
.iv-hero-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 42% at 45% 62%,transparent 30%,rgba(0,32,22,.11) 100%)}
.iv-main-grid{position:relative;z-index:1;max-width:1672px;margin:auto;display:grid;grid-template-columns:32% 30% 38%;align-items:start;padding:72px 3.4% 0;min-height:600px}
.iv-intro{z-index:4;display:flex;align-items:center;flex-direction:column;text-align:center;padding-top:10px;gap:15px}
.iv-live-button{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#ee1819,#9e0a0c);border:2px solid #ff4645;box-shadow:0 4px 20px #ed121255, inset 0 3px 12px #ff8d6955;border-radius:14px;padding:12px 25px;color:#fff;font-size:clamp(18px,1.65vw,29px);font-weight:900;font-style:italic;min-width:265px;white-space:nowrap}
.iv-play{font-style:normal;font-size:19px}.iv-intro h1{font-size:clamp(30px,3.05vw,52px);margin:0 0 -7px;font-weight:900;white-space:nowrap;text-shadow:0 4px 12px #062417;letter-spacing:-.035em}
.iv-rule-title{display:flex;align-items:center;gap:14px;font-size:clamp(17px,1.65vw,27px);letter-spacing:.015em;font-weight:800;white-space:nowrap;text-shadow:0 2px 10px #00190f}
.iv-rule-title span{width:60px;height:2px;background:linear-gradient(90deg,transparent,#d8ae50)}.iv-rule-title span:last-child{transform:scaleX(-1)}
.iv-schedule-card{position:relative;width:min(100%,385px);min-height:172px;background:radial-gradient(ellipse at center top,#04503a,#003525 70%);border:3px solid #ffc352;border-radius:21px;box-shadow:0 0 10px #ffb934,0 0 30px #edb4387a,inset 0 0 13px #022718;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:13px 10px;isolation:isolate}
.iv-schedule-card:before,.iv-schedule-card:after{content:"";position:absolute;inset:8px -6px;z-index:-1;border-left:4px solid #ffca58;border-right:4px solid #ffca58;transform:skewY(-6deg);border-radius:19px;filter:drop-shadow(0 0 8px #f5ad27)}
.iv-schedule-label{color:#fff6d1;font-size:26px;line-height:1.12;font-weight:800}
.iv-schedule-card strong{font-size:clamp(33px,3.4vw,55px);font-weight:900;line-height:1.15;color:#ffdb7d;text-shadow:0 0 8px #ffd56e80;font-variant-numeric:tabular-nums;white-space:nowrap}
.iv-local-schedule{font-size:clamp(19px,1.8vw,29px);line-height:1.15;color:#fff8da;font-weight:700;font-variant-numeric:tabular-nums}
.iv-stage-info{max-width:340px;margin:4px 0 0;font-size:12px;line-height:1.45;color:#fff4d4d9;text-shadow:0 1px 6px #073627}
.iv-statue{z-index:2;position:relative;align-self:stretch;display:flex;justify-content:center;align-items:flex-end;min-width:0;pointer-events:none}
.iv-statue img{width:min(119%,530px);max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 4px 15px #efb64272);transform:translateX(0) translateY(5px)}
.iv-results-board{z-index:5;min-width:0;border:2px solid #ffbe48;border-radius:25px;background:linear-gradient(150deg,#004733 0%,#003d2c 41%,#003221 100%);padding:18px 22px 12px;box-shadow:0 0 18px #f7b64548,inset 0 0 25px #041a15,0 20px 30px #001e1699;display:flex;flex-direction:column;gap:10px}
.iv-results-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 10px;border-bottom:1px solid #b894479c}
.iv-results-head h2{font-size:clamp(18px,1.5vw,27px);color:#fff9df;margin:0;font-weight:900;white-space:nowrap}
.iv-date-head{color:#fff4c8;font-size:clamp(11px,.95vw,16px);font-weight:700;white-space:nowrap;display:flex;gap:8px;align-items:center}.iv-date-head span:first-child{color:#fee4a6;font-size:17px}
.iv-rank{height:68px;padding:0 22px;border-radius:17px;display:grid;grid-template-columns: minmax(118px,1fr) auto;gap:12px;align-items:center;color:#072016;box-shadow:inset 0 4px 4px #ffffff58,0 2px 12px #0006;border:1px solid #f5ead1}
.iv-rank b{font-size:clamp(17px,1.46vw,24px);color:#102015;font-weight:900;white-space:nowrap}.iv-rank strong{font-size:clamp(28px,2.6vw,45px);font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.16em}
.iv-gold{background:linear-gradient(115deg,#f8b734,#ffe47f 50%,#eeb744)}.iv-silver{background:linear-gradient(115deg,#c3d0d1,#f1f4f2 49%,#a5b4b5)}.iv-bronze{background:linear-gradient(115deg,#d8986c,#f3c8a9 55%,#d1987a)}
.iv-digits{display:flex;gap:clamp(7px,.7vw,13px);align-items:center;justify-content:flex-end;min-width:0}.iv-digits .digit,.iv-digits span{display:inline-flex!important;justify-content:center;align-items:center;min-width:24px!important;min-height:0!important;color:#081d11!important;background:transparent!important;border:0!important;box-shadow:none!important;font:900 clamp(29px,2.8vw,47px)/1 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important}
.iv-secondary-row{min-height:59px;padding:5px 12px 6px 20px;display:grid;grid-template-columns: minmax(160px,43%) minmax(0,1fr);align-items:center;gap:5px;color:#fff;background:linear-gradient(180deg,#006841,#00452d);border:1px solid #51ac67;border-radius:11px;box-shadow:inset 0 4px 12px #0005}
.iv-secondary-row b{font-size:clamp(13px,1.1vw,19px);color:#fffaf0;white-space:nowrap}
.iv-mini-values{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:3px 6px;align-items:center;justify-items:center}
.iv-mini-values span{min-width:0!important;padding:0!important;background:none!important;border:0!important;font:800 clamp(10px,.95vw,15px)/1.15 Arial,Helvetica,sans-serif!important;color:#fff3c9!important;text-shadow:0 1px 3px #02261a;white-space:nowrap}
.iv-board-meta{display:flex;align-items:center;justify-content:space-between;min-height:19px;color:#ffe8a6;font-size:10px}.iv-board-meta .pill{font-size:9px;color:#fff2c7;padding:2px 7px;background:#083b2c;border:1px solid #a6854b;border-radius:50px}
.iv-bottom-grid{max-width:1672px;position:relative;z-index:4;margin:-1px auto 0;display:grid;grid-template-columns: 1.36fr .97fr;gap:26px;padding:0 5.7% 0;align-items:stretch}
.iv-countdown-card,.iv-last-card{height:136px;display:flex;align-items:center;justify-content:space-around;gap:13px;padding:19px 27px;border:3px solid #f6be55;border-radius:29px;background:linear-gradient(150deg,#004330,#002e20 66%,#01442d);box-shadow:0 0 14px #ffbd3b5e,inset 0 1px 21px #09291f}
.iv-count-title{font-size:clamp(15px,1.28vw,23px);font-weight:900;white-space:nowrap;color:#fff8d8}
.iv-countdown{display:flex;align-items:start;gap:7px}.iv-countdown>div{display:flex;align-items:center;flex-direction:column;gap:5px}.iv-countdown strong{min-width:89px;height:72px;border:1px solid #c6aa5a;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#104d39,#003626);font-size:clamp(27px,2.95vw,52px);line-height:1;font-weight:900;color:#ffdc87;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 15px #05271d;text-shadow:0 0 6px #ffce5552}.iv-countdown small{font-size:11px;font-weight:900;color:#f2e7c4}.iv-countdown i{font-weight:800;font-size:42px;color:#f7cd65;font-style:normal;padding-top:7px}
.iv-last-card{color:#fffce3;justify-content:space-between}.iv-last-heading{display:flex;flex-direction:column;gap:7px;font-weight:900;font-size:clamp(18px,1.58vw,25px);white-space:nowrap}.iv-last-heading small{font-size:13px;font-weight:500}.iv-last-card>strong{display:inline-flex;align-items:center;justify-content:center;min-width:145px;height:69px;border-radius:15px;background:linear-gradient(135deg,#f8e7b7,#fbf0d5 57%,#d4c395);color:#091d13;font-size:clamp(29px,2.5vw,44px);letter-spacing:.1em;font-weight:900;white-space:nowrap}.iv-last-arrow{width:44px;height:44px;border:2px solid #ffdf74;border-radius:100%;display:grid;place-items:center;color:#fff;font-size:24px}
.iv-pattern{height:61px;margin-top:18px;background-color:#003e2e;background-image:repeating-linear-gradient(45deg,transparent 0 10px,#d39c2f 11px 13px,transparent 14px 27px),repeating-linear-gradient(-45deg,transparent 0 10px,#e6bd4d 11px 13px,transparent 14px 27px);background-size:48px 48px;border-top:3px solid #e8bd53;border-bottom:2px solid #c79a4a}
.iv-bottom-content{max-width:1672px;margin:auto;padding:30px 5.7% 15px;background:#002a1c}.iv-bottom-columns{display:grid;grid-template-columns:1.13fr .87fr;gap:22px}.iv-recent,.iv-about{background:linear-gradient(150deg,#064433,#03291d);border:1px solid #9f8e51;padding:23px;border-radius:18px;box-shadow:inset 0 0 15px #0004}
.iv-section-title{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #b09b62;padding-bottom:14px;margin-bottom:13px}.iv-section-title h2{margin:0;font-size:20px;color:#ffe19a}.iv-section-title a{color:#f8de99;font-size:11px;font-weight:800}
.iv-recent .recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.iv-recent .recent-row{border:1px solid #4b8258;border-radius:9px;background:#13533c;display:block;color:#fff;padding:12px}.iv-recent .recent-row-top{display:flex;justify-content:space-between;gap:15px;font-size:12px}.iv-recent .recent-row-top small{color:#e5d19b}.iv-recent .recent-prizes{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-top:9px}.iv-recent .recent-prizes b{color:#ffd16a}
.iv-about-eyebrow{font-size:11px;letter-spacing:.19em;color:#ffd575;font-weight:800}.iv-about h2{font:700 30px/1.12 Georgia,serif;color:#fce3a1;margin:12px 0}.iv-about h2 em{font-style:italic}.iv-about p{font-size:13px;line-height:1.7;color:#e6dfc5}.iv-reveal-note{display:block;color:#f4cf76;font-size:12px;margin:10px 0}.iv-about>a{color:#ffe3a4;font-size:12px;font-weight:800}
.pilot-message{font-size:12px;color:#fff6cd;background:#4e3515b8;border:1px solid #c6a060;padding:8px 14px;margin-bottom:14px;border-radius:9px;text-align:center}.iv-footer{border-top:1px solid #7e713e;margin-top:25px;padding:17px 0;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#cdbf91;flex-wrap:wrap}.iv-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(max-width:1480px){.iv-menu{gap:15px}.iv-header-inner{padding-inline:2.5%}.iv-brand{width:260px;flex-basis:260px}.iv-brand img{width:260px}.iv-clock{min-width:184px;padding:6px 9px}.iv-results-board{padding:13px 14px 9px;gap:8px}.iv-rank{height:61px}.iv-main-grid{padding:65px 2.8% 0;min-height:565px}.iv-schedule-card{max-width:335px}.iv-statue img{width:min(124%,490px)}.iv-bottom-grid{padding:0 3.2%;gap:18px}.iv-countdown-card,.iv-last-card{padding:13px 14px;height:116px}.iv-countdown strong{min-width:69px;height:61px}.iv-last-card>strong{min-width:125px}}
@media(max-width:1100px){.iv-header{height:auto;min-height:80px}.iv-header-inner{flex-wrap:wrap;justify-content:center;padding:6px 16px;gap:5px 22px}.iv-menu{order:3;width:100%;flex-basis:100%;padding:5px 0 10px}.iv-main-grid{grid-template-columns:45% 55%;gap:0;padding:35px 3% 0}.iv-intro{grid-column:1;grid-row:1;padding-top:8px}.iv-statue{grid-column:2;grid-row:1;min-height:360px}.iv-statue img{width:min(100%,470px)}.iv-results-board{grid-column:1/-1;grid-row:2;margin:16px auto 0;max-width:780px;width:100%}.iv-bottom-grid{margin:18px auto 0;grid-template-columns:1fr 1fr}.iv-count-title{font-size:13px}.iv-countdown strong{min-width:56px}.iv-last-card{gap:7px}.iv-last-card>strong{min-width:105px}.iv-last-heading{font-size:15px}.iv-last-heading small{font-size:11px}.iv-last-arrow{width:32px;height:32px}}
@media(max-width:720px){.iv-header-inner{justify-content:space-between}.iv-brand{flex-basis:190px}.iv-brand img{width:190px;height:56px}.iv-clock{min-width:150px}.iv-flag{height:34px;width:34px}.iv-clock-content strong{font-size:17px}.iv-clock-content span{font-size:10px}.iv-menu{justify-content:space-between;gap:10px;overflow:auto;scrollbar-width:none}.iv-menu>a{font-size:11px;padding:8px 2px}.iv-icon{font-size:15px}.iv-main-grid{display:flex;flex-direction:column;align-items:center;padding:23px 12px 0}.iv-intro{padding:0;gap:9px;width:100%}.iv-intro h1{font-size:32px;margin:3px}.iv-live-button{font-size:17px;min-width:195px;padding:9px 15px;border-radius:10px}.iv-rule-title{font-size:16px}.iv-rule-title span{width:33px}.iv-schedule-card{min-height:110px;max-width:255px;padding:9px;border-radius:13px}.iv-schedule-label{font-size:17px}.iv-schedule-card strong{font-size:30px}.iv-local-schedule{font-size:18px}.iv-stage-info{font-size:11px;margin:3px}.iv-statue{min-height:0;height:280px;margin-top:-3px;margin-bottom:0;align-self:stretch}.iv-statue img{height:290px;width:auto;max-width:100%}.iv-results-board{margin:3px 0 0;padding:12px;gap:7px;border-radius:15px}.iv-results-head h2{font-size:17px}.iv-date-head{font-size:10px}.iv-rank{height:52px;padding:0 13px;border-radius:12px}.iv-rank b{font-size:16px}.iv-rank strong{font-size:29px}.iv-digits{gap:6px}.iv-digits span,.iv-digits .digit{font-size:29px!important;min-width:14px!important}.iv-secondary-row{min-height:61px;grid-template-columns:120px 1fr;padding:7px 9px}.iv-secondary-row b{font-size:11px;white-space:normal}.iv-mini-values{gap:3px}.iv-mini-values span{font-size:11px!important}.iv-board-meta{font-size:10px}.iv-bottom-grid{display:flex;flex-direction:column;padding:10px 12px 0;gap:11px;margin:0}.iv-countdown-card,.iv-last-card{height:101px;border-radius:16px;padding:10px}.iv-countdown-card{flex-direction:column;gap:2px}.iv-countdown strong{height:47px;min-width:57px;font-size:28px}.iv-countdown i{font-size:24px}.iv-countdown small{font-size:8px}.iv-count-title{font-size:13px}.iv-last-heading{font-size:17px}.iv-last-card>strong{font-size:28px;min-width:120px;height:54px}.iv-bottom-columns{grid-template-columns:1fr}.iv-recent .recent-list{grid-template-columns:1fr}.iv-bottom-content{padding:16px 12px}.iv-pattern{height:33px;margin-top:9px}.iv-footer{flex-direction:column}}
@media(max-width:420px){.iv-brand{flex-basis:158px}.iv-brand img{width:158px;height:49px}.iv-clock{min-width:139px;padding:6px}.iv-results-board{width:100%}.iv-mini-values span{font-size:10px!important}.iv-last-heading small{font-size:10px}.iv-last-card>strong{min-width:100px}.iv-last-arrow{width:28px;height:28px;font-size:18px}}
/* Related pages — same color system as the homepage. */
.iv-interior-main{min-height:70vh;background:#00281c}.iv-interior-hero{min-height:205px;padding:40px max(5%,calc((100% - 1440px)/2));display:flex;align-items:center;border-bottom:2px solid #d1a85a;background:linear-gradient(95deg,#002e25e6,#013327aa),url('/assets/ivory-sunset-scenery.webp') center 39%/cover}.iv-interior-hero span{font-size:11px;color:#fce09b;letter-spacing:.18em;font-weight:800}.iv-interior-hero h1{font-size:clamp(29px,4vw,57px);line-height:1;margin:13px 0;color:#fff4d2}.iv-interior-hero p{font-size:14px;color:#fff6de;margin:0}.iv-interior-content{max-width:1470px;margin:0 auto;padding:36px 4% 55px}.iv-interior-footer{padding:20px 5%;text-align:center;background:#001a13;border-top:2px solid #ad8e52;color:#e7d4a1;font-size:12px}.iv-interior-content .results-page-card,.iv-interior-content .history-card,.iv-interior-content .detail-card{background:linear-gradient(145deg,#043a2b,#002c20);border:1px solid #d4ae60;color:#fff8dc;border-radius:18px;padding:25px}.iv-interior-content .result-meta{color:#e8d7a6}.iv-interior-content .full-podium .prize-card{background:linear-gradient(150deg,#0d5740,#003525);border:1px solid #a38953}.iv-interior-content .full-podium .prize-card.first{border-color:#f1c15d}.iv-interior-content .full-bottom .number-panel{background:#033d2b;border:1px solid #54866d;border-radius:12px}.iv-interior-content .full-bottom .number-head{background:#07553b;color:#ffe2a2;padding:10px}.iv-interior-content .full-bottom .number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:11px}.iv-interior-content .full-bottom .number-grid span{display:block;text-align:center;padding:12px 5px;border:1px solid #48745b;background:#07402c;color:#fff8df;border-radius:7px}.iv-interior-content .history-table th{color:#ffe4a1}.iv-interior-content .history-table td,.iv-interior-content .history-table th{border-color:#486452}.iv-interior-content .history-card input{background:#fffaf0;color:#0b2e1d;border-radius:7px}.iv-interior-content .btn-main{background:#f1c767;color:#0b261a;border:0;border-radius:8px;padding:11px 20px;font-weight:900}.iv-interior-content .btn-clear{background:transparent;border:1px solid #caa153;color:#fff2cb;padding:11px 17px;border-radius:8px}.iv-interior-content .stage-head h2,.iv-interior-content .history-toolbar h2{color:#ffe8af}.iv-interior-content .small-link,.iv-interior-content .results-page-card>a{color:#ffdc8f}.iv-interior-content .prize-card strong{color:#fff2ca}.iv-interior-content .history-table button{white-space:nowrap}
@media(max-width:720px){.iv-interior-hero{min-height:160px;padding:28px 5%}.iv-interior-content{padding:20px 12px 35px}.iv-interior-content .results-page-card,.iv-interior-content .history-card,.iv-interior-content .detail-card{padding:14px}.iv-interior-content .full-podium{grid-template-columns:1fr}.iv-interior-content .full-bottom{grid-template-columns:1fr}}
/* BACKGROUND KHUSUS MOBILE */
@media screen and (max-width: 720px) {
    .iv-hero-photo {
        background-image:
            linear-gradient(
                90deg,
                rgba(0, 40, 25, 0.20),
                rgba(0, 28, 19, 0.25)
            ),
            url('/assets/ivory-mobile.webp?v=2');

        background-position: center, center top;
        background-size: cover, cover;
        background-repeat: no-repeat;
    }
}
/* PENYESUAIAN BACKGROUND DESKTOP */
@media screen and (min-width: 721px) {
    .iv-hero-photo {
        background-size:
            auto,
            auto,
            90% auto !important;

        background-position:
            center center,
            center center,
            center calc(50% - 90px) !important;

        background-repeat: no-repeat;
    }
}
/* ATUR POSISI GAJAH KHUSUS MOBILE */
@media screen and (max-width: 720px) {
    .iv-statue img {
        transform: translateY(60px) !important;
    }
}