@charset "UTF-8";
:root{color-scheme:dark;--ink:#240e17;--maroon:#640f26;--red:#a6213d;--gold:#f4cd7d;--paper:#fff6e7;--muted:#c4adad;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#1c0c12;color:var(--paper);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#240e17}.brand{display:flex;align-items:center;gap:9px}.brand img{object-fit:contain}.brand span{font-size:22px;font-style:italic;letter-spacing:-1px;font-weight:900}.brand b{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;font-style:normal;margin-top:3px;color:#c9b3ac}.breadcrumb{font-size:11px;font-weight:700;letter-spacing:2px;color:#9b7d87}.breadcrumb span{padding:0 19px;color:#77505c}.breadcrumb strong{color:#e9d6cf}.top-actions{display:flex;align-items:center;gap:24px}.edition{font-size:9px;letter-spacing:1.5px;color:#b79b9e}.round-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff3b;border-radius:50%;background:#2b1321bd;font-weight:700;font-size:19px;transition:background .2s}.round-button:hover{background:#640f26}.game-shell{height:min(78vw,calc(100svh - 160px));min-height:540px;max-height:960px;position:relative;overflow:hidden;background:#22363a;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#11182038,transparent 25%,transparent 72%,#17201f50);z-index:1}.hud{position:absolute;z-index:2}.top-left{top:25px;left:30px}.location-label{font-size:10px;letter-spacing:2.3px;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#fff;text-shadow:0 1px 4px #152024}.location-dot{width:6px;height:6px;border-radius:50%;background:#f5c16b;box-shadow:0 0 10px #e7c076}.mission-panel{width:235px;padding:23px;border:1px solid #f7dcb83d;border-radius:4px 20px 4px 20px;background:linear-gradient(140deg,#40141ff0,#230f19e8);box-shadow:0 15px 40px #07191828;backdrop-filter:blur(12px)}.tiny-label{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:800;margin:0 0 12px}.mission-panel h1{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.2;margin:10px 0 22px;letter-spacing:-.4px}.mission-bottom{display:flex;align-items:center;gap:10px}.chest-symbol{color:var(--gold);font-size:27px}.mission-bottom strong{font-size:23px;white-space:nowrap}.divider{color:#866773;font-weight:400}.mission-bottom>span:last-child{font-size:8px;letter-spacing:1.5px;color:#c5afb1;max-width:65px;line-height:1.5}.treasure-dots{display:flex;gap:8px;margin-top:18px}.treasure-dots i{width:23px;height:4px;background:#ffffff21;border-radius:2px}.treasure-dots i.found{background:var(--gold);box-shadow:0 0 10px #f4cd7d55}.top-right{top:25px;right:30px;display:grid;justify-items:end;gap:17px}.session-stats{display:flex;align-items:center;gap:10px}.session-stats>span{display:grid;text-align:right;padding-right:5px;text-shadow:0 1px 5px #142f34}.session-stats small{font-size:8px;letter-spacing:1.5px;color:#e1e8dd}.session-stats strong{font-size:20px;font-variant-numeric:tabular-nums}.quality-button{border:1px solid #ffffff38;border-radius:50%;width:38px;height:38px;background:#2b1321b0;font-size:11px;font-weight:800}.map-panel{width:170px;background:#22101bee;padding:11px;border:1px solid #e6c88c50;border-radius:14px;box-shadow:0 8px 30px #09161933}.map-top{display:flex;justify-content:space-between;color:#e6ce9a;font-size:8px;letter-spacing:1px;margin:0 1px 8px}.map-panel canvas{width:148px;height:134px;display:block;border-radius:5px;background:#293e3c}.map-legend{display:flex;align-items:center;gap:5px;color:#bca6a7;font-size:6px;letter-spacing:.5px;margin:9px 0 1px}.map-legend i{width:5px;height:5px;background:white;border-radius:50%}.map-legend span{color:var(--gold);margin-left:auto}.bottom-left{bottom:24px;left:30px;display:flex;align-items:center;gap:13px;filter:drop-shadow(0 2px 5px #071c1dcc)}.avatar{width:57px;height:57px;border-radius:15px;background:#400e22b5;border:1px solid #edcf9877;display:grid;place-items:center}.bottom-left>div:last-child{display:grid;gap:4px}.bottom-left small{font-size:8px;letter-spacing:2px;color:#e2ccb2}.bottom-left strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.rank{font-size:7px;letter-spacing:2px;color:#d9c1aa}.bottom-right{bottom:25px;right:30px;display:flex;gap:8px}.proximity{position:absolute;z-index:3;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:12px 18px;border-radius:12px;border:1px solid #f4cd7d44;background:#26111cde;backdrop-filter:blur(10px);min-width:260px;pointer-events:none}.proximity-icon{font-size:26px;color:var(--gold)}.proximity strong{font-size:12px;display:block;margin-bottom:4px}.proximity span{font-size:11px;color:#d2bdba}.interact-button{position:absolute;z-index:4;left:50%;top:61%;transform:translateX(-50%);border:1px solid #f4cd7da8;background:#3d0c20ef;border-radius:12px;padding:9px 17px 12px;display:flex;align-items:center;gap:12px;min-width:166px;box-shadow:0 7px 25px #0004;overflow:hidden;font-size:14px}.interact-button kbd{background:#eec676;color:#3e1623;border:0;width:28px;height:28px;display:grid;place-items:center}.interaction-progress{position:absolute;bottom:0;left:0;height:4px;background:#f4cd7d;width:0;transition:width .08s linear}.start-screen,.pause-screen,.win-screen{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:linear-gradient(90deg,#1024202b,#17292320);backdrop-filter:blur(1.5px)}.start-card{text-align:center;margin-top:10px;padding:30px 44px 24px;color:#fff9e8;border:1px solid #f4cd7d66;background:linear-gradient(150deg,#3e1225eb,#250f1ded);border-radius:4px 36px 4px 36px;box-shadow:0 35px 90px #102b3055;min-width:352px}.chapter{display:flex;justify-content:center;align-items:center;gap:12px;font-size:9px;color:#f4cd7d;letter-spacing:3px;font-weight:700}.chapter span{width:28px;height:1px;background:#aa7854}.start-card h2{font-size:64px;line-height:.97;letter-spacing:-3px;margin:19px 0;font-weight:900}.start-card h2 em{color:var(--gold);font-style:normal}.start-card p{font-family:Georgia,serif;font-size:15px;line-height:1.65;color:#dfc9c6;margin:0 0 24px}.primary{border:1px solid #ffe0a044;background:linear-gradient(130deg,#f5d38d,#dcad53);color:#421425;padding:15px 26px;border-radius:9px;font-size:13px;font-weight:850;letter-spacing:.3px;box-shadow:0 6px 25px #12081133;transition:transform .2s}.primary:hover:not(:disabled){transform:translateY(-2px)}.start-card .primary{width:100%}.start-keys{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;font-size:9px;color:#bd9fa8}.start-keys>span{display:flex;align-items:center;gap:3px}.start-keys kbd{width:19px;height:20px;padding:2px;font-size:9px;margin-right:1px}.start-card .loading-note{font-family:Arial,sans-serif;font-size:10px;color:#c3b1b1;margin:12px 0 0;min-height:14px}.small-card{padding:36px;max-width:410px;width:calc(100% - 40px);border-radius:6px 28px 6px 28px;background:#310f20f5;border:1px solid #d4b06b66;text-align:center;box-shadow:0 25px 90px #102b3055}.small-card h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.12;margin:12px 0 18px}.small-card>p:not(.tiny-label){font-size:14px;color:#d9bcc5;line-height:1.5}.win-card img{object-fit:contain;margin-bottom:15px}.win-card .reward-badge{margin:22px 0;font-size:10px;letter-spacing:2px;padding:12px 8px;border:1px solid #d3aa5966;color:var(--gold);background:#f9d48010}.win-card small{font-size:11px;color:#bc9daa}.claim-actions{display:flex;justify-content:center;gap:15px;margin:17px 0}.text-button{background:none;border:0;color:var(--gold);font-size:12px;padding:8px 0}.control-bar{display:flex;align-items:center;justify-content:center;gap:25px;padding:17px 30px;background:#2a111b;border-top:1px solid #e9c17c33;font-size:10px;color:#bfa4ab}.control-item{display:flex;align-items:center;gap:8px}.key-group{display:flex;gap:3px}kbd{font:700 10px Arial,sans-serif;border:1px solid #ffffff2c;border-bottom-width:2px;border-radius:4px;padding:6px;color:#e8d4d0;min-width:24px;text-align:center;background:#ffffff07}.control-bar p{margin:0 0 0 30px;font:italic 12px Georgia,serif;color:#bca49b}footer{display:flex;justify-content:space-between;padding:18px 32px;color:#8f707a;font-size:9px;letter-spacing:1.5px}footer b{color:#ba959e;font-weight:400;padding-left:9px}.toast{position:absolute;z-index:10;top:25px;left:50%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;padding:13px 21px;background:#29111cef;border:1px solid #efd49188;border-radius:10px;color:#f4e4c3;text-align:center;font-size:13px;transition:opacity .2s,transform .2s;max-width:70%}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-pad{display:none;position:absolute;z-index:4;bottom:26px;left:25px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;touch-action:none}.mobile-pad button{border:1px solid #ffe5a14d;background:#30101ccb;border-radius:10px;color:#ffe0a8;touch-action:none;user-select:none}.mobile-pad button:first-child{grid-column:2}.mobile-pad button:nth-child(2){grid-column:1;grid-row:2}.mobile-pad button:nth-child(3){grid-column:2;grid-row:2}.mobile-pad button:nth-child(4){grid-column:3;grid-row:2}.mobile-pad button.pressed{background:#cda45c;color:#27101b}dialog{background:#32121f;color:#f5e6d0;border:1px solid #d8b27788;border-radius:20px;padding:32px;width:min(490px,calc(100% - 30px));box-shadow:0 20px 100px #0007}dialog::backdrop{background:#100b15b3;backdrop-filter:blur(5px)}dialog h2{font:400 30px Georgia,serif;margin:15px 0}dialog ul{padding-left:20px;line-height:1.65;color:#d5bdc1;font-size:14px}dialog li{margin:10px 0}.close-dialog{position:absolute;top:13px;right:13px;border:0;background:#ffffff12;width:30px;height:30px;border-radius:50%;font-size:20px}.game-shell:fullscreen{height:100svh;max-height:none}
@media(min-width:1700px){.mission-panel{width:265px}.game-shell{min-height:670px}}
@media(max-width:1000px){.edition{display:none}.topbar{padding:0 22px}.mission-panel{width:205px;padding:18px}.mission-panel h1{font-size:21px}.map-panel{width:145px}.map-panel canvas{width:123px;height:111px}.top-left{left:20px}.top-right{right:20px}.control-bar p{display:none}.control-bar{gap:20px}.start-card{min-width:330px;padding:27px 32px}.start-card h2{font-size:58px}.proximity{bottom:22px}}
@media(pointer:coarse){.mobile-pad{display:grid}.bottom-left{display:none}.interact-button{top:auto;bottom:37px;left:auto;right:23px;transform:none}.bottom-right{bottom:142px}.proximity{bottom:150px}.control-bar{display:none}}
@media(max-width:650px){.topbar{height:67px;padding:0 16px}.brand img{width:35px;height:35px}.brand span{font-size:19px}.brand small{font-size:7px}.breadcrumb{display:none}.top-actions .round-button{width:33px;height:33px}.game-shell{height:calc(100svh - 107px);min-height:590px;max-height:none}.top-left{top:16px;left:14px}.location-label{font-size:8px;letter-spacing:1px;margin-bottom:11px}.mission-panel{width:156px;padding:13px;border-radius:4px 15px 4px 15px}.mission-panel .tiny-label{font-size:8px;letter-spacing:1.4px}.mission-panel h1{font-size:17px;margin:9px 0 14px}.mission-bottom{gap:6px}.mission-bottom strong{font-size:20px}.mission-bottom>span:last-child{font-size:6px;letter-spacing:.7px}.treasure-dots{gap:5px;margin-top:12px}.treasure-dots i{width:19px}.top-right{top:14px;right:13px;gap:12px}.session-stats{gap:6px}.session-stats small{font-size:6px;letter-spacing:.5px}.session-stats strong{font-size:16px}.session-stats .round-button,.quality-button{width:29px;height:29px;font-size:13px}.quality-button{font-size:9px}.map-panel{width:105px;padding:8px;border-radius:10px}.map-panel canvas{width:87px;height:79px}.map-top{font-size:6px;letter-spacing:0}.map-legend{display:none}.start-card{min-width:0;width:calc(100% - 52px);max-width:350px;margin-top:78px;padding:26px 25px}.start-card h2{font-size:57px}.start-card p{font-size:14px}.start-keys{gap:13px}.start-keys kbd{font-size:8px}.chapter{font-size:8px}.toast{top:240px;max-width:90%;width:max-content}.proximity{min-width:230px;padding:10px 13px;bottom:160px}.proximity strong{font-size:11px}.proximity span{font-size:10px}.bottom-left{bottom:18px;left:17px}.bottom-right{right:17px}.control-bar{gap:11px;padding:14px 8px;font-size:8px}.control-item{gap:4px}.control-bar kbd{font-size:8px;min-width:18px;padding:4px}.control-bar .control-item:last-of-type{display:none}footer{padding:14px 16px;font-size:7px;letter-spacing:1px}footer>span:last-child{display:none}.small-card{padding:27px}.small-card h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Petunjuk utama tetap terbaca; layar sentuh pendek tetap menampilkan kontrol. */
.primary{font-size:14px}.start-keys{font-size:12px}.start-card .loading-note{font-size:12px}.proximity strong{font-size:14px}.proximity span{font-size:12px}.control-bar{font-size:12px}.text-button{font-size:14px}.win-card small{font-size:12px}
@media(max-width:650px){.mobile-pad{display:grid}.bottom-left{display:none}.bottom-right{bottom:132px}.interact-button{top:auto;bottom:37px;left:auto;right:18px;transform:none;min-width:143px}.start-keys{font-size:11px}.proximity{max-width:calc(100% - 32px)}.control-bar{display:none}.start-card{width:calc(100% - 32px)}}
@media(pointer:coarse) and (max-height:600px){.topbar{height:54px}.game-shell{height:calc(100svh - 54px);min-height:0}.top-left{top:12px;left:16px}.location-label{margin-bottom:8px}.mission-panel{padding:10px;width:180px}.mission-panel h1,.mission-panel .tiny-label,.treasure-dots,.map-panel,.bottom-left,.bottom-right,footer{display:none}.top-right{top:10px;right:14px}.start-card{margin:0;padding:16px 28px;width:330px;min-width:0}.start-card h2{font-size:40px;margin:10px 0}.start-card p{font-size:13px;margin-bottom:12px}.start-keys,.start-card .loading-note{display:none}.chapter{font-size:8px}.mobile-pad{bottom:14px;left:16px}.proximity{bottom:16px;min-width:210px;max-width:250px}.interact-button{bottom:28px}.toast{top:76px}.small-card{max-height:calc(100% - 20px);overflow:auto;padding:20px}.small-card h2{font-size:26px}.win-card img{display:none}.win-card .reward-badge{margin:12px 0}.claim-actions{margin:8px 0}}