:root{--malam:#12151f;--panel:#181c29;--panel2:#1e2333;--garis:#2c3247;--dakwat:#e6dfd0;--pudar:#7d8398;--emas:#d9b36c;--emas-terang:#f0cf8e;--sirih:#a8cdb0;--bara:#e08a8a;--nila:#8fa8d9;--racun:#b8d98c;--fon:"Cascadia Mono", "JetBrains Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0}body{background:var(--malam);color:var(--dakwat);font-family:var(--fon);min-height:100vh;font-size:14px}.skrin{flex-direction:column;gap:12px;max-width:1200px;min-height:100vh;margin:0 auto;padding:18px 16px 24px;transition:filter .5s;display:flex}.skrin-menyorok{filter:saturate(.55)brightness(.82)}.skrin-menyorok .panel{border-color:#333c5c}.skrin-menyorok .kepala-tajuk{color:var(--nila)}.kepala{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.kepala-tajuk{color:var(--emas);letter-spacing:.45em;font-weight:700;transition:color .5s}.kepala-sub{color:var(--pudar);letter-spacing:.2em;font-size:12px}.kepala-kanan{align-items:center;gap:14px;display:flex}.btn-logout{font-family:var(--fon);letter-spacing:.1em;color:var(--pudar);border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:2px;padding:4px 12px;font-size:12px;transition:color .2s,border-color .2s}.btn-logout:hover{color:var(--bara);border-color:var(--bara)}.btn-logout:focus-visible{outline:2px solid var(--emas);outline-offset:1px}.btn-muzik{font-family:var(--fon);letter-spacing:.1em;color:var(--emas);border:1px solid var(--garis);cursor:pointer;background:0 0;border-radius:2px;padding:4px 12px;font-size:12px;transition:color .2s,border-color .2s}.btn-muzik:hover{border-color:var(--emas)}.btn-muzik:focus-visible{outline:2px solid var(--emas);outline-offset:1px}.btn-muzik-senyap{color:var(--pudar)}.panel{background:var(--panel);border:1px solid var(--garis);border-radius:2px;padding:14px 12px 10px;transition:border-color .5s;position:relative}.panel-tajuk{background:var(--panel);color:var(--emas);letter-spacing:.25em;padding:0 8px;font-size:11px;font-weight:400;position:absolute;top:-8px;left:10px}.susun-atur{grid-template-columns:200px 1fr 300px;align-items:stretch;gap:12px;display:grid}.lajur-menu{display:flex}.lajur-menu .panel-misi{flex:1}.lajur-kanan{flex-direction:column;gap:12px;display:flex}.lajur-kanan .panel-status{flex:1}.panel-misi{flex-direction:column;display:flex}.misi-kosong{color:var(--pudar);margin-top:4px;font-size:12px;line-height:1.6}.misi-senarai{flex-direction:column;gap:12px;margin-top:4px;padding:0;list-style:none;display:flex}.misi{border-left:2px solid var(--garis);padding-left:10px}.misi-aktif{border-left-color:var(--emas)}.misi-selesai{border-left-color:var(--sirih);opacity:.75}.misi-tajuk{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.misi-nama{color:var(--dakwat);font-size:13px;font-weight:700}.misi-lencana{letter-spacing:.15em;text-transform:uppercase;border:1px solid;border-radius:2px;align-self:flex-start;padding:1px 6px;font-size:9px}.lencana-aktif{color:var(--emas)}.lencana-selesai{color:var(--sirih)}.misi-objektif{flex-direction:column;gap:3px;padding:0;list-style:none;display:flex}.misi-objektif li{color:var(--pudar);font-size:12px}.objektif-tanda{color:var(--emas);width:1.6ch;display:inline-block}.objektif-siap,.objektif-siap .objektif-tanda{color:var(--sirih)}.objektif-kira{color:var(--emas)}.panel-peta{flex-direction:column;display:flex}.peta-grid{font-family:var(--fon);letter-spacing:.35em;-webkit-user-select:none;user-select:none;margin-top:4px;font-size:19px;line-height:1.12;overflow:hidden}.sel{transition:color .2s}.sel-dinding{color:#4d5468}.sel-rumah{color:#6b5e4e}.sel-pintu{color:#9a8663}.sel-tanah{color:#363c4e}.sel-rumput{color:#465447}.sel-air{color:#5872a8}.sel-jambatan{color:#9a8663}.sel-pokok{color:#6d9678}.sel-surau{color:#d9b36c}.ikon-sel{object-fit:contain;vertical-align:-.2em;width:1.15em;height:1.15em;image-rendering:pixelated;pointer-events:none}.ikon-pemain{filter:drop-shadow(0 0 4px #f0cf8ecc)}.ikon-pemain-sorok{filter:saturate(.4)brightness(.75)drop-shadow(0 0 4px #8fa8d9e6);opacity:.8}.ikon-musuh-racun{filter:sepia(.6)hue-rotate(60deg)saturate(1.6)}.sel-pemain{color:var(--emas-terang);text-shadow:0 0 8px #f0cf8e80;font-weight:700}.sel-pemain-sorok{color:var(--nila);text-shadow:0 0 8px #8fa8d980;font-weight:700}.sel-musuh{color:var(--bara);font-weight:700}.sel-musuh-racun{color:var(--racun);font-weight:700}.sel-npc{color:var(--sirih);font-weight:700}.sel-peti{color:var(--emas);font-weight:700}.sel-kucing{color:#e8b4c8;font-weight:700}.panel-imej{padding:8px}.imej-bekas{aspect-ratio:4/3;opacity:1;background:linear-gradient(160deg,#1c2233,#232b42 55%,#2a3350);border-radius:2px;justify-content:center;align-items:center;transition:opacity .25s;display:flex;overflow:hidden}.imej-fade{opacity:0}.imej-bekas img{object-fit:cover;width:100%;height:100%}.imej-bekas{position:relative}.imej-musuh{border:1px solid var(--bara);box-shadow:inset 0 0 24px #e08a8a40}.imej-item{border:1px solid var(--emas);box-shadow:inset 0 0 24px #d9b36c40}.imej-skill{border:1px solid var(--nila);box-shadow:inset 0 0 28px #8fa8d94d}.imej-skill img{animation:.45s ease-out skill-denyut}@keyframes skill-denyut{0%{filter:brightness(1.3);transform:scale(1.08)}to{filter:none;transform:scale(1)}}.imej-label{letter-spacing:.1em;text-align:center;background:linear-gradient(#0000,#12151fe6);padding:14px 6px 5px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.imej-label-musuh{color:var(--bara)}.imej-label-item{color:var(--emas-terang)}.imej-label-skill{color:var(--nila)}.imej-fallback{color:#3b4260;font-size:28px}.panel-status{flex-direction:column;gap:8px;display:flex}.status-nama{flex-direction:column;gap:2px;display:flex}.status-nama strong{color:var(--emas-terang);letter-spacing:.1em}.status-kelas{color:var(--pudar);font-size:12px}.gauge{align-items:baseline;gap:8px;font-size:13px;display:flex}.gauge-label{color:var(--pudar);width:2ch}.gauge-bar.bar-hp{color:var(--bara)}.gauge-bar.bar-tenaga{color:var(--emas)}.gauge-kosong{color:#2a3040}.gauge-angka{color:var(--pudar);margin-left:auto;font-size:11px}.status-baris{justify-content:space-between;align-items:center;display:flex}.status-kecil{color:var(--pudar);font-size:12px}.combo{color:#e8a87c;letter-spacing:.2em;font-size:15px}.tag-menyorok{color:var(--nila);border:1px solid var(--nila);letter-spacing:.2em;border-radius:2px;padding:1px 6px;font-size:10px;animation:2.2s ease-in-out infinite nafas}@keyframes nafas{50%{opacity:.45}}.tag-tangkis{color:var(--sirih);border:1px solid var(--sirih);letter-spacing:.2em;border-radius:2px;padding:1px 6px;font-size:10px}.status-quest{color:var(--sirih);border-top:1px solid var(--garis);margin-top:auto;padding-top:8px;font-size:12px}.status-quest.quest-selesai{color:var(--pudar)}.panel-log{min-height:132px}.log-senarai{flex-direction:column;gap:2px;margin-top:2px;font-size:13px;display:flex}.log-lama{color:var(--pudar)}.log-terkini{color:var(--dakwat)}.kursor{color:var(--emas);margin-left:2px;animation:1.1s step-end infinite kelip}@keyframes kelip{50%{opacity:0}}.ability-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px;display:flex}.ability{font-family:var(--fon);background:var(--panel);color:var(--dakwat);border:1px solid var(--garis);cursor:pointer;border-radius:2px;align-items:baseline;gap:6px;padding:6px 10px;font-size:12px;display:flex}.ability:hover:not(:disabled){border-color:var(--emas)}.ability:focus-visible{outline:2px solid var(--emas);outline-offset:1px}.ability-slot{color:var(--emas);border:1px solid var(--garis);border-radius:2px;padding:0 4px;font-size:11px}.ability-kos{color:var(--pudar);font-size:10px}.ability-tak-sedia{opacity:.55}.ability-kunci{opacity:.3;cursor:not-allowed}.petunjuk-kekunci{color:var(--pudar);margin-left:auto;font-size:11px}.tetingkap{background:var(--panel2);border:3px double var(--emas);border-radius:2px;min-width:340px;max-width:480px;padding:20px 22px 14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0009}.tetingkap-tajuk{color:var(--emas);letter-spacing:.3em;margin-bottom:12px;font-size:13px}.tetingkap-kosong{color:var(--pudar)}.tetingkap-bantuan{color:var(--pudar);margin-top:14px;font-size:11px}.inv-senarai,.dialog-pilihan{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.pilihan-btn{font-family:var(--fon);color:var(--dakwat);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:2px;width:100%;padding:6px 4px;font-size:13px}.pilihan-btn:hover{background:#d9b36c14}.pilihan-btn.inv-pilih{color:var(--emas-terang)}.tetingkap-tutup{font-family:var(--fon);color:var(--pudar);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:15px;position:absolute;top:8px;right:10px}.tetingkap-tutup:hover{color:var(--bara)}.inv-penanda{color:var(--emas);width:2ch;display:inline-block}.inv-pilih{color:var(--emas-terang)}.inv-pakai{color:var(--sirih);font-size:11px}.inv-info{color:var(--pudar);margin-top:10px;font-size:12px;font-style:italic}.dialog-kepala{align-items:center;gap:12px;margin-bottom:12px;display:flex}.dialog-kepala .tetingkap-tajuk{margin-bottom:0}.dialog-potret{object-fit:cover;border:1px solid var(--emas);border-radius:50%;width:56px;height:56px}.dialog-teks{color:var(--dakwat);margin-bottom:14px;line-height:1.6}.tetingkap-panduan{z-index:45;max-width:520px}.panduan-senarai{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.panduan-senarai li{color:var(--dakwat);align-items:baseline;gap:12px;font-size:13px;line-height:1.55;display:flex}.panduan-kekunci{text-align:center;min-width:64px;color:var(--emas);border:1px solid var(--garis);border-radius:2px;flex-shrink:0;padding:2px 6px;font-size:12px}.pk-npc{color:var(--sirih)}.pk-peti{color:var(--emas)}.pk-nila{color:var(--nila)}.pk-sirih{color:var(--sirih)}.panduan-tip{color:var(--pudar);margin-top:14px;font-size:12px;font-style:italic;line-height:1.6}.panduan-butang{font-family:var(--fon);border:1px solid var(--emas);color:var(--emas);letter-spacing:.15em;cursor:pointer;background:0 0;border-radius:2px;margin:16px auto 4px;padding:8px 20px;display:block}.panduan-butang:hover{background:#d9b36c1f}.panduan-butang:focus-visible{outline:2px solid var(--emas);outline-offset:1px}.tetingkap-mati{border-color:var(--bara);text-align:center}.mati-tajuk{color:var(--bara);letter-spacing:.15em;margin:10px 0;font-size:16px}.mati-seni{color:var(--pudar)}.skrin-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:80vh;display:flex}.title-potret{object-fit:cover;border:2px solid var(--emas);border-radius:50%;width:132px;height:132px;box-shadow:0 0 32px #d9b36c40}.title-seni{color:var(--emas);text-shadow:0 0 24px #d9b36c40;font-size:15px;line-height:1.3}.title-cerita{color:var(--pudar);line-height:1.7}.title-borang{flex-direction:column;align-items:center;gap:10px;display:flex}.title-borang label{color:var(--dakwat);font-size:13px}.title-borang input{font-family:var(--fon);background:var(--panel);border:1px solid var(--garis);color:var(--emas-terang);text-align:center;letter-spacing:.1em;border-radius:2px;width:240px;padding:8px 12px}.title-borang input:focus{border-color:var(--emas);outline:none}.title-borang button{font-family:var(--fon);border:1px solid var(--emas);color:var(--emas);letter-spacing:.15em;cursor:pointer;background:0 0;border-radius:2px;padding:8px 20px}.title-borang button:hover:not(:disabled){background:#d9b36c1f}.title-borang button:disabled{opacity:.35;cursor:not-allowed}.kesan{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}@keyframes kesan-pudar{0%{opacity:1}to{opacity:0}}.kesan-serangan_licik:before{content:"";background:linear-gradient(90deg,#0000,#f0cf8ea6,#0000);width:14%;animation:.35s ease-out forwards kesan-libas;position:absolute;top:-25%;bottom:-25%;left:-25%;transform:rotate(18deg)}@keyframes kesan-libas{to{left:115%}}.kesan-tikam_belakang{background:radial-gradient(#0000 35%,#180c30d9);animation:.6s ease-out forwards kesan-pudar}.kesan-habisan{background:#f0cf8e4d;animation:.5s ease-out forwards kesan-pudar}.skrin-kesan-habisan{animation:.45s kesan-goncang}@keyframes kesan-goncang{0%,to{transform:none}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.kesan-menyorok{background:radial-gradient(#8fa8d959,#0000 75%);animation:.7s ease-out forwards kesan-pudar}.kesan-racun_keris{background:#b8d98c38;animation:.6s ease-out forwards kesan-pudar}.kesan-tangkis:before{content:"";border:3px solid #a8cdb0cc;border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;animation:.55s ease-out forwards kesan-gelang;position:absolute;top:50%;left:50%}@keyframes kesan-gelang{to{opacity:0;transform:scale(14)}}@media (prefers-reduced-motion:reduce){.kesan{display:none}.skrin-kesan-habisan{animation:none}}.skrin-rehat{z-index:50;background:#0a0c14f5;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.6s rehat-masuk;display:flex;position:fixed;inset:0}@keyframes rehat-masuk{0%{opacity:0}}.rehat-imej{border:1px solid var(--emas);border-radius:4px;width:300px;max-width:80vw;animation:2.5s ease-in-out infinite rehat-nafas;box-shadow:0 0 48px #d9b36c40}@keyframes rehat-nafas{50%{filter:brightness(.7)}}.rehat-teks{color:var(--emas-terang);letter-spacing:.15em;font-size:15px}.rehat-titik{animation:1.1s step-end infinite kelip}.rehat-bar{background:var(--garis);border-radius:2px;width:260px;height:4px;overflow:hidden}.rehat-bar-isi{background:var(--emas);width:0;height:100%;animation:5s linear forwards rehat-isi}@keyframes rehat-isi{to{width:100%}}.memuat{color:var(--pudar);text-align:center;margin-top:40vh;animation:1.6s infinite nafas}.skrin-ralat{color:var(--bara);text-align:center;padding-top:40vh}.chip-mobile,.sentuh-kawalan{display:none}@media (pointer:coarse){.chip-mobile{display:inline-block}.sentuh-kawalan{z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.petunjuk-kekunci,.tetingkap-bantuan{display:none}.dpad{pointer-events:auto;grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:4px;display:grid}.dpad-atas{grid-area:1/2}.dpad-kiri{grid-area:2/1}.dpad-kanan{grid-area:2/3}.dpad-bawah{grid-area:3/2}.dpad-btn,.aksi-btn{font-family:var(--fon);color:var(--emas);border:1px solid var(--garis);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;background:#181c29d9;border-radius:6px;font-size:18px}.dpad-btn:active,.aksi-btn:active{border-color:var(--emas);background:#d9b36c40}.sentuh-aksi{pointer-events:auto;gap:10px;display:flex}.aksi-btn{border-radius:50%;width:58px;height:58px;font-size:20px;font-weight:700}}@media (width<=600px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{font-size:13px}.skrin{height:100dvh;min-height:0;padding:6px 8px calc(160px + env(safe-area-inset-bottom));gap:6px;overflow:hidden}.kepala-tajuk{letter-spacing:.2em;font-size:13px}.kepala-sub{display:none}.susun-atur{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.lajur-menu,.lajur-kanan .panel-imej{display:none}.lajur-kanan{flex-direction:column;flex-shrink:0}.lajur-tengah{min-height:0;display:flex;overflow:hidden}.lajur-tengah .panel-peta{flex:1;min-height:0;overflow:hidden}.peta-grid{letter-spacing:.28em;touch-action:none;font-size:clamp(11px,4vw,16px)}.panel{padding:10px 10px 8px}.panel-status{gap:4px}.status-nama{flex-direction:row;align-items:baseline;gap:8px}.status-quest{display:none}.panel-log{flex-shrink:1;min-height:0;overflow:hidden}.log-senarai{max-height:3em;font-size:12px;overflow:hidden}.ability{padding:6px 8px;font-size:11px}.ability-bar{gap:6px}.tetingkap{width:calc(100vw - 28px);min-width:0;max-width:420px;max-height:82dvh;padding:18px 16px 12px;overflow-y:auto}.tetingkap-drawer{max-height:70dvh;overflow-y:auto}.pilihan-btn{padding:10px 6px}.title-seni{font-size:10px}.skrin-title{flex:1;gap:14px;min-height:0}.title-potret{width:96px;height:96px}.dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px)}.aksi-btn{width:52px;height:52px}.sentuh-kawalan{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}}@media (width>=1101px){.skrin-penuh{max-width:none;padding:18px 28px 24px}.skrin-penuh .susun-atur{flex:1;grid-template-columns:minmax(200px,300px) 1fr minmax(300px,400px)}.skrin-penuh .lajur-tengah{display:flex}.skrin-penuh .panel-peta{flex:1;justify-content:center}.skrin-penuh .peta-grid{text-align:center;font-size:clamp(19px,1.4vw,27px)}}@media (width<=1100px){.susun-atur{grid-template-columns:180px 1fr}.lajur-kanan{flex-direction:row;grid-column:1/-1}.lajur-kanan .panel-imej,.lajur-kanan .panel-status{flex:1}}@media (width<=760px){.susun-atur{grid-template-columns:1fr}.lajur-kanan{flex-direction:column}.peta-grid{font-size:15px}}@media (prefers-reduced-motion:reduce){.kursor,.tag-menyorok,.memuat,.imej-skill img{animation:none}.skrin,.imej-bekas,.sel{transition:none}}