/* PHI999 gabay — Strawberry Pine Jigsaw (slotmonitorphjackpot.com) — jg-a1 */
@font-face{font-family:'Baloo 2';src:url(../fonts/bl-1.woff2) format('woff2');font-weight:500 800;font-display:swap}
@font-face{font-family:'Commissioner';src:url(../fonts/cm-1.woff2) format('woff2');font-weight:300 800;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
:root{--pine:#123a2f;--pine2:#28604e;--pine3:#608c78;--pine4:#96b6a6;--fog:#e8ede8;--fog2:#f7f9f5;--mist:#ccd6cf;--berry:#de3a5e;--berry2:#f79eb2;--berry3:#a41c3e;--sun:#f4b628;--sun2:#fcde80;--wood:#d6b080;--wood2:#e8cca2;--bark:#5c402a;--ink:#16221e;--mut:#4d6159;
  --hf:'Baloo 2','Trebuchet MS',system-ui,sans-serif;--bf:'Commissioner',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--r:14px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fog);color:var(--ink);font:400 16.5px/1.65 var(--bf);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--pine2)}
a:hover{color:var(--berry3)}
button{font:inherit;cursor:pointer}
.jg-in{width:min(1240px,100% - 32px);margin-inline:auto}
.jg-skip{position:absolute;left:-9999px;top:0;background:var(--sun);color:var(--ink);padding:8px 14px;z-index:99}
.jg-skip:focus{left:8px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
/* --- tiny piece row --- */
.jg-pcs{display:inline-flex;gap:3px;margin-right:8px;vertical-align:-2px}
.jg-pcs i{width:11px;height:11px;border-radius:2px;background:var(--berry);position:relative}
.jg-pcs i:nth-child(2){background:var(--sun)}.jg-pcs i:nth-child(3){background:var(--pine4)}
.jg-pcs i::after{content:'';position:absolute;right:-3px;top:3px;width:5px;height:5px;border-radius:50%;background:inherit}
/* --- strip --- */
.jg-strip{background:var(--pine);color:var(--fog);font-size:13px}
.jg-strip-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px}
.jg-strip p{margin:0;display:flex;align-items:center}
.jg-strip-l{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.jg-strip-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-strip .jg-strip-r{flex:none;gap:12px}
.jg-count b{color:var(--sun2);font-variant-numeric:tabular-nums}
.jg-clock{color:var(--pine4)}
.jg-strip-age{background:var(--berry);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px}
/* --- header --- */
.jg-top{background:var(--fog2);position:sticky;top:0;z-index:40;box-shadow:0 2px 0 rgba(18,58,47,.08)}
.jg-top::after{content:'';position:absolute;left:0;right:0;top:100%;height:11px;background:radial-gradient(circle at 22px 0,var(--fog2) 9px,transparent 9.6px) 0 0/44px 11px repeat-x;pointer-events:none}
.jg-top-in{display:flex;align-items:center;gap:18px;min-height:74px}
.jg-logo{flex:none}
.jg-logo img{height:46px;width:auto}
.jg-nav{flex:1;min-width:0}
.jg-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:16px;justify-content:center}
.jg-chip{--c:var(--pine2);position:relative;display:inline-flex;align-items:center;height:38px;padding:0 18px 0 22px;background:var(--c);color:#fff;text-decoration:none;font:700 15px/1 var(--hf);border-radius:6px;white-space:nowrap}
.jg-chip::before{content:'';position:absolute;right:-8px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--c)}
.jg-chip::after{content:'';position:absolute;left:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--fog2)}
.jg-chip.q2{--c:var(--berry)}.jg-chip.q3{--c:#c88a06}.jg-chip.q4{--c:var(--pine)}
.jg-chip span{position:relative;z-index:1}
.jg-chip:hover,.jg-chip[aria-current]{color:var(--ink);--c:var(--sun)}
.jg-acts{display:flex;align-items:center;gap:10px;flex:none}
.jg-acts>*{flex:none;white-space:nowrap}
.jg-board-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--pine);background:#fff;color:var(--pine);border-radius:10px;padding:7px 12px;font-weight:700}
.jg-bb-ic{display:grid;grid-template-columns:repeat(2,8px);gap:2px}
.jg-bb-ic i{width:8px;height:8px;border-radius:2px;background:var(--berry)}
.jg-bb-ic i:nth-child(2){background:var(--sun)}.jg-bb-ic i:nth-child(3){background:var(--pine3)}.jg-bb-ic i:nth-child(4){background:var(--pine)}
.jg-login{color:var(--pine);font-weight:700;text-decoration:none;padding:8px 6px}
.jg-hplay{background:var(--berry);color:#fff;text-decoration:none;font:800 16px/1 var(--hf);padding:12px 20px;border-radius:10px;box-shadow:0 4px 0 var(--berry3)}
.jg-hplay:hover{color:#fff;filter:brightness(1.06)}
/* --- puzzle-board menu --- */
.jg-mesa{position:fixed;inset:0;z-index:90;background:rgba(10,30,24,.78);overflow:auto;padding:24px 16px}
.jg-mesa-in{max-width:1080px;margin:0 auto;background:var(--wood2);border-radius:18px;padding:22px 24px;box-shadow:0 30px 60px rgba(0,0,0,.35);border:8px solid var(--pine)}
.jg-mesa-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.jg-mesa-h{margin:0;font:800 clamp(22px,3vw,32px)/1.1 var(--hf);color:var(--pine)}
.jg-mesa-h small{display:block;font:600 13px/1.4 var(--bf);color:var(--bark);margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}
.jg-mesa-x{border:0;background:var(--pine);color:#fff;width:42px;height:42px;border-radius:50%;font-size:18px;flex:none}
.jg-legend{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--bark)}
.jg-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px;background:var(--pc)}
.s1{--pc:var(--pine2);--pt:#fff}.s2{--pc:var(--berry);--pt:#fff}.s3{--pc:var(--sun);--pt:var(--ink)}.s4{--pc:var(--fog2);--pt:var(--pine)}.s5{--pc:var(--wood);--pt:var(--ink)}.s0{--pc:var(--pine);--pt:var(--sun2)}
.jg-board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.jg-pc{position:relative;background:var(--pc);min-height:86px;border:1px solid rgba(22,34,30,.22)}
.jg-pc::before{content:'';position:absolute;right:-9px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;background:var(--pc);z-index:2;box-shadow:1px 0 0 rgba(22,34,30,.22)}
.jg-pc::after{content:'';position:absolute;bottom:-9px;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:var(--pc);z-index:2;box-shadow:0 1px 0 rgba(22,34,30,.22)}
.jg-pc.c5::before,.jg-pc.r4::after{display:none}
.jg-pc a{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;height:100%;padding:12px 16px;color:var(--pt);text-decoration:none;font:700 15px/1.2 var(--hf)}
.jg-pc a i{font:600 11px/1 var(--bf);font-style:normal;opacity:.8;margin-bottom:6px;letter-spacing:.06em}
.jg-pc a:hover,.jg-pc a:focus-visible{background:rgba(255,255,255,.22)}
.jg-pc a[aria-current]{box-shadow:inset 0 0 0 4px var(--berry3)}
.jg-mesa-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:24px;padding-top:16px;border-top:2px dashed var(--bark)}
.jg-mesa-foot p{flex:1;min-width:220px;margin:0;color:var(--bark)}
.jg-mesa-foot small{width:100%;color:var(--bark)}
.jg-p21{position:relative;display:inline-grid;place-items:center;width:54px;height:46px;background:var(--berry);color:#fff;font:800 18px var(--hf);border-radius:6px;flex:none}
.jg-p21::after{content:'';position:absolute;right:-8px;top:50%;margin-top:-8px;width:16px;height:16px;border-radius:50%;background:var(--berry)}
/* --- buttons --- */
.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--berry);color:#fff!important;text-decoration:none;font:800 17px/1.1 var(--hf);padding:13px 24px;border-radius:12px;box-shadow:0 4px 0 var(--berry3);border:0;text-align:center}
.btn-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.jg-ghost{display:inline-flex;align-items:center;color:var(--pine);font-weight:700;text-decoration:none;padding:11px 18px;border:2px solid var(--pine);border-radius:12px;background:#fff}
.jg-ghost:hover{background:var(--sun2);color:var(--ink)}
/* --- hero --- */
.jg-hero{padding:34px 0 16px;overflow:hidden}
.jg-hero-g{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:26px;align-items:center}
.jg-stagew{position:relative;width:100%;min-width:0;align-self:center}
.jg-stage{position:relative;aspect-ratio:2/1;border-radius:16px;overflow:hidden;background:var(--pine);border:10px solid var(--pine);box-shadow:0 14px 28px rgba(18,58,47,.25),inset 0 0 0 2px var(--pine2)}
.jg-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateZ(0)}
.jg-slide.is-on{opacity:1;visibility:visible;z-index:1}
.jg-slide img{width:100%;height:100%;object-fit:cover}
.jg-sweep{position:absolute;inset:0;z-index:3;background-size:cover;background-position:center;visibility:hidden;pointer-events:none;filter:drop-shadow(-6px 0 8px rgba(0,0,0,.35))}
.jg-sweep.is-go{visibility:visible}
.jg-stage-tag{position:absolute;left:22px;top:22px;z-index:4;margin:0;background:rgba(18,58,47,.88);color:var(--fog2);font:700 14px/1 var(--bf);padding:8px 13px;border-radius:999px;display:flex;align-items:center;gap:7px}
.jg-stage-tag b{color:var(--sun2)}
.jg-dot{width:9px;height:9px;border-radius:2px;background:var(--berry);display:inline-block}
.jg-lidcard{position:relative;min-width:0}
.jg-lid-side{position:absolute;left:10px;right:-10px;top:10px;bottom:-12px;background:var(--berry3);border-radius:16px;z-index:0}
.jg-lid-b{position:relative;z-index:1;background:var(--berry);color:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.18)}
.jg-lid-k{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.jg-lid-k span{background:var(--pine);padding:4px 10px;border-radius:999px;color:var(--sun2)}
.jg-lid-k b{opacity:.85;font-weight:600;align-self:center}
.jg-caps{min-height:150px}
.jg-cp-t{margin:0 0 8px;font:800 clamp(20px,2vw,25px)/1.12 var(--hf)}
.jg-cp-s{margin:0;color:#ffe3ea;font-size:15px}
.jg-sels{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 14px;align-items:center}
.jg-sel{display:flex;align-items:center;gap:8px;background:var(--fog2);color:var(--pine);border:0;border-radius:10px;padding:7px 10px 7px 8px;text-align:left;flex:1 1 140px;min-width:0}
.jg-sel.is-on{background:#fff;box-shadow:0 0 0 3px var(--sun)}
.jg-sel-p{position:relative;width:26px;height:26px;border-radius:5px;background:var(--mist);overflow:visible;flex:none}
.jg-sel-p::after{content:'';position:absolute;right:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--mist)}
.jg-sel-p i{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--pine2);border-radius:5px}
.jg-sel.t1 .jg-sel-p i{background:var(--berry)}.jg-sel.t2 .jg-sel-p i{background:var(--sun)}
.jg-sel.is-on .jg-sel-p i{animation:jgfill var(--dur,6500ms) linear forwards}
.jg-hero.is-paused .jg-sel.is-on .jg-sel-p i{animation-play-state:paused}
@keyframes jgfill{from{height:0}to{height:100%}}
.jg-sel-l{font:700 13px/1.2 var(--bf);min-width:0}
.jg-sel-l small{display:block;font-weight:500;font-size:11px;color:var(--mut)}
.jg-pp{display:inline-flex;align-items:center;gap:6px;background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:5px 11px;font-size:13px}
.jg-pp span{width:9px;height:11px;border-left:3px solid #fff;border-right:3px solid #fff}
.jg-hero.is-paused .jg-pp span{border:0;width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.jg-pp em{font-style:normal}
.jg-lid-c{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jg-lid-c .btn-cta{background:var(--sun);color:var(--ink)!important;box-shadow:0 4px 0 #b9850f}
.jg-lid-c .jg-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.jg-lid-c small{width:100%;color:#ffd5df;font-size:12px}
/* --- brand compare --- */
.jg-bc{position:relative;margin:34px 0 10px;background:#fff;border-radius:18px;padding:30px 26px 24px;box-shadow:0 10px 26px rgba(18,58,47,.1)}
.jg-bc::before{content:'';position:absolute;left:22px;right:22px;top:-10px;height:12px;background:radial-gradient(circle at 26px 12px,#fff 10px,transparent 10.6px) 0 0/52px 12px repeat-x}
.bc-kick{margin:0 0 8px;font-size:13px;color:var(--mut)}
.bc-kick span,.jg-kick{display:inline-block;background:var(--pine);color:var(--sun2);font:700 12px/1 var(--bf);letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;margin-right:8px}
.jg-bc h2{font:800 clamp(22px,2.6vw,30px)/1.15 var(--hf);color:var(--pine);margin:6px 0 10px}
.bc-head p{max-width:900px}
.bc-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:16px 0}
.bc-chips{display:flex;flex-wrap:wrap;gap:8px}
.bc-chips button{border:2px solid var(--pine);background:#fff;color:var(--pine);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}
.bc-chips button.is-on{background:var(--pine);color:#fff}
.bc-search input{border:2px solid var(--mist);border-radius:10px;padding:8px 12px;font:inherit;min-width:220px;max-width:100%}
.bc-tw{overflow-x:auto;border-radius:12px;border:2px solid var(--fog)}
.bc-t{width:100%;border-collapse:collapse;font-size:14px;min-width:860px}
.bc-t th,.bc-t td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--fog);vertical-align:middle}
.bc-t thead th{background:var(--pine);color:var(--fog2);font:700 13px/1.25 var(--bf)}
.bc-t tbody tr:nth-child(even){background:#fbfcfa}
.jg-bc:not(.is-all) tbody tr:nth-child(n+9){display:none}
.bc-t tr.is-me{background:#fff2f5!important;box-shadow:inset 4px 0 0 var(--berry)}
.bc-bd{font:800 18px var(--hf);color:var(--pine3);width:56px}
.bc-b{display:flex;gap:10px;align-items:center}
.bc-b img,.bc-mono{width:40px;height:40px;border-radius:9px;flex:none}
.bc-mono{display:grid;place-items:center;background:var(--berry);color:#fff;font:800 14px var(--hf)}
.bc-b b{font-weight:700;display:block}
.bc-b small{display:block;font-weight:400;color:var(--mut);font-size:12.5px}
.bc-b small a{color:var(--pine2)}
.bc-note{margin-top:3px}
.bc-ok{color:#18744f;font-weight:700;white-space:nowrap}
.bc-no{color:var(--berry3);font-weight:700;white-space:nowrap}
.bc-mut{color:var(--mut);font-size:13px}
.bc-morewrap{text-align:center;margin:14px 0 0}
.bc-more{border:0;background:var(--sun);color:var(--ink);font-weight:700;border-radius:999px;padding:9px 18px}
.bc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:22px}
.bc-tip{background:var(--fog);border-radius:14px;padding:16px 20px}
.bc-tip h3,.bc-partner h3{font:800 20px/1.2 var(--hf);color:var(--pine);margin:0 0 8px}
.bc-tip ul{margin:0;padding-left:18px;font-size:14.5px}
.bc-partner{background:var(--pine);color:var(--fog);border-radius:14px;padding:18px 20px}
.bc-partner h3{color:var(--sun2)}
.bc-partner .bc-kick span{background:var(--berry);color:#fff}
.bc-partner .cta-note{color:var(--pine4)}
/* --- page head --- */
.jg-ph{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;margin:30px 0 22px;background:var(--fog2);border-radius:18px;padding:26px 28px;border-bottom:10px solid var(--pc,var(--pine2));box-shadow:0 8px 20px rgba(18,58,47,.08)}
.jg-ph.s4{--pc:var(--pine3)}
.jg-crumbs ol{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px}
.jg-crumbs li{background:#fff;border:1px solid var(--mist);border-radius:6px;padding:2px 10px;position:relative}
.jg-crumbs li+li::before{content:'';position:absolute;left:-6px;top:50%;margin-top:-4px;width:8px;height:8px;border-radius:50%;background:var(--sun)}
.jg-crumbs a{text-decoration:none}
.jg-ph-k{margin:0 0 6px;font:700 13px var(--bf);color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.jg-ph-k span{background:var(--pc,var(--pine2));color:#fff;padding:3px 9px;border-radius:5px;margin-right:8px}
.jg-ph.s3 .jg-ph-k span,.jg-ph.s5 .jg-ph-k span{color:var(--ink)}
.jg-ph.s4 .jg-ph-k span{background:var(--pine3)}
.jg-ph h1{font:800 clamp(28px,4vw,44px)/1.08 var(--hf);color:var(--pine);margin:4px 0 10px}
.jg-ph-by{font-size:14px;color:var(--mut);margin:0 0 14px}
.jg-ph-btn{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.jg-ph-art{display:grid;gap:14px;justify-items:center}
.jg-mp{position:relative;display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,62px);transform:rotate(-3deg);background:var(--bark);padding:6px;border-radius:8px;box-shadow:0 10px 18px rgba(0,0,0,.18)}
.jg-mp span{position:relative;background:var(--c);border:1px solid rgba(0,0,0,.18)}
.jg-mp span::before{content:'';position:absolute;right:-7px;top:50%;margin-top:-7px;width:14px;height:14px;border-radius:50%;background:var(--c);z-index:2}
.jg-mp span::after{content:'';position:absolute;bottom:-7px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:var(--c);z-index:2}
.jg-mp .m2::before,.jg-mp .m5::before,.jg-mp .m8::before,.jg-mp .m6::after,.jg-mp .m7::after,.jg-mp .m8::after{display:none}
.jg-mp span.is-gone{background:#3d2a1b;border-color:#2a1c12}
.jg-mp span.is-gone::before,.jg-mp span.is-gone::after{background:#3d2a1b}
.jg-mp b{position:absolute;inset:0;display:grid;place-items:center;font:800 22px var(--hf);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:3}
.jg-mp .jg-mp-loose{position:absolute;border:0;right:-34px;bottom:-26px;width:58px;height:58px;background:var(--c);border-radius:4px;transform:rotate(24deg);box-shadow:0 6px 10px rgba(0,0,0,.25)}
.jg-mp .jg-mp-loose::before{display:none}
.jg-mp .jg-mp-loose::after{bottom:auto;content:'';position:absolute;top:-8px;left:50%;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:var(--c)}
.jg-ph-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;font-size:13px}
.jg-ph-dl div{background:#fff;border:1px dashed var(--pine4);border-radius:8px;padding:5px 9px;min-width:0}
.jg-ph-dl div:last-child{grid-column:span 2}
.jg-ph-dl dt{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.jg-ph-dl dd{margin:0;font-weight:700;color:var(--pine);overflow-wrap:anywhere}
/* --- reading: piece chain + frozen box --- */
.jg-rd{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}
.jg-chain{position:sticky;top:96px;background:var(--fog2);border-radius:16px;padding:16px 14px;box-shadow:0 6px 16px rgba(18,58,47,.08);max-height:calc(100vh - 116px);display:flex;flex-direction:column}
.jg-chain-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font:800 16px var(--hf);color:var(--pine)}
.jg-chain-h b{background:var(--pine);color:var(--sun2);font:700 13px var(--bf);padding:3px 10px;border-radius:999px}
.jg-chain-h i{font-style:normal}
.jg-chain-l{list-style:none;margin:0;padding:0 6px 10px 0;overflow:auto;flex:1;min-height:0}
.jg-chain-l li{position:relative;margin-bottom:10px}
.jg-chain-l a{position:relative;display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:2px dashed var(--pine4);border-radius:8px;background:#fff;color:var(--pine);text-decoration:none;font-size:13.5px;line-height:1.3}
.jg-chain-l a::after{content:'';position:absolute;left:24px;bottom:-9px;width:14px;height:14px;border-radius:50%;background:inherit;border:2px dashed var(--pine4);border-top-color:transparent;z-index:1}
.jg-chain-l li:last-child a::after{display:none}
.jg-chain-l a b{flex:none;width:22px;height:22px;border-radius:5px;background:var(--fog);display:grid;place-items:center;font:800 12px var(--hf)}
.jg-chain-l a.is-done{background:var(--pine2);border:2px solid var(--pine2);color:#fff}
.jg-chain-l a.is-done::after{border:2px solid var(--pine2);border-top-color:transparent}
.jg-chain-l a.is-done b{background:var(--pine);color:var(--sun2)}
.jg-chain-l a.is-cur{background:var(--berry);border:2px solid var(--berry);color:#fff}
.jg-chain-l a.is-cur::after{border:2px solid var(--berry);border-top-color:transparent}
.jg-chain-l a.is-cur b{background:#fff;color:var(--berry3)}
.jg-chain-pct{display:flex;align-items:center;gap:8px;margin:6px 0 0}
.jg-chain-bar{flex:1;height:10px;border-radius:999px;background:var(--mist);overflow:hidden}
.jg-chain-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--berry) 0 14px,var(--sun) 14px 28px)}
.jg-chain-sel{display:none}
.jg-boxw{position:relative;min-width:0;background:var(--pine2);border-radius:18px;padding:10px;box-shadow:0 10px 24px rgba(18,58,47,.16)}
.jg-boxbar{display:flex;justify-content:space-between;align-items:center;color:var(--fog);font-size:13px;padding:2px 10px 9px}
.jg-boxbar p{margin:0;display:flex;align-items:center;gap:8px}
.jg-boxbar b{color:var(--sun2)}
.jg-box{background:var(--fog2);border-radius:12px;max-height:800px;overflow-y:auto;padding:30px 36px 20px;outline:none;overscroll-behavior:contain}
.jg-fade{position:absolute;left:10px;right:10px;bottom:10px;height:90px;border-radius:0 0 12px 12px;background:linear-gradient(rgba(247,249,245,0),var(--fog2));pointer-events:none;transition:opacity .3s}
.jg-boxw.is-end .jg-fade,.jg-boxw.is-end .jg-more{opacity:0;pointer-events:none}
.jg-more{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);border:0;background:var(--pine);color:#fff;border-radius:999px;padding:9px 20px;font-weight:700;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:opacity .3s}
.jg-endmark{text-align:center;color:var(--pine3);font-size:13px;margin:26px 0 8px}
/* content typography */
.jg-box h2{font:800 clamp(22px,2.4vw,28px)/1.18 var(--hf);color:var(--pine);margin:34px 0 12px;padding-left:40px;position:relative}
.jg-box h2::before{content:'';position:absolute;left:0;top:.18em;width:26px;height:26px;border-radius:5px;background:var(--berry)}
.jg-box h2::after{content:'';position:absolute;left:21px;top:calc(.18em + 8px);width:10px;height:10px;border-radius:50%;background:var(--berry)}
.jg-box h2:first-child{margin-top:4px}
.jg-box h3{font:800 20px/1.25 var(--hf);color:var(--pine2);margin:24px 0 8px}
.jg-box p{margin:0 0 14px;max-width:78ch}
.jg-box ul,.jg-box ol{padding-left:22px;margin:0 0 16px;max-width:78ch}
.jg-box li{margin-bottom:6px}
.jg-box a{font-weight:600}
.jg-box blockquote{margin:16px 0;padding:12px 18px;border-left:5px solid var(--sun);background:#fff}
.jg-box .tbl,.jg-box table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14.5px;background:#fff;border-radius:10px;overflow:hidden}
.jg-box th,.jg-box td{padding:9px 12px;border-bottom:1px solid var(--fog);text-align:left;vertical-align:top}
.jg-box thead th{background:var(--pine);color:var(--fog2);font-weight:700}
.jg-box tbody tr:nth-child(even){background:#fafbf8}
.jg-fig{margin:10px 0 20px}
.jg-fig img{border-radius:12px;width:100%;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.jg-fig figcaption{font-size:13px;color:var(--mut);margin-top:6px}
/* writer components */
.jg-gilid{position:relative;margin:18px 0 24px;background:#fff;border:3px solid var(--pine);border-radius:12px;padding:16px 18px 12px}
.jg-gilid-h{margin:-30px 0 12px!important;display:inline-block;background:var(--pine);color:var(--sun2);font:800 14px/1 var(--hf);padding:8px 14px;border-radius:999px;max-width:none!important}
.jg-gilid-h span{color:#fff}
.jg-gilid ul{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none!important}
.jg-gilid li{position:relative;background:var(--fog);border-radius:8px;padding:10px 12px 10px 14px;margin:0;border-left:6px solid var(--pine2);font-size:15px}
.jg-gilid li b{display:block;font:800 14px/1.2 var(--hf);color:var(--pine);margin-bottom:3px}
.jg-gilid li.s2{border-left-color:var(--berry)}.jg-gilid li.s3{border-left-color:var(--sun)}.jg-gilid li.s4{border-left-color:var(--bark)}
.jg-gilid li::after{content:'';position:absolute;left:-12px;top:50%;margin-top:-7px;width:14px;height:14px;border-radius:50%;background:inherit;border:3px solid;border-color:inherit;display:none}
.jg-box table.jg-bilang thead th{background:var(--berry)}
.jg-box table.jg-bilang td:first-child{font-weight:600;color:var(--pine)}
.jg-hakbang{list-style:none!important;padding:0!important;counter-reset:pz}
.jg-hakbang li{position:relative;background:#fff;border:2px solid var(--mist);border-radius:10px;padding:12px 14px 12px 58px;margin-bottom:12px}
.jg-hakbang li::before{counter-increment:pz;content:counter(pz);position:absolute;left:12px;top:12px;width:32px;height:32px;border-radius:6px;background:var(--sun);color:var(--ink);font:800 16px/32px var(--hf);text-align:center}
.jg-hakbang li::after{content:'';position:absolute;left:41px;top:22px;width:11px;height:11px;border-radius:50%;background:var(--sun)}
.jg-hakbang li strong{color:var(--pine)}
.jg-kulang{margin:18px 0 22px;background:#fff2f5;border:2px dashed var(--berry);border-radius:12px;padding:14px 18px 2px 64px;position:relative}
.jg-kulang::before{content:'';position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:5px;border:3px dashed var(--berry)}
.jg-kulang::after{content:'?';position:absolute;left:16px;top:16px;width:30px;height:30px;display:grid;place-items:center;font:800 18px var(--hf);color:var(--berry3)}
.jg-kulang strong{color:var(--berry3)}
.jg-buo{display:flex;gap:12px;align-items:flex-start;background:var(--pine);color:var(--fog2);border-radius:12px;padding:12px 16px;max-width:none!important}
.jg-buo b{flex:none;background:var(--sun);color:var(--ink);font:800 13px/1 var(--hf);padding:7px 10px;border-radius:6px;text-transform:uppercase}
.cta-row{margin:18px 0!important}
.cta-note{font-size:13px;color:var(--mut)}
.jg-box h3.jg-fq{background:#fff;border:2px solid var(--mist);border-bottom:0;border-radius:12px 12px 0 0;padding:12px 14px 8px 54px;margin:18px 0 0;position:relative;font-size:18px}
.jg-box h3.jg-fq::before{content:attr(data-q);position:absolute;left:12px;top:11px;width:30px;height:28px;border-radius:5px;background:var(--pine2);color:#fff;font:800 13px/28px var(--hf);text-align:center}
.jg-box h3.jg-fq+p{background:#fff;border:2px solid var(--mist);border-top:0;border-radius:0 0 12px 12px;padding:4px 16px 14px 54px;max-width:none}
/* --- band of three --- */
.jg-band3{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;margin:34px 0}
.jg-band3-h{font:800 20px/1.2 var(--hf);color:var(--pine);margin:0 0 12px}
.jg-last{position:relative;background:var(--pine);color:var(--fog);border-radius:16px;padding:22px 20px 18px}
.jg-last-k{position:absolute;right:-12px;top:44%;width:26px;height:26px;border-radius:50%;background:var(--pine)}
.jg-last-kick{margin:0 0 6px;color:var(--pine4);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.jg-last-t{margin:0 0 10px}
.jg-last-t b{display:block;font:800 30px/1 var(--hf);color:var(--sun2)}
.jg-last-t span{font-size:14px}
.jg-last dl{margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jg-last dl div{background:rgba(255,255,255,.08);border-radius:8px;padding:6px 9px;min-width:0}
.jg-last dt{font-size:11px;color:var(--pine4)}
.jg-last dd{margin:0;font-weight:700;font-size:13.5px;overflow-wrap:anywhere}
.jg-last-c{margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.jg-last-c small{color:var(--pine4)}
.jg-band3-g,.jg-band3-c{background:#fff;border-radius:16px;padding:20px}
.jg-minis{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.jg-minis a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--pine);font-weight:600;font-size:14px}
.jg-minis img{width:96px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.jg-q3{margin:0;padding-left:20px;font-size:14.5px}
.jg-q3 li{margin-bottom:10px}
.jg-q3 b{display:block;color:var(--berry3)}
/* --- scattered pieces link mat --- */
.jg-sec-h{margin:0 0 16px}
.jg-sec-h h2{font:800 clamp(22px,2.6vw,30px)/1.15 var(--hf);color:var(--pine);margin:8px 0 0}
.jg-scatter{margin:36px 0;background:var(--wood2);border-radius:18px;padding:26px 24px 30px;background-image:repeating-linear-gradient(0deg,rgba(92,64,42,.06) 0 2px,transparent 2px 14px)}
.jg-scat-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 26px}
.jg-scat-g li{transform:rotate(-3deg)}
.jg-scat-g li.m1{transform:rotate(2.5deg) translateY(6px)}.jg-scat-g li.m2{transform:rotate(-1deg) translateY(-4px)}.jg-scat-g li.m3{transform:rotate(4deg)}
.jg-scat-g a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:74px;padding:10px 14px;border-radius:6px;background:var(--fog2);color:var(--pine);text-decoration:none;font:800 15px/1.15 var(--hf);box-shadow:0 5px 0 rgba(92,64,42,.25)}
.jg-scat-g a::before{content:'';position:absolute;right:-9px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;background:inherit}
.jg-scat-g a::after{content:'';position:absolute;left:50%;top:-8px;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:inherit}
.jg-scat-g li.m1 a{background:var(--berry);color:#fff}.jg-scat-g li.m2 a{background:var(--sun)}.jg-scat-g li.m3 a{background:var(--pine2);color:#fff}
.jg-scat-g b{font:700 11px var(--bf);opacity:.75}
.jg-scat-g span{position:relative;z-index:1}
.jg-scat-g a:hover{transform:translateY(-3px)}
.jg-scat-g a[aria-current]{outline:3px solid var(--pine)}
/* --- cards: puzzle boxes --- */
.jg-rw{margin:36px 0}
.jg-cards-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.jg-gc{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 6px 0 var(--mist),0 10px 20px rgba(18,58,47,.08);transition:transform .2s}
.jg-gc:hover{transform:translateY(-3px);color:var(--ink)}
.jg-gc-lid{display:flex;justify-content:space-between;align-items:center;background:var(--pc,var(--pine2));color:var(--pt,#fff);padding:7px 12px;font-size:12px}
.jg-gc-lid b{font:800 13px var(--hf)}
.jg-gc-lid i{font-style:normal;opacity:.85}
.jg-gc-im{display:block;aspect-ratio:2/1;background:var(--mist)}
.jg-gc-im img{width:100%;height:100%;object-fit:cover}
.jg-gc-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.jg-gc-b em{font-style:normal;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.jg-gc-t{font:800 18px/1.2 var(--hf);color:var(--pine)}
.jg-gc-e{font-size:14px;color:var(--mut)}
.jg-gc-go{margin-top:auto;font-weight:700;color:var(--berry3);font-size:14px}
.jg-cards-g .jg-gc{min-width:0}
.jg-box .jg-cards-g{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 20px}
/* --- contact form --- */
.jg-form{display:grid;gap:12px;max-width:560px;background:#fff;border-radius:12px;padding:18px;border:2px solid var(--mist)}
.jg-form label{display:grid;gap:4px;font-weight:600;font-size:14px}
.jg-form input,.jg-form textarea{font:inherit;border:2px solid var(--mist);border-radius:8px;padding:9px 11px;max-width:100%}
.jg-honey{position:absolute!important;left:-9999px}
.jg-form-note{font-size:13px;color:var(--mut);margin:0}
.jg-ok{background:#e4f3ea;border-left:5px solid var(--pine2);padding:10px 14px;border-radius:8px}
/* --- footer --- */
.jg-foot{position:relative;background:var(--pine);color:var(--fog);margin-top:60px;padding:44px 0 90px}
.jg-foot-edge{position:absolute;left:0;right:0;top:-34px;height:35px;background:linear-gradient(135deg,transparent 50%,var(--pine) 50%) 0 100%/26px 26px repeat-x,linear-gradient(-135deg,transparent 50%,var(--pine) 50%) 0 100%/26px 26px repeat-x,linear-gradient(135deg,transparent 50%,var(--pine2) 50%) 13px 0/34px 34px repeat-x,linear-gradient(-135deg,transparent 50%,var(--pine2) 50%) 13px 0/34px 34px repeat-x}
.jg-prov h3{font:800 22px/1.2 var(--hf);color:var(--fog2);margin:10px 0 18px}
.jg-prov ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 26px}
.jg-prov li{display:grid;justify-items:center;gap:6px;font-size:12px;color:var(--pine4);min-width:0;text-align:center}
.jg-pv{position:relative;display:grid;place-items:center;width:100%;max-width:150px;height:66px;background:var(--fog2);border-radius:6px;padding:8px 14px}
.jg-pv::before{content:'';position:absolute;right:-9px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;background:var(--fog2)}
.jg-pv::after{content:'';position:absolute;left:-8px;top:50%;margin-top:-8px;width:16px;height:16px;border-radius:50%;background:var(--pine)}
.jg-prov li.r1 .jg-pv{background:var(--sun2)}.jg-prov li.r1 .jg-pv::before{background:var(--sun2)}
.jg-prov li.r2 .jg-pv{background:var(--berry2)}.jg-prov li.r2 .jg-pv::before{background:var(--berry2)}
.jg-pv img{max-height:46px;width:auto;object-fit:contain;position:relative;z-index:1}
.jg-prov b{font-weight:600;overflow-wrap:anywhere}
.jg-foot-cols{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:24px;margin:40px 0 24px}
.jg-foot-cols>*{min-width:0}
.jg-foot-about img{height:46px;width:auto;margin-bottom:10px}
.jg-foot-about p{font-size:13.5px;color:var(--pine4)}
.jg-foot h3{font:800 17px var(--hf);color:var(--sun2);margin:0 0 10px;overflow-wrap:anywhere}
.jg-foot ul{list-style:none;margin:0;padding:0}
.jg-foot-cols li{margin-bottom:7px}
.jg-foot a{color:var(--fog);text-decoration:none}
.jg-foot a:hover{color:var(--sun2)}
.jg-foot-note{font-size:13px;color:var(--pine4);border-top:1px dashed var(--pine3);padding-top:16px}
.jg-age{display:inline-block;background:var(--berry);color:#fff;font-weight:800;border-radius:6px;padding:1px 8px;margin-right:6px}
.jg-outro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px;color:var(--pine4);margin:16px 0 0}
.jg-outro small{color:var(--pine4)}
/* --- dock --- */
.jg-dock{display:none}
/* --- responsive --- */
@media (max-width:1240px){.jg-nav ul{gap:12px}.jg-chip{padding:0 14px 0 18px;font-size:14px}}
@media (max-width:1140px){.jg-nav{display:none}.jg-acts{margin-left:auto}}
@media (max-width:1060px){
  .jg-rd{grid-template-columns:minmax(0,1fr)}
  .jg-chain{position:sticky;top:76px;z-index:20;max-height:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:12px}
  .jg-chain-h{margin:0}.jg-chain-l{display:none}
  .jg-chain-pct{flex:1;min-width:120px;margin:0}
  .jg-chain-sel{display:flex;flex-direction:column;width:100%;font-size:12px;color:var(--mut)}
  .jg-chain-sel select{font:inherit;font-size:14px;padding:7px 9px;border:2px solid var(--mist);border-radius:8px;width:100%;min-width:0;background:#fff}
  .jg-band3{grid-template-columns:1fr 1fr}.jg-last{grid-column:span 2}
  .jg-scat-g{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jg-prov ul{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jg-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.jg-foot-about{grid-column:span 2}
}
@media (max-width:900px){
  .jg-hero-g{grid-template-columns:minmax(0,1fr)}
  .jg-ph{grid-template-columns:minmax(0,1fr)}
  .jg-ph-art{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start}
  .jg-cards-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc-grid{grid-template-columns:minmax(0,1fr)}
  .jg-board{grid-template-columns:repeat(3,1fr)}
  .jg-pc::before,.jg-pc::after{display:none}
}
@media (max-width:760px){
  body{font-size:16px;padding-bottom:70px}
  .jg-in{width:calc(100% - 22px)}
  .jg-strip .jg-count{display:none}
  .jg-top-in{min-height:62px;gap:10px}
  .jg-logo img{height:38px}
  .jg-board-btn span:last-child,.jg-login{display:none}
  .jg-board-btn{padding:8px}
  .jg-hplay{padding:10px 14px;font-size:15px}
  .jg-hero{padding-top:20px}
  .jg-stage{border-width:6px;border-radius:12px}
  .jg-slide{transition:none}
  .jg-stage-tag{left:12px;top:12px;font-size:12px;padding:6px 10px}
  .jg-caps{min-height:0}
  .jg-sel{flex:1 1 100%}
  .jg-bc{padding:24px 14px 18px}
  .bc-t{min-width:0}
  .jg-bc:not(.is-all) tbody tr:nth-child(n+5){display:none}
  .bc-t thead{display:none}
  .bc-t,.bc-t tbody,.bc-t tr,.bc-t td,.bc-t th{display:block;width:100%}
  .bc-t tr{border-bottom:2px solid var(--fog);padding:8px 4px}
  .bc-t td,.bc-t th{border:0;padding:3px 6px}
  .bc-t td::before{content:attr(data-k) ': ';font-weight:700;color:var(--mut);font-size:12px}
  .bc-bd{width:auto}
  .bc-search input{min-width:0;width:100%}
  .bc-search{width:100%}
  .jg-ph{padding:20px 16px;margin-top:20px}
  .jg-ph-art{grid-template-columns:minmax(0,1fr);justify-items:center}
  .jg-mp{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}
  .jg-mp .jg-mp-loose{width:44px;height:44px;right:-20px}
  .jg-box{padding:22px 16px 16px;max-height:720px}
  .jg-box .tbl,.jg-box table{display:block;overflow-x:auto}
  .jg-gilid ul{grid-template-columns:minmax(0,1fr)}
  .jg-band3{grid-template-columns:minmax(0,1fr)}.jg-last{grid-column:auto}
  .jg-last-k{display:none}
  .jg-scat-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
  .jg-cards-g,.jg-box .jg-cards-g{grid-template-columns:minmax(0,1fr)}
  .jg-prov ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jg-foot-cols{grid-template-columns:minmax(0,1fr)}.jg-foot-about{grid-column:auto}
  .jg-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jg-pc{min-height:64px}
  .jg-mesa{padding:10px}
  .jg-mesa-in{padding:16px 14px;border-width:5px}
  .jg-dock{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:var(--pine);border-radius:16px;padding:6px;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
  .jg-dock>*{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--fog);text-decoration:none;font:700 12px/1.1 var(--bf);padding:6px 4px;border-radius:10px}
  .jg-dock .jg-dock-p{flex:1.6;flex-direction:row;gap:8px;background:var(--berry);color:#fff;font:800 14px/1.1 var(--hf)}
  .jg-dock-p small{display:block;font:500 10px var(--bf);opacity:.85}
  .jg-dock i{font-style:normal}
  .jg-foot{padding-bottom:110px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}