#koleksi-root{color:#1c0e20}.kl-kosong{opacity:.7;text-align:center;padding:18px 8px;font-size:calc(14px*var(--sh,1))}.kl-head{display:flex;align-items:center;gap:12px;margin:0 0 14px;flex-wrap:wrap}.kl-badge{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ffe0f0,#fff6d9);display:grid;place-items:center;font-size:calc(28px*var(--sh,1));box-shadow:0 6px 16px #b4286e24;flex:none}.kl-head>div:nth-child(2){flex:1;min-width:150px}.kl-head b{display:block;font-size:calc(17px*var(--sh,1));line-height:1.25}.kl-head small{display:block;font-size:calc(12.5px*var(--sh,1));opacity:.7;margin-top:2px}.kl-tiket{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#ff2e93,#b3105f);color:#fff;border-radius:20px;padding:16px 18px;box-shadow:0 12px 26px #ff1d8647;margin:0 0 16px}.kl-tiket-l{flex:1;min-width:190px}.kl-tiket b{display:block;font-size:calc(16px*var(--sh,1))}.kl-tiket small{display:block;font-size:calc(12.5px*var(--sh,1));opacity:.88;margin-top:3px;line-height:1.45}.kl-dots{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 6px;max-width:330px}.kl-dots i{width:11px;height:8px;border-radius:99px;background:#ffffff47}.kl-dots i.on{background:#ffe27a;box-shadow:0 0 10px #ffe27acc}.kl-info{font-size:calc(13px*var(--sh,1));min-height:1.2em}.kl-info b{display:inline;font-variant-numeric:tabular-nums;font-size:calc(13px*var(--sh,1))}.kl-tarik{border:0;border-radius:14px;padding:13px 20px;font:800 calc(15px*var(--sh,1)) inherit;cursor:pointer;background:#ffffff38;color:#fff;white-space:nowrap}.kl-tarik.siap{background:#fff;color:#b3105f;box-shadow:0 8px 18px #0000002e;animation:kl-denyut 1.8s ease-in-out infinite}.kl-tarik:disabled{opacity:.6;cursor:default;animation:none}@keyframes kl-denyut{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media(max-width:480px){.kl-tarik{width:100%}}.kl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.kl-tabs button{border:1.5px solid #ecd7e3;background:#fff;color:#1c0e20;border-radius:999px;padding:9px 16px;font:700 calc(13.5px*var(--sh,1))/1 inherit;cursor:pointer}.kl-tabs button.on{border-color:#ff1d86;background:#fff1f8;color:#b3105f}.kl-prog{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:calc(13.5px*var(--sh,1))}.kl-bar{flex:1;height:10px;border-radius:99px;background:#f3e3ec;overflow:hidden}.kl-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff1d86,#ffc738);transition:width .5s}.kl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.kl-item{position:relative;border-radius:16px;border:2px solid var(--tc,#d9ccd3);background:#fff;padding:12px 6px 10px;text-align:center;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 12px #3c14320f}.kl-item:not(.ada){background:repeating-linear-gradient(135deg,#faf5f8,#faf5f8 8px,#f5edf2 8px 16px);border-style:dashed}.kl-item:not(.ada) .kl-ik{filter:grayscale(1);opacity:.45;font-size:calc(28px*var(--sh,1));font-weight:800}.kl-ik{font-size:calc(36px*var(--sh,1));line-height:1}.kl-nm{font-size:calc(12px*var(--sh,1));font-weight:700;line-height:1.25}.kl-item:not(.ada) .kl-nm{opacity:.5;font-weight:600}.kl-x{position:absolute;right:6px;bottom:5px;font-style:normal;font-size:calc(11px*var(--sh,1));font-weight:800;color:#b3105f;background:#fff1f8;border-radius:99px;padding:1px 6px}.kl-tier{position:absolute;left:6px;top:5px;font-size:calc(10.5px*var(--sh,1));font-weight:900;letter-spacing:.3px;color:#fff;background:var(--tc,#9a8a93);border-radius:99px;padding:2px 7px}td .kl-tier,.kl-rev .kl-tier{position:static;display:inline-block}.kl-note{font-size:calc(12.5px*var(--sh,1));line-height:1.55;opacity:.75;margin:12px 0 0}.kl-t-F{--tc:#9a8a93}.kl-t-E{--tc:#22a56b}.kl-t-D{--tc:#2f7fe8}.kl-t-C{--tc:#8b4fe0}.kl-t-B{--tc:#e0307f}.kl-t-A{--tc:#f07a12}.kl-t-S{--tc:#d9a000}.kl-t-Sp{--tc:#e08a00}.kl-t-Spp{--tc:#e0301f}.kl-t-Sppp{--tc:#c218d6}.kl-item.ada.kl-t-S,.kl-item.ada.kl-t-Sp{background:linear-gradient(160deg,#fff,#fff6d9)}.kl-item.ada.kl-t-Spp{background:linear-gradient(160deg,#fff,#ffe6e0);box-shadow:0 6px 16px #e0301f38}.kl-item.ada.kl-t-Sppp{background:linear-gradient(160deg,#fff,#fbe3ff,#e3f2ff);box-shadow:0 0 0 2px #fff,0 8px 22px #c218d659;animation:kl-kilau 3s ease-in-out infinite}@keyframes kl-kilau{0%,to{filter:brightness(1)}50%{filter:brightness(1.07) saturate(1.15)}}.kl-tbl{width:100%;border-collapse:collapse;font-size:calc(13.5px*var(--sh,1))}.kl-tbl th{text-align:left;font-size:calc(12px*var(--sh,1));opacity:.65;padding:6px 8px;border-bottom:1.5px solid #f0dfe8}.kl-tbl td{padding:10px 8px;border-bottom:1px solid #f6e9f0}.kl-tbl tr.me td{background:#fff1f8;font-weight:700}.kl-tbl tr.full td:nth-child(3){color:#0e9f6e}.kl-tbl em{font-style:normal;font-size:calc(11px*var(--sh,1));background:#ff1d86;color:#fff;border-radius:99px;padding:1px 7px;margin-left:4px}.kl-tbl td.kl-kosong{text-align:center}.kl-pel td:nth-child(2){font-variant-numeric:tabular-nums}.kl-juara{border:1.5px solid #ffd0e6;background:#fff1f8;border-radius:18px;padding:14px 16px}.kl-juara>b{display:block;font-size:calc(15px*var(--sh,1));margin-bottom:4px}.kl-juara>small{display:block;opacity:.7;margin-bottom:6px;font-size:calc(12.5px*var(--sh,1))}.kl-j{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #ffd9eb}.kl-j:first-of-type{border-top:0}.kl-j span{font-size:calc(26px*var(--sh,1))}.kl-j b{display:block;font-size:calc(14px*var(--sh,1))}.kl-j small{display:block;font-size:calc(12.5px*var(--sh,1));opacity:.75}.kl-ov{position:fixed;inset:0;z-index:9999;background:#1c0e20b8;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.kl-ov.on{display:flex}.kl-ov-box{width:100%;max-width:340px}.kl-rev{position:relative;background:#fff;border-radius:26px;border:3px solid var(--tc,#d9ccd3);padding:34px 20px 20px;text-align:center;box-shadow:0 20px 50px #00000059;animation:kl-muncul .45s cubic-bezier(.2,1.3,.4,1)}.kl-rev .kl-tier{position:absolute;left:50%;top:-14px;transform:translate(-50%);font-size:calc(15px*var(--sh,1));padding:5px 16px}.kl-big{font-size:calc(84px*var(--sh,1));line-height:1.1;margin-bottom:8px}.kl-rev b{display:block;font-size:calc(20px*var(--sh,1));margin-bottom:4px}.kl-rev small{display:block;font-size:calc(13px*var(--sh,1));opacity:.75;line-height:1.5}.kl-goyang{animation:kl-goyang .5s ease-in-out infinite}.kl-wait{--tc:#FF1D86;padding-bottom:30px}@keyframes kl-goyang{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.08)}}@keyframes kl-muncul{0%{transform:scale(.6) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.kl-rev.kl-t-S,.kl-rev.kl-t-Sp,.kl-rev.kl-t-Spp,.kl-rev.kl-t-Sppp{box-shadow:0 0 0 4px #fff,0 0 40px 8px var(--tc)}.kl-win{margin:12px 0 0;background:linear-gradient(90deg,#ffc738,#ff1d86);color:#fff;border-radius:12px;padding:9px;font-weight:800;font-size:calc(14px*var(--sh,1))}.kl-ov-act{display:flex;gap:8px;margin-top:16px}.kl-ov-act .kl-tarik{flex:1;background:#ff1d86;color:#fff}.kl-tutup{flex:1;border:1.5px solid #ecd7e3;background:#fff;color:#1c0e20;border-radius:14px;padding:13px;font:800 calc(15px*var(--sh,1)) inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.kl-tarik.siap,.kl-goyang,.kl-rev,.kl-item.ada.kl-t-Sppp{animation:none}}.kl-lalu{margin-bottom:14px}.kl-mp{position:relative;margin-left:auto}.kl-mbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #f3c9de;background:linear-gradient(180deg,#fff,#fff6fb);color:#b3105f;border-radius:999px;padding:8px 14px 8px 12px;font:700 calc(13px*var(--sh,1))/1 inherit;cursor:pointer;box-shadow:0 2px 8px #ff1d861a;transition:transform .15s,box-shadow .15s}.kl-mbtn:active{transform:scale(.97)}.kl-mbtn svg{transition:transform .2s}.kl-mbtn.open{border-color:#ff1d86;box-shadow:0 0 0 3px #ff1d8624}.kl-mbtn.open svg{transform:rotate(180deg)}.kl-mbtn-t{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kl-mlist{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:230px;max-width:min(300px,86vw);max-height:300px;overflow-y:auto;background:#fff;border:1px solid #f3c9de;border-radius:18px;padding:6px;box-shadow:0 18px 44px #2b0f3338;animation:klpop .16s ease-out}@keyframes klpop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.kl-mi{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:#1c0e20;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit}.kl-mi:hover{background:#fff1f8}.kl-mi.on{background:#fff1f8;color:#b3105f}.kl-mi-t b{display:block;font-size:calc(14px*var(--sh,1))}.kl-mi-t small{display:block;font-size:calc(12px*var(--sh,1));opacity:.65;margin-top:1px}.kl-mi i{font-style:normal;font-weight:800;color:#ff1d86}.kl-mgap{font-size:calc(11px*var(--sh,1));font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.5;padding:10px 12px 4px}.kl-mkos{font-size:calc(12.5px*var(--sh,1));opacity:.6;padding:10px 12px}@media(max-width:480px){.kl-mp{margin-left:0;width:100%}.kl-mbtn{width:100%;justify-content:center}.kl-mlist{left:0;right:0;max-width:none}}#admin-koleksi-root{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.kla-card{background:#fff;border:1px solid #f3c9de;border-radius:22px;padding:16px;box-shadow:0 6px 22px #2b0f3312}.kla-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.kla-top b{display:block;font-size:calc(17px*var(--sh,1));color:#1c0e20}.kla-top small{display:block;font-size:calc(12.5px*var(--sh,1));opacity:.6;margin-top:2px}.kla-st{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font:800 calc(11.5px*var(--sh,1))/1 inherit;white-space:nowrap}.kla-st.jalan{background:#e7f8ef;color:#047857}.kla-st.jalan i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98199;animation:klapulse 1.6s infinite}@keyframes klapulse{70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.kla-st.tutup{background:#f1ecf2;color:#5b445a}.kla-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.kla-stats div{background:#fff6fb;border:1px solid #f8e3ee;border-radius:14px;padding:10px 6px;text-align:center}.kla-stats b{display:block;font-size:calc(18px*var(--sh,1));color:#b3105f}.kla-stats small{display:block;font-size:calc(11px*var(--sh,1));opacity:.65;margin-top:2px}.kla-sec{font:800 calc(12px*var(--sh,1))/1 inherit;letter-spacing:.04em;text-transform:uppercase;color:#7a5a72;margin:14px 0 8px}.kla-sec em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;opacity:.7}.kla-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #f8e3ee;border-radius:16px;margin-bottom:8px;background:#fffafc}.kla-md{font-size:calc(22px*var(--sh,1));min-width:30px;text-align:center}.kla-who{flex:1;min-width:0}.kla-who b{display:block;font-size:calc(13.5px*var(--sh,1));word-break:break-all}.kla-who small{display:block;font-size:calc(11.5px*var(--sh,1));opacity:.65;margin-top:2px}.kla-bar{height:6px;border-radius:99px;background:#f3e3ec;overflow:hidden;margin-top:6px}.kla-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff2e93,#ff8a4c)}.kla-kos{font-size:calc(13px*var(--sh,1));opacity:.6;padding:12px;text-align:center;background:#fffafc;border-radius:14px;border:1px dashed #f3c9de}.kla-sw{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex:none}.kla-sw input{position:absolute;opacity:0;pointer-events:none}.kla-tg{width:42px;height:24px;border-radius:99px;background:#dccbd6;position:relative;transition:background .2s}.kla-tg:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.kla-sw input:checked+.kla-tg{background:#10b981}.kla-sw input:checked+.kla-tg:after{transform:translate(18px)}.kla-sw-t{font-size:calc(10.5px*var(--sh,1));font-weight:700;opacity:.7}.kla-form{display:grid;gap:8px}.kla-f{display:block}.kla-f span{display:block;font:700 calc(12.5px*var(--sh,1))/1 inherit;margin:0 0 5px 2px;color:#1c0e20}.kla-f input{width:100%;box-sizing:border-box;border:1.5px solid #ecd7e3;background:#fff;border-radius:14px;padding:12px 14px;font:500 calc(14px*var(--sh,1)) inherit;color:#1c0e20;outline:none;transition:border-color .15s,box-shadow .15s}.kla-f input:focus{border-color:#ff1d86;box-shadow:0 0 0 3px #ff1d8624}.kla-f input::placeholder{color:#a58ba0}.kla-act{display:flex;gap:8px;margin-top:14px}.kla-btn{flex:1;border:0;border-radius:14px;padding:13px 10px;font:800 calc(14px*var(--sh,1))/1 inherit;cursor:pointer;transition:transform .12s,filter .12s}.kla-btn:active{transform:scale(.97)}.kla-btn.pri{background:linear-gradient(135deg,#ff2e93,#b3105f);color:#fff;box-shadow:0 6px 16px #ff1d8647}.kla-btn.bahaya{background:#fff;color:#c0204a;border:1.5px solid #f3b9c8;flex:0 0 auto;padding:13px 16px}.kl-head small.kl-sisa{opacity:1;color:#b4286e;font-weight:600}.kl-head small.kl-sisa b{display:inline;font-size:inherit;font-variant-numeric:tabular-nums}.kl-title{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;font-size:calc(11px*var(--sh,1));font-weight:800;vertical-align:middle;white-space:nowrap;line-height:1.5;border:1px solid transparent}.kl-j .kl-title{margin-left:6px}.kl-title.cus.tc-pink{color:#b3105f;background:#ffe3f0;border-color:#f7b8d6}.kl-title.cus.tc-merah{color:#b42318;background:#fee4e2;border-color:#fda29b}.kl-title.cus.tc-oranye{color:#b54708;background:#ffead5;border-color:#fdb022}.kl-title.cus.tc-kuning{color:#8a6100;background:#fef7c3;border-color:#fde272}.kl-title.cus.tc-hijau{color:#067647;background:#d1fadf;border-color:#6ce9a6}.kl-title.cus.tc-tosca{color:#0e7090;background:#cff9fe;border-color:#67e3f9}.kl-title.cus.tc-biru{color:#175cd3;background:#d1e9ff;border-color:#84caff}.kl-title.cus.tc-ungu{color:#5925dc;background:#ebe9fe;border-color:#b8b0fa}.kl-title.sis{color:#fff;position:relative;overflow:hidden;background-size:200% 100%;text-shadow:0 1px 1px rgba(0,0,0,.25)}.kl-title.sis:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg);animation:klKilau 2.8s ease-in-out infinite}.kl-title.sis-performer{background-image:linear-gradient(90deg,#f59e0b,#fde047,#f59e0b);color:#5c3a00;text-shadow:none;animation:klGeser 3s linear infinite;box-shadow:0 0 8px #f59e0b8c}.kl-title.sis-tercepat{background-image:linear-gradient(90deg,#0891b2,#22d3ee,#0891b2);animation:klGeser 1.6s linear infinite,klGetar 2.4s ease-in-out infinite;box-shadow:0 0 8px #22d3ee99}.kl-title.sis-cuan{background-image:linear-gradient(90deg,#15803d,#4ade80,#15803d);animation:klGeser 3.2s linear infinite,klDenyut 2s ease-in-out infinite;box-shadow:0 0 8px #4ade808c}.kl-title.sis-order{background-image:linear-gradient(90deg,#9333ea,#f472b6,#9333ea);animation:klGeser 3s linear infinite,klMelonjak 2.2s ease-in-out infinite;box-shadow:0 0 8px #c026d380}@keyframes klGeser{0%{background-position:0 0}to{background-position:200% 0}}@keyframes klKilau{0%,55%{left:-60%}to{left:130%}}@keyframes klGetar{0%,86%,to{transform:translate(0)}90%{transform:translate(-1.5px)}94%{transform:translate(1.5px)}98%{transform:translate(-1px)}}@keyframes klDenyut{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes klMelonjak{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-2px)}90%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.kl-title.sis,.kl-title.sis:after{animation:none!important}}
