*{box-sizing:border-box}body{margin:0;font:15px/1.4 system-ui,sans-serif;background:#111;color:#eee;touch-action:manipulation;-webkit-text-size-adjust:100%}#root{max-width:480px;margin:0 auto;padding:8px 8px 64px}h1,h2,h3{margin:12px 0 6px;font-size:1em;text-transform:uppercase;letter-spacing:.05em;color:#9cf}button{font:inherit;padding:8px 10px;margin:2px 2px 2px 0;background:#333;color:#eee;border:1px solid #555;border-radius:4px;min-height:40px}button:disabled{opacity:.4}button.primary{background:#164;border-color:#2a7;width:100%}input[type=range]{width:100%}table{width:100%;border-collapse:collapse}td{padding:2px 4px;border-bottom:1px solid #222}td:last-child{text-align:right;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;position:sticky;top:0;background:#111;padding:4px 0;z-index:1}.tabs button{flex:1;margin:0}.tabs button[aria-current=true]{background:#9cf;color:#111}.panel{border:1px solid #333;border-radius:4px;padding:8px;margin:8px 0}.muted{color:#888}.bad{color:#f88}.good{color:#8f8}.position{font-size:28px;font-variant-numeric:tabular-nums;margin:4px 0}.choices{display:flex;gap:6px}.choices button{flex:1;margin:6px 0 2px}.choices button[aria-current=true]{background:#9cf;color:#111;border-color:#9cf}.tree-shell,.map{position:relative}.map-viewport{position:relative;height:calc(100vh - 210px);min-height:320px;overflow:hidden;border:1px solid #333;border-radius:6px;background:#0b0b0b;touch-action:none;-webkit-user-select:none;user-select:none}.map-content{position:absolute;top:0;left:0;transform-origin:0 0}.map-edges{position:absolute;top:0;left:0;pointer-events:none}.map-edges line{stroke:#333;stroke-width:3}.tile{position:absolute;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border:2px solid #444;border-radius:10px;background:#1a1a1a}.tile-icon{font-size:40px;line-height:1}.tile-level{position:absolute;right:6px;bottom:4px;font-size:12px;color:#9cf;font-variant-numeric:tabular-nums}.tile-flag{position:absolute;left:6px;top:4px;font-size:15px}.tile-flag.arrow{color:#2f8}.map-content.far .tile-level{display:none}.tile.maxed{border-color:#2a7;opacity:.45}.tile.owned{border-color:#2a7}.tile.available{border-color:#555}.tile.buyable{border-color:#2f8;background:#16221a;box-shadow:0 0 0 3px #2dff8838}.tile.teased{border-style:dashed;border-color:#444;color:#777;opacity:.3}.map-top{position:absolute;top:6px;left:6px;right:6px;padding:4px 6px;border-radius:4px;background:#111111d9;font-size:12px;pointer-events:none}.frame-button{position:absolute;right:8px;bottom:8px;font-size:13px;min-height:34px;opacity:.9}.page-tabs{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;gap:4px;max-width:480px;margin:0 auto;padding:6px 8px;background:#111;border-top:1px solid #333}.page-tabs button{flex:1;margin:0}.page-tabs button[aria-current=true]{background:#9cf;color:#111}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;background:#0009}.sheet{width:100%;max-width:480px;max-height:72vh;overflow-y:auto;padding:12px;background:#181818;border:1px solid #444;border-radius:12px 12px 0 0}.bar{display:block;position:relative;height:6px;background:#333;border-radius:3px;overflow:hidden}.bar>div{height:100%;background:#9cf}.bar.low>div{background:#f66}.bar-mark{position:absolute;top:0;width:2px;height:100%;background:#eee}