: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-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}.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-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}.skrin-pc-sahaja{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:16px;display:flex}.skrin-pc-sahaja .title-seni{font-size:11px}.pc-sahaja-mesej{color:var(--dakwat);font-size:15px;line-height:1.6}.pc-sahaja-mesej strong{color:var(--emas-terang)}.pc-sahaja-info{color:var(--pudar);font-size:12px;line-height:1.8}.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}@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}}