:root{--ink: #1d2229;--muted: #6d7681;--panel: rgba(255, 255, 255, .82);--line: rgba(29, 34, 41, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#dde5ef;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}.hud{position:fixed;pointer-events:none;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.hud-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:9px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#hud-top-left{top:16px;left:16px}.brand{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:lowercase}.brand small{font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-left:6px}#hud-district{margin-top:5px;color:var(--muted)}#hud-bottom-left{bottom:16px;left:16px;min-width:190px}#hud-near-label{color:var(--muted);font-size:10px}#hud-near-name{margin-top:4px;font-size:13px;text-transform:none;letter-spacing:.02em}#hud-near-dist{margin-top:2px;color:var(--muted)}#hud-bottom-right{bottom:16px;right:16px;text-align:right;color:var(--muted)}#hud-bottom-right kbd{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:1px 4px;background:#fff9}#hud-curve{margin-top:6px;color:var(--ink)}#hud-top-right{top:16px;right:16px;color:#7a5a2c;background:#fcf6ebd9;border-color:#7a5a2c38}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#dde5ef;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;z-index:10}#hud-map{top:62px;right:16px;width:156px;pointer-events:none}#map-ring{position:relative;width:156px;height:156px;border-radius:50%;background:#8f9296;box-shadow:0 0 0 3px #ffffffeb,0 0 0 4.5px #1d222938,0 10px 26px #1d222938,inset 0 0 0 1px #1d222933}#minimap{display:block;border-radius:50%}#map-n{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:#d6453a;color:#fff;font:700 9px/14px ui-monospace,Menlo,monospace;letter-spacing:.1em;box-shadow:0 0 0 2px #ffffffeb}#hud-map-head{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:4px 6px 4px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font-size:10px;letter-spacing:.18em}#rose{display:block;overflow:visible;width:28px;height:28px}#rose .needle{transform-origin:20px 20px;transition:transform 90ms linear}#bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.hud{z-index:5}.bubble{position:absolute;left:0;top:0;max-width:190px;padding:6px 10px;border-radius:12px;background:#fff;color:var(--ink);font:500 12px/1.3 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 2px 10px #1d222929;white-space:normal;width:max-content;max-width:230px;text-align:center;will-change:transform,opacity;transition:opacity .12s linear}.bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}.bubble[data-role=penjual]{background:#fff3d6}.bubble[data-role=kopijago]{background:#ffe1e0}.bubble[data-role=penyeberang]{background:#e8eefc}.bubble[data-role=pembeli]{background:#eef8ea}.bubble[data-role=ribut]{background:#ffe3d6;font-weight:700}#btn-malam{pointer-events:auto;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink);background:#ffffffb3;border:1px solid var(--line);border-radius:4px;padding:2px 7px;cursor:pointer}#hud-bottom-right{pointer-events:auto}html.malam .hud-panel{background:#181c28d1;color:#e8ecf4;border-color:#ffffff1f}html.malam .hud-panel .brand,html.malam #hud-near-name,html.malam #hud-curve{color:#f2f5fb}html.malam #hud-bottom-right kbd,html.malam #btn-malam{background:#ffffff1a;color:#f2f5fb;border-color:#ffffff2e}#prompt{position:fixed;left:50%;bottom:18%;transform:translate(-50%);padding:9px 14px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:#ffffffeb;border:1px solid var(--line);box-shadow:0 6px 20px #1d222924;pointer-events:none;z-index:6}#modal[hidden],#prompt[hidden],#story[hidden],#hud-cerita[hidden],#setelan[hidden],#warung[hidden],#rute[hidden]{display:none!important}#modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e12208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;padding:16px}.modal-card{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000059;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#1d2229}.modal-hero{display:block;width:100%;height:250px;object-fit:cover;object-position:50% 62%;background:#f6efe2}.modal-body{padding:18px 20px 20px}.modal-brand{display:inline-block;background:#e0262b;color:#fff;font-weight:900;letter-spacing:.18em;font-size:12px;padding:4px 9px;border-radius:6px}.modal-card h2{margin:12px 0 8px;font-size:20px;line-height:1.2;letter-spacing:-.01em}.modal-card p{margin:0 0 16px;font-size:14px;line-height:1.5;color:#4a525c}.modal-actions{display:flex;gap:10px}.store{flex:1;text-align:center;padding:11px 12px;border-radius:10px;background:#1d2229;color:#fff;text-decoration:none;font-weight:600;font-size:14px}.store:hover{background:#e0262b}.modal-foot{margin-top:12px;font-size:11px;color:#8a929c}.modal-foot kbd{font:inherit;border:1px solid #d8dde3;border-radius:3px;padding:1px 5px}.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:#1d2229;font-size:20px;line-height:1;cursor:pointer}#touch{display:none}@media(pointer:coarse){#touch{display:block}#joy{position:fixed;left:40px;bottom:90px;width:120px;height:120px;pointer-events:none;opacity:.45;z-index:8;transition:opacity .12s}#joy.on{opacity:.9}#joy-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.7)}#joy-knob{position:absolute;left:36px;top:36px;width:48px;height:48px;border-radius:50%;background:#2b4fb8e6;box-shadow:0 4px 14px #00000040}#btn-lari,#btn-e{font-size:12px;letter-spacing:.08em;width:auto;padding:0 16px;position:fixed;right:28px;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff80;color:#1d2229;font:700 14px ui-monospace,Menlo,monospace;z-index:8}#btn-lari{bottom:170px}#btn-lari.on{background:#2b4fb8;color:#fff}#btn-e{font-size:12px;letter-spacing:.08em;width:auto;padding:0 16px;bottom:90px;font-size:20px}#hud-bottom-right,#hud-map{display:none}#prompt{bottom:32%}}#hud-top-left,#hud-cuaca{width:186px;box-sizing:border-box}#hud-cuaca{top:86px;left:16px;pointer-events:auto;padding:8px 10px 9px;border-radius:6px}#cuaca-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}#cuaca-baris{display:flex;align-items:center;gap:6px;margin-top:2px}#cuaca-ikon{width:46px;height:46px;flex:none;margin-left:-4px}#cuaca-suhu{font-size:20px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1}#cuaca-desk{margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.04em}#cuaca-ramal{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}#cuaca-ramal[hidden]{display:none}.ramal{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.ramal span{width:28px;flex:none}.ramal em{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ramal b{color:var(--ink);font-weight:600;flex:none}.ramal-ikon{width:20px;height:20px}#cuaca-toggle{width:18px;height:18px;border-radius:50%;border:1px solid rgba(29,34,41,.14);background:#ffffffb3;color:var(--muted);font:700 13px/1 ui-monospace,Menlo,monospace;cursor:pointer;pointer-events:auto;transition:transform .2s}#cuaca-toggle[aria-expanded=true]{transform:rotate(90deg)}html.malam #cuaca-toggle{background:#ffffff14;border-color:#ffffff29;color:#cfd6e0}@media(pointer:coarse){#hud-cuaca{top:72px}}#hud-cerita{position:fixed;right:16px;bottom:96px;width:min(300px,calc(100vw - 32px));pointer-events:auto;z-index:7;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;padding:12px 14px 14px;border-radius:14px;border:1.5px solid rgba(29,34,41,.14)}.cerita-head{display:flex;align-items:center;justify-content:space-between}.cerita-label{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#d6453a}#cerita-tutup{width:26px;height:26px;border-radius:50%;border:1px solid rgba(29,34,41,.16);background:transparent;color:var(--ink);font-size:16px;line-height:1;cursor:pointer}.era{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:6px;background:#ffd400;color:#1d2229;font:700 12px/1.2 ui-monospace,Menlo,monospace}#cerita-nama{margin-top:6px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}#cerita-blurb{margin:6px 0 10px;font-size:13px;line-height:1.45;color:#4a525c}#cerita-baca{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;border:none;background:#1d2229;color:#fff;font:600 13px/1 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;cursor:pointer}#cerita-baca:hover{background:#d6453a}#cerita-baca kbd{font:700 11px/1 ui-monospace,Menlo,monospace;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:3px 6px}html.malam #hud-cerita{border-color:#ffffff24}html.malam #cerita-nama{color:#f2f5fb}html.malam #cerita-blurb{color:#c3cad4}html.malam #cerita-tutup{color:#f2f5fb;border-color:#fff3}@media(pointer:coarse){#hud-cerita{bottom:150px;right:12px}}#story{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e122080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:21;padding:16px}.story-card{position:relative;width:min(620px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#fffdf8;color:#1d2229;border-radius:18px;padding:28px 32px 24px;box-shadow:0 30px 80px #00000059;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}.story-figur{margin:-28px -32px 18px}.story-figur img{display:block;width:100%;height:300px;object-fit:cover;object-position:50% 35%;background:#e8e2d6}.story-figur figcaption{text-align:right;padding:4px 12px 0;font-size:10.5px}.story-figur figcaption a{color:#8a929c;text-decoration:none}.story-figur[hidden]{display:none}.story-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.story-maps{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:12px;background:#e8eefc;color:#2b4fb8;font-weight:600;font-size:14px;text-decoration:none}.story-maps:hover{background:#d6e0fa}.story-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(29,34,41,.14);background:#fff;color:#1d2229;font-size:20px;line-height:1;cursor:pointer}.story-meta{font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#d6453a}.story-card h2{margin:10px 0 0;font-size:26px;letter-spacing:-.02em;line-height:1.15}.story-card h3{margin:12px 0 6px;font-size:18px;letter-spacing:-.01em;color:#2b3a6b}#story-isi p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:#3c444d}#story-garis{margin:6px 0 16px;border-top:1px solid rgba(29,34,41,.12)}.garis{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(29,34,41,.1);font-size:13.5px}.garis b{font-family:ui-monospace,Menlo,monospace;color:#1d2229}.garis span{color:#4a525c}.story-dekat{background:#e8eefc;border-radius:12px;padding:12px 14px;margin-bottom:16px}.story-dekat b{display:block;color:#2b4fb8;font-size:14px;margin-bottom:4px}.story-dekat p{margin:0;font-size:13.5px;line-height:1.5;color:#2b3a6b}.story-sumber b{display:block;font-size:14px;margin-bottom:6px}.story-sumber a{display:block;font-size:13px;color:#2b4fb8;margin-bottom:4px}.story-actions{margin-top:18px}#story-lanjut{padding:12px 18px;border-radius:12px;border:none;background:#ffd400;color:#1d2229;font:700 14px/1 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;cursor:pointer}#story-lanjut:hover{background:#ffc400}.story-foot{margin-top:12px;font-size:11.5px;color:#8a929c}.story-foot kbd{font:inherit;border:1px solid #d8dde3;border-radius:3px;padding:1px 5px}html.malam #cuaca-suhu,html.malam .ramal b{color:#f2f5fb}html.malam .ramal,html.malam #cuaca-desk,html.malam #cuaca-head{color:#c3cad4}#btn-setel{position:fixed;top:16px;right:16px;z-index:11;width:36px;height:36px;padding:0;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line)}#btn-setel:hover{color:#d6453a}#hud-top-right{right:60px}html.malam #btn-setel{background:#181c28d1;color:#e8ecf4;border-color:#ffffff1f}#setelan{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e122080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:22;padding:16px}.setel-card{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:24px 26px 22px;border-radius:6px;background:#fbf5e8 url(/kertas.jpg);background-size:420px;color:#1d2229;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;box-shadow:0 24px 60px #00000059,0 0 0 1px #7a5a2c33}.setel-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(29,34,41,.16);background:#fff;font-size:18px;line-height:1;cursor:pointer}.setel-label{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#d6453a}.setel-card h2{margin:8px 0 14px;font-size:22px;letter-spacing:-.01em}.setel-card section{padding:12px 0;border-top:1px dashed rgba(122,90,44,.35)}.setel-card h3{margin:0 0 8px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6d7681;display:flex;justify-content:space-between}.setel-card h3 span{color:#1d2229}.setel-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:6px;padding-left:8px}.saklar{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.saklar input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:20px;border-radius:999px;background:#cfc6b3;position:relative;transition:background .15s;flex:none}.saklar input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #00000040}.saklar input:checked{background:#3fa34d}.saklar input:checked:after{transform:translate(14px)}.setel-pil{display:flex;flex-wrap:wrap;gap:6px}.setel-pil label{cursor:pointer}.setel-pil input{display:none}.setel-pil span{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid rgba(29,34,41,.2);background:#fff9;font-size:13px}.setel-pil input:checked+span{background:#1d2229;color:#fff;border-color:#1d2229}.setel-card input[type=range]{width:100%;accent-color:#d6453a}.setel-catatan{margin:6px 0 0;font-size:11.5px;color:#6d7681}#hud-cerita{background:#fbf5e8 url(/kertas.jpg);background-size:360px;border:none;border-radius:3px;box-shadow:0 1px #fff9 inset,0 8px 20px #1d222938,0 0 0 1px #7a5a2c2e;transform:rotate(-1.2deg)}#hud-cerita:before{content:"";position:absolute;top:4px;right:-4px;bottom:-6px;left:6px;z-index:-1;border-radius:3px;background:#efe5d0;transform:rotate(2deg);box-shadow:0 6px 16px #1d22292e}#hud-cerita:after{content:"";position:absolute;top:-8px;left:50%;width:64px;height:18px;transform:translate(-50%) rotate(-3deg);background:#ffe478b3;box-shadow:0 1px 2px #0000001f}.cerita-label{display:inline-block;padding:3px 7px;border:2px solid #d6453a;border-radius:3px;color:#d6453a;transform:rotate(-4deg);font-weight:800;letter-spacing:.14em;mix-blend-mode:multiply}#cerita-nama{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:20px}#cerita-blurb{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.era{background:#ffe066;box-shadow:0 2px 4px #00000026;transform:rotate(-2deg);border-radius:2px}html.malam #hud-cerita,html.malam #cerita-nama{color:#1d2229}html.malam #cerita-blurb{color:#4a525c}.story-card{background:#fbf5e8 url(/kertas.jpg);background-size:520px;border-radius:4px;clip-path:polygon(0 12px,3% 4px,7% 10px,12% 2px,17% 9px,23% 3px,28% 11px,34% 4px,40% 9px,46% 2px,52% 10px,58% 3px,64% 9px,70% 4px,76% 11px,82% 3px,88% 9px,94% 4px,100% 10px,100% 100%,0 100%);padding-top:40px;box-shadow:none;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}#story{background:#1c16108c}.story-figur{margin:-40px -32px 18px;padding:26px 32px 0;position:relative}.story-figur img{border:10px solid #fff;border-bottom-width:26px;box-shadow:0 6px 16px #1d222940;transform:rotate(-1.4deg);height:280px}.story-figur:before,.story-figur:after{content:"";position:absolute;top:18px;width:70px;height:20px;background:#ffe478b8;box-shadow:0 1px 2px #00000026}.story-figur:before{left:44px;transform:rotate(-12deg)}.story-figur:after{right:44px;transform:rotate(9deg)}.story-figur figcaption{font-family:ui-monospace,Menlo,monospace}.story-meta{display:inline-block;padding:3px 8px;border:2px solid #d6453a;border-radius:3px;color:#d6453a;transform:rotate(-2deg);font-weight:800}.story-card h2{font-size:30px}.story-card h3{color:#7a3f2c;font-style:italic;font-weight:600}#story-isi p{color:#2b2620;font-size:15px}#story-garis,.garis{border-color:#7a5a2c4d}.garis b{color:#7a3f2c}.story-dekat{background:#ffe4788c;border-radius:2px;transform:rotate(.6deg);box-shadow:0 2px 6px #0000001a}.story-dekat b,.story-dekat p{color:#4a3a1c}.story-sumber a{color:#7a3f2c;text-decoration:underline}#story-lanjut{background:#d6453a;color:#fff;border-radius:4px;box-shadow:0 3px #9c2f26;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}#story-lanjut:hover{background:#c33a30}.story-maps{background:#1d2229;color:#fff;border-radius:4px;box-shadow:0 3px #000}.story-maps:hover{background:#2b3a4a}.story-close{background:#fff;z-index:5}.setel-close{z-index:5}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.label-toko{position:absolute;left:0;top:0;white-space:nowrap;padding:3px 9px;border-radius:999px;background:#fffbf0eb;color:#7a3f2c;border:1px solid rgba(122,63,44,.35);font:700 10.5px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 6px #1d222926;transition:opacity .2s}.label-toko[hidden],#btn-r{display:none}@media(pointer:coarse){#btn-r.on{display:block;position:fixed;right:20px;bottom:170px;z-index:8;padding:12px 16px;border-radius:999px;border:none;background:#2b4fb8e6;color:#fff;font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em}}#warung,#rute{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1c16108c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:21;padding:16px}.warung-card,.rute-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#fbf5e8 url(/kertas.jpg);background-size:520px;border-radius:4px;padding:36px 30px 22px;color:#1d2229;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;clip-path:polygon(0 12px,3% 4px,7% 10px,12% 2px,17% 9px,23% 3px,28% 11px,34% 4px,40% 9px,46% 2px,52% 10px,58% 3px,64% 9px,70% 4px,76% 11px,82% 3px,88% 9px,94% 4px,100% 10px,100% 100%,0 100%)}.warung-close,.rute-close{position:absolute;top:16px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(29,34,41,.14);background:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:5}.wr-jenis,.rute-label{display:inline-block;padding:3px 8px;border:2px solid #d6453a;border-radius:3px;color:#d6453a;transform:rotate(-2deg);font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.warung-card h2,.rute-card h2{margin:10px 0 4px;font-size:28px;letter-spacing:-.02em}.wr-intro{margin:0 0 14px;font-size:14px;color:#4a3a2c;font-style:italic}.wr-buku{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.wr-foto-wrap{position:relative}.wr-foto-wrap img{display:block;width:100%;height:190px;object-fit:cover;border:8px solid #fff;border-bottom-width:22px;box-shadow:0 6px 16px #1d222940;transform:rotate(-1.5deg);background:#e8e2d6}.wr-foto-wrap a{position:absolute;left:10px;bottom:6px;font:600 9px/1 ui-monospace,Menlo,monospace;color:#8a929c;text-decoration:none}.wr-baris{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.wr-teks h3{margin:0;font-size:20px;color:#7a3f2c}.wr-harga{font:700 12px/1 ui-monospace,Menlo,monospace;background:#ffe066;padding:4px 8px;border-radius:2px;transform:rotate(2deg);box-shadow:0 2px 4px #00000026;white-space:nowrap}.wr-teks p{margin:8px 0 12px;font-size:14.5px;line-height:1.55;color:#2b2620}.wr-pager{display:flex;align-items:center;gap:10px;font:600 11px/1 ui-monospace,Menlo,monospace;color:#6d7681}.wr-pager button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(29,34,41,.2);background:#fff;font-size:20px;line-height:1;cursor:pointer}.wr-pager button:hover{background:#d6453a;color:#fff;border-color:#d6453a}.wr-daftar{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(122,90,44,.35)}.wr-daftar button{display:flex;gap:8px;align-items:baseline;padding:6px 10px;border-radius:999px;border:1px solid rgba(29,34,41,.2);background:#fff9;cursor:pointer;font-family:inherit}.wr-daftar button b{font-size:13px}.wr-daftar button span{font:600 10px/1 ui-monospace,Menlo,monospace;color:#6d7681}.wr-daftar button.aktif{background:#1d2229;color:#fff;border-color:#1d2229}.wr-daftar button.aktif span{color:#ffe066}.wr-foot{margin-top:12px;font-size:11px;color:#8a929c;font-family:ui-monospace,Menlo,monospace}.wr-foot kbd{border:1px solid #d8dde3;border-radius:3px;padding:1px 5px}@media(max-width:560px){.wr-buku{grid-template-columns:1fr}}.rute-card section{padding:10px 0;border-top:1px dashed rgba(122,90,44,.35)}.rute-card h3{margin:0 0 6px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rute-tag{display:inline-block;padding:3px 8px;border-radius:4px;color:#fff;font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.rute-tag.tj{background:#1b4fa8}.rute-tag.jl{background:#1a6fc4}.rute-tag.mrt{background:#1b3fae}.rute-tag.lrt{background:#d6453a}.rute-tag.krl{background:#c8452a}.rute-list{margin:0;padding:0;list-style:none;columns:2;column-gap:18px;font-size:13px}.rute-list li{break-inside:avoid;padding:2px 0}.rute-list b{display:inline-block;min-width:18px;font-family:ui-monospace,Menlo,monospace;color:#7a3f2c}.rute-list em{color:#6d7681;font-size:12px}.rute-tarif{margin:8px 0 0;font-size:13px}.rute-card p{font-size:13.5px;line-height:1.5;margin:4px 0;color:#2b2620}.rute-emoney{background:#ffe4788c;border-radius:2px;padding:10px 12px!important;border-top:none!important;margin-top:6px;transform:rotate(.4deg);box-shadow:0 2px 6px #0000001a}.rute-tautan{display:flex;flex-wrap:wrap;gap:8px}.rute-tautan a{padding:8px 12px;border-radius:4px;background:#1d2229;color:#fff;text-decoration:none;font-size:12.5px;box-shadow:0 3px #000}.rute-catatan{margin-top:12px!important;font-size:12px!important;color:#6d7681!important;font-family:ui-monospace,Menlo,monospace}@media(max-width:560px){.rute-list{columns:1}}#hud-jam{left:50%;bottom:8px;transform:translate(-50%);width:280px;text-align:center;pointer-events:none}#hud-jam svg{display:block;overflow:visible;filter:drop-shadow(0 6px 14px rgba(29,34,41,.18))}#jam-teks{display:inline-block;margin-top:-16px;padding:3px 12px;border-radius:999px;background:#1d2229;color:#ffd400;border:2px solid #fff;font-size:11px;letter-spacing:.14em;font-weight:700;box-shadow:0 3px 8px #1d222940}html.malam #jam-teks{color:#e8ecf4}#kelam{position:fixed;top:0;right:0;bottom:0;left:0;background:#07111d;opacity:0;pointer-events:none;transition:opacity .9s ease;z-index:40}#pelayaran{position:fixed;left:50%;bottom:12%;transform:translate(-50%);padding:10px 18px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);z-index:41;white-space:nowrap}#prompt b{font-weight:700}#prompt .prompt-sep{margin:0 .6em;opacity:.45}@media(pointer:coarse){#hud-jam{width:150px;bottom:6px}#hud-jam svg{width:150px;height:auto}#hud-jam svg text{display:none}#jam-teks{margin-top:-9px;padding:2px 8px;font-size:9px;letter-spacing:.1em;border-width:1.5px}#hud-top-right{top:60px;right:12px;font-size:9px;padding:4px 8px}#btn-h{position:fixed;right:28px;bottom:250px;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff80;color:#1d2229;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.06em;z-index:8;padding:0}#btn-h[hidden]{display:none}}@media(pointer:coarse){#hud-cerita{top:92px;right:12px;bottom:auto;width:220px;padding:10px 12px 12px}#cerita-nama{font-size:15px}#cerita-blurb{font-size:12px;margin:4px 0 8px}#cerita-baca{padding:8px 10px;font-size:12px}#hud-bottom-left{left:8px;bottom:6px;min-width:0;max-width:118px;padding:6px 8px}#hud-near-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btn-r.on{left:44px;right:auto;bottom:222px}}