*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:-webkit-fill-available}html,body{width:100%;height:100%;touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#000;height:-webkit-fill-available;font-family:Courier New,Courier,monospace;overflow:hidden}#game-container{background:#000;position:fixed;inset:0}canvas{image-rendering:auto;display:block}.hidden{display:none!important}#objective-hud{padding:env(safe-area-inset-top,0px) 60px 0 60px;z-index:64;pointer-events:none;min-height:28px;padding-bottom:6px;padding-top:calc(env(safe-area-inset-top,0px) + 4px);background:linear-gradient(#0000008c,#0000);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:fixed;top:0;left:0;right:0}.obj-id{color:#d8b888;letter-spacing:.05em;text-align:center;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;font-family:Courier New,Courier,monospace;font-size:13px;display:block}.obj-en{color:#9a8870;letter-spacing:.06em;text-align:center;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;font-family:Courier New,Courier,monospace;font-size:11px;font-style:italic;display:block}@keyframes obj-pulse-anim{0%{opacity:.4}50%{opacity:1}to{opacity:1}}#objective-hud.obj-pulse{animation:.42s forwards obj-pulse-anim}#map-overlay{z-index:80;touch-action:manipulation;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#map-overlay .map-frame{width:320px;max-width:88vw;height:560px;max-height:82vh;position:relative}#map-overlay .map-img{object-fit:cover;border:1px solid #3a1a0a;border-radius:2px;width:100%;height:100%;transition:filter .4s;display:block}#map-overlay .map-img.corrupted{filter:sepia(.7)hue-rotate(-15deg)contrast(1.25)brightness(.75)blur(.8px)}#map-overlay .map-corruption-veil{pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#50000012 3px 4px);border-radius:2px;transition:opacity .6s;position:absolute;inset:0}#map-overlay .map-corruption-veil.visible{opacity:1}#map-overlay .map-label{text-align:center;color:#4a3a2a;letter-spacing:.12em;font-family:Courier New,Courier,monospace;font-size:10px;position:absolute;bottom:-28px;left:0;right:0}#comic-intro{z-index:200;cursor:pointer;background:#000;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#comic-intro.comic-fade-out{opacity:0;pointer-events:none}#comic-inner{flex-shrink:0;width:min(100vw,56.25vh);height:min(100vh,177.778vw);position:relative;overflow:hidden}.comic-panel{opacity:0;align-items:flex-end;transition:opacity .6s;display:flex;position:absolute;inset:0}.comic-panel.active{opacity:1}.comic-panel img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.comic-caption{z-index:2;background:linear-gradient(#0000,#000000e0);width:100%;padding:3rem 1.6rem 2.2rem;position:relative}.caption-id{color:#e8e2d5;letter-spacing:.05em;margin-bottom:.35rem;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.45}.caption-en{color:#7a6e62;letter-spacing:.03em;font-family:Georgia,Times New Roman,serif;font-size:.75rem;font-style:italic;line-height:1.4}.comic-panel-final{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:0 2.5rem}.caption-final-id{color:#e8e2d5;letter-spacing:.06em;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.5}.caption-final-en{color:#7a6e62;letter-spacing:.04em;opacity:0;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-style:italic;transition:opacity 1.2s}.caption-final-en.visible{opacity:1}#comic-skip{top:calc(env(safe-area-inset-top,0px) + 12px);color:#5a4e40;letter-spacing:.1em;cursor:pointer;z-index:202;touch-action:manipulation;background:#0000008c;border:1px solid #c8a87a2e;padding:.38rem .75rem;font-family:Courier New,Courier,monospace;font-size:.58rem;position:fixed;right:14px}.comic-tap-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);text-align:center;color:#5a4e40;letter-spacing:.14em;pointer-events:none;z-index:201;font-family:Courier New,Courier,monospace;font-size:.58rem;animation:2.2s ease-in-out infinite pulse;position:fixed;left:0;right:0}@keyframes lore-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tap-begin-screen{z-index:100;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tap-begin-inner{flex-direction:column;align-items:center;gap:.85rem;display:flex}.tap-title{color:#8b0000;letter-spacing:.22em;text-transform:uppercase;font-size:1.1rem}.tap-demo{color:#7a6e60;letter-spacing:.18em;text-transform:uppercase;font-size:.62rem}.tap-cta{color:#5a3020;letter-spacing:.32em;text-transform:uppercase;font-size:.82rem;animation:2s ease-in-out infinite pulse}.lang-pills{gap:.45rem;margin-top:.2rem;display:flex}.lang-pill{color:#4a3a2a;letter-spacing:.14em;cursor:pointer;touch-action:manipulation;background:#0a0503cc;border:1px solid #2a1208;padding:.38rem .7rem;font-family:Courier New,Courier,monospace;font-size:.68rem;transition:color .18s,border-color .18s}.lang-pill.active{color:#c8a87a;border-color:#8b4513}.lang-pill:active{background:#1a0a05}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#hud-controls{z-index:65;flex-direction:column;gap:5px;display:flex;position:fixed;top:12px;left:12px}#hud-controls.hidden{display:none}.hud-btn{color:#c8a87a;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;text-align:center;background:#080503d9;border:1px solid #3a1a0a;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:Courier New,Courier,monospace;font-size:10px;line-height:1.25;display:flex}.hud-btn:active{background:#1a0a05}#tutorial-overlay{z-index:68;pointer-events:all;opacity:0;cursor:pointer;background:#000000d4;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.tutorial-inner{text-align:center;padding:0 2.5rem}.tut-id{color:#c8a87a;letter-spacing:.12em;font-family:Courier New,Courier,monospace;font-size:.88rem;line-height:1.5}.tut-en{color:#6a5a48;letter-spacing:.07em;margin-bottom:.2rem;font-family:Courier New,Courier,monospace;font-size:.7rem;font-style:italic}.tut-dismiss{color:#3a2a1a;letter-spacing:.1em;margin-top:2rem;font-family:Courier New,Courier,monospace;font-size:.65rem;animation:2s ease-in-out infinite pulse}#game-prompt{text-align:center;color:#c8a87a;letter-spacing:.12em;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;z-index:30;opacity:0;width:100%;font-family:Courier New,Courier,monospace;font-size:12px;transition:opacity .15s;position:fixed;bottom:80px;left:0}#game-prompt.visible{opacity:1}#title-card{color:#c8a87a;letter-spacing:.25em;text-transform:uppercase;text-align:center;pointer-events:none;z-index:60;text-shadow:0 0 20px #c8a87a66;font-family:Courier New,Courier,monospace;font-size:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#title-card.title-card-show{opacity:1;transition:opacity .4s}#title-card.title-card-hide{opacity:0;transition:opacity .6s}#malam-overlay{opacity:0;z-index:150;pointer-events:all;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#malam-overlay.malam-fade-in{opacity:1;transition:opacity 1.2s}#malam-overlay.malam-fade-out{opacity:0;transition:opacity .7s}.malam-text{text-align:center;opacity:0;padding:0 2rem}.malam-text.malam-text-show{opacity:1;transition:opacity .6s}.malam-text.malam-text-hide{opacity:0;transition:opacity .5s}.malam-line-a{color:#c8a87a;letter-spacing:.15em;margin-bottom:.4rem;font-family:Courier New,Courier,monospace;font-size:1.1rem}.malam-line-b{color:#8a6a4a;letter-spacing:.1em;margin-bottom:1.2rem;font-family:Courier New,Courier,monospace;font-size:.9rem}.malam-en{opacity:.55;color:#654!important;letter-spacing:.08em!important;margin-bottom:.2rem!important;font-size:.75rem!important}#batas-overlay{opacity:0;z-index:150;pointer-events:all;background:#ede6d6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#batas-overlay.batas-fade-in{opacity:1;transition:opacity 1.1s}#batas-overlay.batas-fade-out{opacity:0;transition:opacity .9s}.batas-text{text-align:center;opacity:0;padding:0 2.5rem}.batas-text.batas-text-show{opacity:1;transition:opacity .6s}.batas-text.batas-text-hide{opacity:0;transition:opacity .5s}.batas-line-id{color:#3a3028;letter-spacing:.18em;margin-bottom:.4rem;font-family:Courier New,Courier,monospace;font-size:1.05rem;font-style:italic}.batas-line-en{color:#6a5a48;letter-spacing:.08em;opacity:.6;font-family:Courier New,Courier,monospace;font-size:.72rem}#ending-overlay{opacity:0;z-index:160;pointer-events:all;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ending-overlay.ending-fade-in{opacity:1;transition:opacity 1s}#ending-overlay.ending-fade-out{opacity:0;transition:opacity 1.2s}.ending-text{text-align:center;opacity:0;padding:0 2rem}.ending-text.ending-text-show{opacity:1;transition:opacity 1s}.ending-text.ending-text-hide{opacity:0;transition:opacity .8s}.ending-title{color:#8b0000;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.6rem;font-family:Courier New,Courier,monospace;font-size:1.8rem}.ending-sub{color:#a08060;letter-spacing:.15em;margin-bottom:.25rem;font-family:Courier New,Courier,monospace;font-size:.95rem}.ending-sub-en{color:#605040;letter-spacing:.1em;opacity:.55;font-family:Courier New,Courier,monospace;font-size:.72rem}.ending-loop{color:#5a3a2a;letter-spacing:.2em;opacity:.6;font-size:.7rem}.ending-demo-id{color:#7a6a58;letter-spacing:.18em;margin-bottom:.6rem;font-family:Courier New,Courier,monospace;font-size:.95rem}.ending-demo-en{color:#5a4e42;letter-spacing:.12em;opacity:.7;margin-bottom:.6rem;font-family:Courier New,Courier,monospace;font-size:.72rem}.ending-demo-sub{color:#4a3e34;letter-spacing:.1em;opacity:.55;margin-top:.4rem;font-family:Courier New,Courier,monospace;font-size:.65rem}.batas-whisper{text-align:center;pointer-events:none;z-index:80;opacity:0;transition:opacity .35s;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}.batas-whisper p{color:#c8bfaa;letter-spacing:.18em;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,0 0 8px #000000e6;font-family:Courier New,Courier,monospace;font-size:1rem;font-style:italic}.tumbal-monologue{text-align:center;pointer-events:none;z-index:75;opacity:0;background:#0000008c;border-radius:2px;max-width:88vw;padding:.6rem 1.4rem;transition:opacity .4s;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.tumbal-monologue p{color:#f0e0c0;letter-spacing:.1em;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,0 0 12px #000;font-family:Courier New,Courier,monospace;font-size:.92rem;font-style:italic;line-height:1.55}.tumbal-monologue p.mono-en{color:#a08868;opacity:.8;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;margin-top:.2rem;font-size:.7rem}#clue-summary{z-index:90;opacity:0;background:#000;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#clue-summary.cs-show{opacity:1}#clue-summary.cs-hide{opacity:0}.cs-inner{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:300px;padding:32px 24px;display:flex}.cs-count{color:#4a3a2a;letter-spacing:.14em;text-align:center;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-size:11px}.cs-list{flex-direction:column;gap:14px;width:100%;display:flex}.cs-clue-item{opacity:0;border-left:1px solid #3a1a0a;padding-left:12px;animation:.5s forwards cs-item-in;transform:translateY(4px)}.cs-clue-item:first-child{animation-delay:.3s}.cs-clue-item:nth-child(2){animation-delay:.7s}.cs-clue-item:nth-child(3){animation-delay:1.1s}.cs-clue-item:nth-child(4){animation-delay:1.5s}.cs-clue-item:nth-child(5){animation-delay:1.9s}@keyframes cs-item-in{to{opacity:1;transform:translateY(0)}}.cs-clue-id{color:#c8a87a;font-family:Courier New,Courier,monospace;font-size:13px;display:block}.cs-clue-en{color:#5a4a38;margin-top:2px;font-family:Courier New,Courier,monospace;font-size:10px;font-style:italic;display:block}.rotate-hint{z-index:200;color:#666;text-align:center;background:#000;justify-content:center;align-items:center;padding:2rem;font-size:.9rem;display:flex;position:fixed;inset:0}#dialogue-panel{z-index:50;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#080503f5;border-top:2px solid #3a1a0a;flex-direction:column;gap:8px;width:100%;height:42%;padding:12px;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0}#dialogue-panel.hidden{display:none}.dialogue-header{align-items:center;gap:10px;display:flex}.dialogue-portrait{image-rendering:auto;background:#1a0a05 top/cover no-repeat;border:1px solid #3a1a0a;border-radius:2px;flex-shrink:0;width:72px;height:72px}.dialogue-speaker{color:#e89238;letter-spacing:.18em;text-transform:uppercase;font-family:Courier Prime,Courier New,Courier,monospace;font-size:13px;font-weight:700}.dialogue-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#3a1a0a transparent;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.dialogue-body::-webkit-scrollbar{width:3px}.dialogue-body::-webkit-scrollbar-track{background:0 0}.dialogue-body::-webkit-scrollbar-thumb{background:#3a1a0a;border-radius:2px}.dialogue-text-id{color:#f0dcb8;font-size:18px;line-height:1.5}.dialogue-body.compact .dialogue-text-id{white-space:pre-line;letter-spacing:.04em;color:#c8b898;font-size:10px;line-height:1.7;overflow-y:auto}.dialogue-text-en{color:#a89478;font-size:13px;font-style:italic;line-height:1.45}.dialogue-choices{flex-direction:column;gap:6px;margin-top:4px;display:flex}.dialogue-choice-btn{color:#e0c498;text-align:left;cursor:pointer;touch-action:manipulation;background:#1a0a05;border:1px solid #3a1a0a;width:100%;min-height:44px;padding:8px 12px;font-family:Courier Prime,Courier New,Courier,monospace;font-size:15px;font-weight:700;line-height:1.4;transition:background .15s}.dialogue-choice-btn:active{background:#2a1208}.choice-en{color:#9a8870;letter-spacing:.04em;margin-top:3px;font-size:12px;font-style:italic;font-weight:400;display:block}.yuda-portrait-slot{background:#060402;border-color:#120806}.yuda-speaker{color:#8aaa88;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.yuda-text{color:#b8ccb0;font-style:italic;animation:.2s forwards yuda-in}.yuda-text-en{animation:.2s forwards yuda-in}@keyframes yuda-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.dialogue-tap-continue{color:#4a3a2a;text-align:right;letter-spacing:.1em;touch-action:manipulation;flex-shrink:0;padding-top:4px;font-size:12px;animation:1.5s ease-in-out infinite pulse}#inventory-toggle-btn{color:#c8a87a;cursor:pointer;z-index:65;touch-action:manipulation;background:#080503d9;border:1px solid #3a1a0a;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:fixed;top:12px;right:12px}#inventory-drawer{z-index:60;background:#080503f7;border-left:2px solid #3a1a0a;flex-direction:column;gap:8px;width:200px;height:100%;padding:56px 12px 12px;display:flex;position:fixed;top:0;right:0;overflow-y:auto}#inventory-drawer.hidden{display:none}.inventory-title{color:#c8731a;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.inventory-item{cursor:pointer;touch-action:manipulation;background:#1a0a05;border:1px solid #2a1208;align-items:center;gap:8px;min-height:44px;padding:8px;display:flex}.inventory-item:active{background:#2a1208}.inventory-item-icon{width:32px;height:32px;image-rendering:pixelated;background:#0a0503;flex-shrink:0}.inventory-item-name{color:#c8a87a;font-size:14px;line-height:1.3}.inventory-empty{color:#3a2a1a;text-align:center;margin-top:24px;font-size:12px}.inventory-reset-btn{color:#3a2a1a;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;text-align:center;touch-action:manipulation;background:0 0;border:none;border-top:1px solid #1a0a05;width:100%;min-height:44px;margin-top:auto;padding-top:16px;font-family:Courier New,Courier,monospace;font-size:12px;transition:color .15s}.inventory-reset-btn:active{color:#8b0000}@keyframes inv-pulse{0%{transform:scale(1);box-shadow:0 0 #c8a87ad9}55%{transform:scale(1.13);box-shadow:0 0 0 11px #c8a87a00}to{transform:scale(1);box-shadow:0 0 #c8a87a00}}.inventory-pulse{animation:.65s ease-out forwards inv-pulse}#item-examine{z-index:70;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#item-examine.hidden{display:none}.examine-box{text-align:center;background:#0a0503;border:1px solid #3a1a0a;width:100%;max-width:280px;padding:20px}.examine-icon{width:64px;height:64px;image-rendering:pixelated;background:#1a0a05;margin:0 auto 12px}.examine-name{color:#e89238;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-family:Courier Prime,Courier New,Courier,monospace;font-size:15px;font-weight:700}.examine-desc-id{color:#e8d5b0;margin-bottom:4px;font-size:16px;line-height:1.5}.examine-desc-en{color:#a89478;font-size:13px;font-style:italic;line-height:1.45}.examine-close{color:#4a3a2a;letter-spacing:.1em;margin-top:16px;font-size:12px;display:block}