/* Larian Zaman — tema teal & emas (menindih token enjin sg_game.css) */
html,*{-webkit-tap-highlight-color:transparent}
:root{--g-latar:#0b1f24;--g-latar2:#0f2f36;--g-panel:#12333b;--g-panel2:#16424c;--g-garis:rgba(253,230,138,.2);--g-teks:#f1fbfa;--g-redup:#b5d3d1;
  --g-utama:#0d9488;--g-utama2:#115e59;--g-emas:#fbbf24;--g-emas2:#b45309;--g-permata:#38bdf8;--g-nav-penanda:#fbbf24;color-scheme:dark}
body{background:var(--g-latar)}
.g-nav button.aktif{color:#fff;background:linear-gradient(180deg,#f59e0b,#b45309);box-shadow:0 3px 0 #78350f}
.lz-hal{display:none;padding:12px max(12px,env(safe-area-inset-left)) 24px}.lz-hal.aktif{display:block}
#kanvas{position:absolute;inset:0;display:block;touch-action:none}
#s-main{touch-action:none}
#tajuk{position:absolute;inset:0;z-index:5;cursor:pointer;background:linear-gradient(180deg,rgba(6,20,30,.55),rgba(6,20,30,0) 35%,rgba(6,20,30,0) 60%,rgba(6,20,30,.7))}
#tajuk[hidden]{display:none}
.lz-logo{position:absolute;top:max(8%,env(safe-area-inset-top));left:0;right:0;text-align:center;padding:0 12px}
.lz-logo h1{margin:0;font-size:clamp(2.4rem,11vw,3.8rem);font-weight:800;color:#fde68a;letter-spacing:.02em;line-height:1;text-shadow:0 4px 0 #b45309,0 8px 0 #78350f,0 0 30px rgba(251,191,36,.5);transform:rotate(-3deg)}
.lz-logo p{display:inline-block;margin:14px 0 0;background:rgba(6,20,30,.7);border:1px solid var(--g-garis);border-radius:999px;padding:5px 14px;font-weight:700}
.lz-ketik{position:absolute;left:50%;bottom:max(8%,env(safe-area-inset-bottom));transform:translateX(-50%);background:linear-gradient(180deg,#f59e0b,#b45309);color:#fff;font-weight:800;font-size:1.25rem;padding:13px 32px;border-radius:999px;box-shadow:0 5px 0 #78350f;animation:lz-denyut 1.4s infinite;white-space:nowrap}
@keyframes lz-denyut{50%{transform:translateX(-50%) scale(1.07)}}
#hud{position:absolute;inset:0;z-index:6;pointer-events:none}
#hud[hidden]{display:none}
#hud button{pointer-events:auto}
.lz-atas{display:flex;align-items:flex-start;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))}
.lz-info{flex:1;min-width:0;background:rgba(6,20,30,.78);border:1px solid var(--g-garis);border-radius:14px;padding:5px 10px}
.lz-info b{display:block;font-size:.85rem;color:#fde68a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lz-info span{font-size:.68rem;color:var(--g-redup)}
.lz-stat{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.lz-stat>span{background:rgba(6,20,30,.78);border-radius:999px;padding:2px 9px;font-weight:800;font-size:.8rem;white-space:nowrap}
.lz-nyawa{color:#fb7185;font-size:1rem!important;letter-spacing:2px}.lz-nyawa .g-svg.hilang{opacity:.2}
.lz-soalan{position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:calc(max(8px,env(safe-area-inset-top)) + 118px);background:linear-gradient(180deg,rgba(254,243,199,.97),rgba(253,230,138,.96));color:#1c1917;border:3px solid #b45309;border-radius:18px;padding:8px 12px 10px;box-shadow:0 8px 24px rgba(0,0,0,.4);text-align:center;animation:lz-masuk .3s ease-out}
.lz-soalan[hidden]{display:none}
@keyframes lz-masuk{from{transform:translateY(-20px);opacity:0}}
.lz-soalan b{display:block;font-size:1.08rem;line-height:1.3}
.lz-tp{display:block;font-size:.66rem;font-weight:800;color:#0f766e;letter-spacing:.05em}
.lz-masa{height:6px;border-radius:4px;background:rgba(0,0,0,.12);overflow:hidden;margin:6px 0}.lz-masa i{display:block;height:100%;background:#b45309;animation:lz-masa linear forwards}
@keyframes lz-masa{from{width:100%}to{width:0}}
.lz-lor{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.lz-lor em{font-style:normal;font-weight:800;font-size:.78rem;background:#fff;border-radius:8px;padding:3px 4px;border:2px solid #d6d3d1}.lz-lor em.kosong{background:transparent;border-style:dashed;color:#a8a29e}
.lz-soalan.betul{background:linear-gradient(180deg,#99f6e4,#5eead4);border-color:#0f766e}.lz-soalan.salah{background:linear-gradient(180deg,#fecdd3,#fda4af);border-color:#be123c}
.lz-kilat{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);max-width:88%;text-align:center;font-weight:800;font-size:1.15rem;padding:8px 16px;border-radius:16px;opacity:0;pointer-events:none;background:rgba(6,20,30,.85);color:#fff}
.lz-kilat small{display:block;font-weight:600;font-size:.82rem;margin-top:4px;color:#fde68a}
.lz-kilat.tunjuk{animation:lz-kilat 2.6s ease-out}
.lz-kilat.betul{color:#5eead4}.lz-kilat.salah{color:#fda4af}.lz-kilat.fakta{color:#fde68a;font-size:.98rem}.lz-kilat.kuasa{color:#c4b5fd}
@keyframes lz-kilat{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%)}}
.lz-kuasa-bar{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:6px}
.lz-kuasa{display:inline-flex;align-items:center;gap:3px;background:rgba(6,20,30,.8);border-radius:999px;padding:4px 10px;font-weight:800;font-size:.85rem}
.lz-kuasa.magnet{color:#f87171}.lz-kuasa.ganda{color:#c084fc}.lz-kuasa.kasut{color:#4ade80}.lz-kuasa.perisai{color:#38bdf8}
.lz-kira{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:6rem;font-weight:800;color:#fde68a;text-shadow:0 6px 0 #78350f}
.lz-kira[hidden]{display:none}
.lz-kira.d{animation:lz-kira .6s ease-out}
@keyframes lz-kira{from{transform:translate(-50%,-50%) scale(1.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.lz-ting{max-width:760px;margin:0 auto 18px}.lz-ting-k{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 10px}.lz-ting-k h2{margin:0;color:#fde68a;font-size:1.25rem}
.lz-bab{border-radius:20px;overflow:hidden;margin-bottom:12px;border:2px solid rgba(253,230,138,.25);background-size:cover;background-position:center 30%;padding-top:70px}
.lz-bab-k{padding:0 12px 6px}.lz-bab-k small{color:#5eead4;font-weight:800;font-size:.72rem}.lz-bab-k h3{margin:0;color:#fff;font-size:1.05rem;text-shadow:0 2px 6px #000}
.lz-sk{display:grid;gap:6px;padding:8px 10px 10px}
.lz-sk button{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);background:rgba(6,20,30,.72);color:#fff;border-radius:14px;padding:9px 10px;text-align:left;font:700 .92rem var(--g-fon);cursor:pointer}
.lz-sk button.kunci{opacity:.5}.lz-sk button.semasa{border-color:#fbbf24;box-shadow:0 0 0 2px rgba(251,191,36,.35)}
.lz-sk .no{width:36px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0f766e;color:#fde68a;font-size:.78rem;flex:none}.lz-sk .t{flex:1;min-width:0}.lz-sk .b{color:#fbbf24;white-space:nowrap;font-size:.85rem}.lz-sk .b .g-svg.off{color:rgba(255,255,255,.2)}
.lz-kunci-t{padding:16px;text-align:center;color:var(--g-redup);background:rgba(6,20,30,.8)}
.lz-kad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,150px));gap:10px}
.lz-kad-grid button{border:2px solid rgba(253,230,138,.3);background:#0f2f36;border-radius:14px;padding:6px;cursor:pointer;color:#fff;font:700 .74rem var(--g-fon)}
.lz-kad-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;margin-bottom:4px}
.lz-kad-grid button.tiada img{filter:brightness(.28) saturate(.2) blur(2px)}
.lz-kad-grid .bk-emas{border-color:#fbbf24}.lz-kad-grid .bk-jed{border-color:#34d399}.lz-kad-grid .bk-ungu{border-color:#a78bfa}.lz-kad-grid .bk-merah{border-color:#fb7185}
.lz-kad-artifak{width:min(58vw,220px);border-radius:14px;box-shadow:0 0 30px rgba(251,191,36,.45)}
.lz-fakta{text-align:left;margin:6px 0;padding-left:18px;font-size:.88rem}
.lz-misi{display:grid;gap:8px}.lz-misi div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border-radius:12px;padding:8px 10px}.lz-misi div span{flex:1}.lz-misi div em{font-style:normal;color:#fde68a;font-weight:800}.lz-misi div.siap{opacity:.55}
.lz-bar{height:8px;background:rgba(255,255,255,.12);border-radius:6px;overflow:hidden}.lz-bar i{display:block;height:100%;background:#fbbf24}
.lz-ganjaran{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.lz-ganjaran span{background:rgba(255,255,255,.08);border-radius:999px;padding:5px 11px;font-weight:800;font-size:.9rem}
.lz-bintang-besar{display:flex;gap:8px;justify-content:center;font-size:2.6rem;color:rgba(255,255,255,.2)}.lz-bintang-besar .on{color:#fbbf24}
.lz-pilih-kuasa{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0}
.lz-pilih-kuasa button{border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:10px;font:700 .9rem var(--g-fon);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.lz-pilih-kuasa button.aktif{border-color:#fbbf24;background:rgba(251,191,36,.18)}.lz-pilih-kuasa small{color:var(--g-redup)}