html[data-tkl="komik"]{
  --kt-bg:#fff4d6;--kt-bgimg:radial-gradient(rgba(255,59,59,.13) 1.6px,transparent 1.8px) 0 0/14px 14px;
  --kt-card:#fff;--kt-card2:#ffe9a8;--kt-ink:#111;--kt-mut:#4a4a4a;--kt-line:rgba(17,17,17,.2);
  --kt-acc:#ff3b3b;--kt-acc-ink:#fff;--kt-acc2:#2ec4ff;--kt-acc2-ink:#111;--kt-price:#e0201f;--kt-star:#ff9f1c;
  --kt-rad:8px;--kt-rad-s:6px;--kt-rad-btn:10px;--kt-disp:'Bangers','Impact',system-ui,sans-serif;--kt-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;--kt-h2w:400;
  --kt-shadow:5px 5px 0 #111;--kt-bd:3px solid #111;--kt-bd-btn:3px solid #111;--kt-btn-sh:4px 4px 0 #111;--kt-bd-in:3px solid #111;
  --kt-bar:#fff;--kt-foot:#111;--kt-foot-ink:#ffd23f;--kt-sum:#ffd23f;--kt-sum-ink:#111;--kt-wallet:#2ec4ff;--kt-wallet-ink:#111;--kt-pic:#ffd23f;
  --kt-buy-label:'💥 PESANAN BARU!';--kt-cart-label:'🎒 KANTONG PAHLAWAN';--kt-login-back:rgba(17,17,17,.6);--kt-login-card:#fff;--kt-ring:rgba(255,59,59,.25);color-scheme:light}
html[data-tkl="komik"] :is(#tkL .kt-page,#tkLSheet,#iosPdModal,#buyModal,#cartModal,.tkp,#loginModal) :is(h1,h2,h3,.kt-head h2,b,strong){letter-spacing:.02em}
#tkL .km-page .kt-head h2{font-size:clamp(36px,5vw,60px);text-shadow:3px 3px 0 #ffd23f}
#tkL .km-page .kt-head h2 span{color:var(--kt-acc);-webkit-text-stroke:0}
#tkL .km-page .kt-head small{display:inline-block;justify-self:start;padding:4px 10px;background:#ffd23f;border:2px solid #111;font-weight:900;color:#111;transform:rotate(-1.5deg)}
#tkL .km-page .kt-center small{justify-self:center}
#tkL .km-page .kt-step{background:#ffd23f}
#tkL .km-page .kt-step-i{background:#fff;border:3px solid #111}
#tkL .km-page .kt-step b{font-size:24px}
#tkL .km-page .kt-step p{color:#111}
#tkL .km-page .kt-step em{opacity:.35;color:#111}
#tkL .km-page .kt-facts b{font-size:30px}
#tkL .km-page .kt-foot b{font-size:34px}

#tkL .km-hero{max-width:1220px;margin:0 auto;padding:clamp(26px,4vw,50px) clamp(16px,4vw,44px) 0}
#tkL .km-page-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.7fr);grid-template-rows:auto auto;gap:14px;padding:14px;background:#fff;border:4px solid #111;box-shadow:8px 8px 0 #111}
#tkL .km-p{position:relative;overflow:hidden;border:3px solid #111;background:#fff}
#tkL .km-p1{grid-row:1/3;padding:clamp(20px,3vw,34px);background:radial-gradient(rgba(46,196,255,.25) 2px,transparent 2.4px) 0 0/12px 12px,#fff}
#tkL .km-narr{display:inline-block;padding:6px 12px;background:#ffd23f;border:2px solid #111;font:800 13px var(--kt-body);font-style:italic}
#tkL .km-p1 h1{margin:16px 0 10px;font:400 clamp(48px,7vw,96px)/.92 var(--kt-disp);letter-spacing:.02em;color:#111;text-shadow:4px 4px 0 #2ec4ff}
#tkL .km-p1 h1 span{display:inline-block;color:#ff3b3b;text-shadow:4px 4px 0 #111;transform:rotate(-3deg)}
#tkL .km-p1>p{max-width:44ch;margin:0 0 20px;font-size:15.5px;line-height:1.6;color:#222;font-weight:600}
#tkL .km-page .kt-search{box-shadow:5px 5px 0 #111}
#tkL .km-page .kt-search button{font:400 18px var(--kt-disp)!important;letter-spacing:.05em}
#tkL .km-p2{grid-column:2/4;display:grid!important;place-items:center;min-height:300px;background:#ff3b3b;padding:20px!important}
#tkL .km-boom{position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg,#ffd23f 0 8deg,#ff9f1c 8deg 16deg);animation:kmSpin 30s linear infinite}
@keyframes kmSpin{to{transform:rotate(360deg)}}
#tkL .km-boom-t{position:absolute;left:12px;top:10px;font:400 clamp(40px,5vw,64px)/1 var(--kt-disp);color:#fff;-webkit-text-stroke:2px #111;text-shadow:4px 4px 0 #111;transform:rotate(-10deg);z-index:2;animation:kmPulse 1.2s ease-in-out infinite}
@keyframes kmPulse{50%{transform:rotate(-10deg) scale(1.12)}}
#tkL .km-feat-disc{position:relative;z-index:1;display:block;width:min(52%,190px);aspect-ratio:1;background:#fff;border:4px solid #111;box-shadow:6px 6px 0 #111;clip-path:polygon(50% 0,61% 14%,79% 6%,80% 24%,98% 28%,88% 44%,100% 58%,82% 64%,86% 84%,66% 80%,56% 100%,44% 84%,26% 96%,22% 76%,2% 72%,14% 56%,0 40%,18% 32%,14% 12%,34% 16%);transition:transform .3s}
#tkL .km-p2:hover .km-feat-disc{transform:scale(1.08) rotate(6deg)}
#tkL .km-feat-disc .km-media img{padding:26%}
#tkL .km-say{position:absolute;right:12px;bottom:14px;z-index:2;max-width:70%;padding:10px 14px;background:#fff;border:3px solid #111;border-radius:22px;font:800 14px/1.3 var(--kt-body);text-align:left;box-shadow:3px 3px 0 #111}
#tkL .km-say:before{content:'';position:absolute;left:22px;top:-16px;border:8px solid transparent;border-bottom:12px solid #111}
#tkL .km-say b{font-weight:900}
#tkL .km-say small{font-size:11px}
#tkL .km-p3,#tkL .km-p4{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:14px!important;background:#2ec4ff;text-align:center}
#tkL .km-p4{background:#7bdc65}
#tkL .km-mini{display:block;width:76px;height:76px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #111;box-shadow:3px 3px 0 #111;transition:transform .3s}
#tkL :is(.km-p3,.km-p4):hover .km-mini{transform:rotate(-12deg) scale(1.1)}
#tkL .km-zap{position:absolute;right:8px;top:6px;font:400 24px var(--kt-disp);color:#ffd23f;-webkit-text-stroke:1.5px #111;transform:rotate(12deg)}
#tkL .km-zap.z2{color:#ff6fb5}
#tkL :is(.km-p3,.km-p4) b{font:400 20px/1.1 var(--kt-disp);letter-spacing:.03em;overflow-wrap:anywhere}
@media(max-width:900px){#tkL .km-page-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#tkL .km-p1{grid-row:auto;grid-column:1/3}#tkL .km-p2{grid-column:1/3;min-height:260px}}
@media(max-width:480px){#tkL .km-page-grid{padding:10px;gap:10px;box-shadow:5px 5px 0 #111}#tkL .km-p3,#tkL .km-p4{min-height:150px}}

#tkL .km-bubs{display:flex;flex-wrap:wrap;gap:26px 18px;padding:6px 4px 14px}
#tkL .km-bub{position:relative;display:flex!important;flex-direction:column;align-items:center;min-width:140px;padding:14px 22px!important;background:var(--c);border:3px solid #111!important;border-radius:50%/44%;box-shadow:4px 4px 0 #111;transform:rotate(var(--t));transition:transform .25s cubic-bezier(.3,1.8,.5,1)}
#tkL .km-bub:after{content:'';position:absolute;left:24%;bottom:-17px;width:22px;height:20px;background:var(--c);border-right:3px solid #111;border-bottom:3px solid #111;clip-path:polygon(0 0,100% 0,100% 100%);transform:skewX(-18deg)}
#tkL .km-bub:hover{transform:rotate(0) scale(1.08)}
#tkL .km-bub b{font:400 22px/1.1 var(--kt-disp);letter-spacing:.04em}
#tkL .km-bub small{font:800 11.5px var(--kt-body)}

#tkL .km-pans{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
#tkL .km-pan{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:10px!important;text-align:left;background:#fff;border:3px solid #111!important;box-shadow:5px 5px 0 #111;transition:transform .15s,box-shadow .15s}
#tkL .km-pan:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #111}
#tkL .km-pan:nth-child(odd){transform:rotate(-.6deg)}#tkL .km-pan:nth-child(odd):hover{transform:rotate(0) translate(-3px,-3px)}
#tkL .km-pan-cap{align-self:flex-start;max-width:100%;padding:3px 8px;background:#ffd23f;border:2px solid #111;font:800 11px var(--kt-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tkL .km-pan-pic{display:grid;place-items:center;aspect-ratio:1.2;border:2px solid #111;background:radial-gradient(rgba(17,17,17,.18) 1.5px,transparent 1.8px) 0 0/9px 9px,var(--c)}
#tkL .km-pan-disc{display:block;width:58%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #111;transition:transform .3s}
#tkL .km-pan:hover .km-pan-disc{transform:scale(1.08) rotate(-6deg)}
#tkL .km-pan strong{font:400 20px/1.1 var(--kt-disp);letter-spacing:.03em;overflow-wrap:anywhere}
#tkL .km-pan-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
#tkL .km-pan-foot b{font:900 15px var(--kt-body);color:var(--kt-price);white-space:nowrap}
#tkL .km-pan-foot b small{font-size:11px;color:#555;font-weight:700}
#tkL .km-pan-foot i{padding:4px 10px;background:#ff3b3b;color:#fff;border:2px solid #111;border-radius:8px;font:400 15px var(--kt-disp);font-style:normal;letter-spacing:.05em;box-shadow:2px 2px 0 #111}
#tkL .km-wow{position:absolute;right:-8px;top:24px;display:grid;place-items:center;width:74px;height:74px;background:#ffd23f;color:#ff3b3b;font:400 20px/1 var(--kt-disp);text-align:center;clip-path:polygon(50% 0,61% 18%,82% 8%,80% 30%,100% 36%,84% 52%,98% 70%,76% 72%,74% 94%,56% 82%,40% 100%,34% 78%,12% 86%,18% 64%,0 52%,18% 38%,6% 16%,28% 18%,38% 0);animation:kmWob 1.6s ease-in-out infinite}
#tkL .km-wow small{display:block;font-size:13px;color:#111}
@keyframes kmWob{50%{transform:rotate(10deg) scale(1.08)}}
#tkL .km-closed{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-12deg);padding:6px 14px;background:#111;color:#fff;font:400 26px var(--kt-disp);letter-spacing:.05em;border:3px solid #fff;box-shadow:0 0 0 3px #111}
#tkL .km-pan.is-off .km-pan-pic{filter:grayscale(1)}

#tkL .km-strip{display:flex;gap:16px;overflow-x:auto;padding:6px 6px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#tkL .km-iss{flex:0 0 170px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:12px!important;text-align:center;background:var(--c);border:3px solid #111!important;box-shadow:4px 4px 0 #111}
#tkL .km-iss-no{align-self:stretch;padding:3px;background:#111;color:#fff;font:400 15px var(--kt-disp);letter-spacing:.08em}
#tkL .km-iss-pic{display:block;width:72px;height:72px;margin:8px 0 4px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #111}
#tkL .km-iss b{font:400 18px/1.1 var(--kt-disp);letter-spacing:.03em;overflow-wrap:anywhere}
#tkL .km-iss small{font:800 11.5px var(--kt-body)}
#tkL .km-iss strong{margin-top:auto;padding:4px 10px;background:#fff;border:2px solid #111;font:900 14px var(--kt-body);white-space:nowrap}
#tkL .km-iss strong small{font-size:10px}
#tkL .km-iss.is-off{filter:grayscale(.8);opacity:.7}

html[data-tkl="komik"] #app .pcard{box-shadow:5px 5px 0 #111!important}
html[data-tkl="komik"] #app .pcard .pic{background:radial-gradient(rgba(17,17,17,.18) 1.5px,transparent 1.8px) 0 0/9px 9px,#ffd23f!important;border:2px solid #111!important}
html[data-tkl="komik"] #app .pcard h3,html[data-tkl="komik"] #tkLBar>b{letter-spacing:.03em}

html[data-tkl="komik"] .km-sfx{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:110px;margin:0 0 14px;padding:14px;border:3px solid #111;background:radial-gradient(rgba(255,59,59,.2) 1.6px,transparent 1.8px) 0 0/10px 10px,#ffd23f;box-shadow:4px 4px 0 #111;overflow:hidden}
html[data-tkl="komik"] .km-sfx-head{font:400 26px var(--kt-disp);letter-spacing:.04em;color:#fff;-webkit-text-stroke:1.5px #111;text-shadow:3px 3px 0 #111;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-tkl="komik"] .km-sfx-say{position:relative;padding:8px 14px;background:#fff;border:3px solid #111;border-radius:20px;font:900 13.5px var(--kt-body);text-align:center}
html[data-tkl="komik"] .km-sfx.is-full .km-sfx-say{background:#ff3b3b;color:#fff;animation:kmPulse2 .4s ease 2}
@keyframes kmPulse2{50%{transform:scale(1.12) rotate(-3deg)}}
html[data-tkl="komik"] .km-pop{position:absolute;font:400 30px var(--kt-disp);font-style:normal;-webkit-text-stroke:1.5px #111;text-shadow:3px 3px 0 #111;pointer-events:none;animation:kmPop .7s cubic-bezier(.2,1.6,.4,1) forwards;transform:rotate(var(--r))}
@keyframes kmPop{0%{transform:rotate(var(--r)) scale(0);opacity:1}40%{transform:rotate(var(--r)) scale(1.25)}100%{transform:rotate(var(--r)) scale(1) translateY(-14px);opacity:0}}
html[data-tkl="komik"] .km-sfx-sm{min-height:0}
html[data-tkl="komik"] :is(#loginModal,#forgotModalTk) .modal{border:4px solid #111!important;box-shadow:8px 8px 0 #111!important}
html[data-tkl="komik"] :is(#loginModal,#forgotModalTk) .btn-primary{font:400 22px var(--kt-disp)!important;letter-spacing:.06em}