:root{--navy: #0e3b55;--cream: #fbf5e6;--cream-2: #f3e9cc;--cyan: #62cbe8;--yellow: #f6c431;--orange: #f58a1f;--shadow: 0 6px 18px rgba(10, 40, 30, .28);font-family:"Baloo 2",Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--navy)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;overflow:hidden;background:#7fd0ea}button{font:inherit;color:inherit;cursor:pointer}.app{position:fixed;top:0;right:0;bottom:0;left:0;user-select:none;-webkit-user-select:none}.park-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;pointer-events:none;gap:10px}.topbar>*{pointer-events:auto}.title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.poster-title{margin:0;font-weight:800;letter-spacing:.04em;font-size:clamp(20px,3.2vw,38px);line-height:1;color:var(--navy);text-shadow:0 2px 0 #fff,0 0 12px rgba(255,255,255,.9);-webkit-text-stroke:.5px rgba(255,255,255,.4)}.era-tabs{display:flex;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:3px solid var(--cream);background:var(--cream)}.era-tab{border:0;padding:5px clamp(8px,1.6vw,18px);font-weight:800;letter-spacing:.03em;font-size:clamp(11px,1.2vw,15px);background:color-mix(in srgb,var(--c) 45%,#fff);color:var(--ink);opacity:.8;transition:opacity .2s,background .2s,transform .2s}.era-tab.active{background:var(--c);opacity:1;box-shadow:inset 0 -4px #0000002e}.era-tab:hover{opacity:1}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.zone-pill,.pill-btn{background:var(--cream);border:3px solid #fff;border-radius:999px;padding:3px 14px;font-weight:700;font-size:14px;box-shadow:var(--shadow)}.zone-pill{background:#fbf5e6eb}.pill-btn:hover{transform:translateY(-1px);background:#fff}.pill-btn.on{background:#d8f5b8}.pill-btn b{background:var(--navy);color:#fff;border-radius:999px;padding:0 8px;margin-left:4px;font-size:12px}.tray{position:absolute;left:12px;top:96px;width:178px;max-height:calc(100% - 260px);display:flex;flex-direction:column;background:#fbf5e6eb;border:3px solid #fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.tray-title{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;background:var(--navy);color:#fff}.tray-list{overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.tray-item{display:flex;align-items:center;gap:6px;border:2px solid transparent;background:#fff9e8;border-left:5px solid var(--c);border-radius:10px;padding:2px 6px 2px 2px;text-align:left;font-weight:700;font-size:13px;line-height:1.05}.tray-item:hover{background:#fff;border-color:var(--c)}.tray-item em{font-style:normal;opacity:.6}.tray-empty{padding:10px;font-size:13px;opacity:.7}.tray-item canvas{flex:none}.info-card{position:absolute;right:12px;top:96px;width:300px;max-height:calc(100% - 200px);overflow-y:auto;background:var(--cream);border:4px solid var(--era);border-radius:18px;box-shadow:var(--shadow);padding:0 14px 14px;animation:slide-in .25s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.info-head{display:flex;justify-content:space-between;align-items:center;margin:0 -14px;padding:6px 10px 6px 14px;background:var(--era);color:var(--era-ink)}.era-chip{font-weight:800;letter-spacing:.06em;font-size:13px}.icon-btn{border:0;background:#fff9;border-radius:50%;width:26px;height:26px;font-weight:800;line-height:1}.icon-btn:hover{background:#fff}.info-portrait{background:linear-gradient(#e8f6f0,#fbf5e6);border-radius:12px;margin:10px 0 2px;display:flex;justify-content:center}.info-card h2{margin:4px 0 0;font-size:28px;line-height:1.05}.meaning{margin:0 0 8px;font-weight:600;opacity:.75;font-size:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.facts div{background:#fff;border-radius:10px;padding:4px 6px;text-align:center;border:2px solid var(--cream-2)}.facts b{display:block;font-size:16px;line-height:1.1}.facts small{font-size:11px;opacity:.7;font-weight:600}.fact{margin:6px 0;font-size:14px;line-height:1.3;font-weight:500}.era-range{margin:0 0 8px;font-size:12px;opacity:.6;font-weight:600}.status{font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;background:#4cc24c;box-shadow:0 0 0 3px #4cc24c40}.bar{display:grid;grid-template-columns:112px 1fr;align-items:center;font-size:13px;font-weight:700;margin:3px 0}.bar-track{height:10px;background:#e7dcc0;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .4s}.mini-stats{margin-top:6px;font-size:13px;font-weight:600;opacity:.8}.follow-btn{margin-top:8px;width:100%;border:3px solid var(--navy);background:#fff;border-radius:12px;padding:4px;font-weight:800}.follow-btn.on{background:var(--navy);color:#fff}.found{position:absolute;left:50%;top:100px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--cream);border:4px solid var(--c);border-radius:18px;padding:6px 18px 6px 8px;box-shadow:var(--shadow);animation:pop .45s cubic-bezier(.2,1.6,.4,1),fade .5s 3.7s forwards;pointer-events:none}.found small{display:block;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:#c0580c}.found b{display:block;font-size:24px;line-height:1}.found span{font-size:13px;font-weight:600;opacity:.7}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes fade{to{opacity:0}}.toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%);background:var(--navy);color:#fff;border-radius:999px;padding:6px 18px;font-weight:700;box-shadow:var(--shadow)}.dock-wrap{position:absolute;left:14px;bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.dock-wrap>*{pointer-events:auto}.help{background:#0e3b55e0;color:#fff;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:600}.dock-hint{background:#fbf5e6eb;border-radius:999px;padding:1px 14px;font-weight:700;font-size:13px;box-shadow:var(--shadow)}.dock{display:flex;gap:10px;background:var(--cream);padding:8px 12px;border-radius:22px;border:4px solid #fff;box-shadow:var(--shadow)}.tool{position:relative;width:82px;border:3px solid var(--cream-2);background:#fff;border-radius:16px;padding:4px 4px 2px;display:flex;flex-direction:column;align-items:center;line-height:1;transition:transform .15s,background .15s}.tool:hover{transform:translateY(-3px)}.tool-icon{font-size:30px}.tool-label{font-weight:800;font-size:13px;margin-top:2px}.tool kbd{position:absolute;top:2px;right:5px;font-size:10px;opacity:.5;font-family:inherit;font-weight:700}.tool.active{transform:translateY(-5px);border-color:var(--navy)}.tool.active.t-look{background:#cfeefa}.tool.active.t-pet{background:#ffd9e6}.tool.active.t-grass{background:#d4f4b8}.tool.active.t-meat{background:#ffd2c2}.counters{font-weight:700;font-size:13px;background:#fbf5e6e6;padding:0 12px;border-radius:999px}.minimap{position:absolute;right:14px;bottom:12px;border:4px solid #fff;background:var(--cream);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;line-height:0}.minimap canvas{width:min(420px,60vw);height:46px;cursor:pointer}.guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a283c8c;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.guide{position:relative;width:min(1180px,100%);max-height:100%;overflow:auto;background:linear-gradient(#bfe9f5,#e9f7ee);border-radius:22px;border:5px solid #fff;padding:14px 18px 18px;box-shadow:0 20px 60px #0006;text-align:center}.guide-close{position:absolute;right:12px;top:12px;width:32px;height:32px}.guide-sub{margin:2px 0 10px;font-weight:600;opacity:.75}.guide-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--cream);border-radius:12px;overflow:hidden;border:3px solid #fff}.guide-col{border-right:3px solid #fff}.guide-col:last-child{border-right:0}.guide-col header{font-weight:800;letter-spacing:.04em;padding:6px;font-size:18px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px}.guide-item{border:2px solid transparent;background:transparent;border-radius:10px;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:13px;padding:2px}.guide-item:hover{background:#fff;border-color:var(--cream-2)}.guide-item:not(.seen) span{opacity:.45}@media (max-width: 900px){.guide-cols{grid-template-columns:1fr}.tray{display:none}.info-card{width:min(300px,46vw);top:90px}.zone-pill{display:none}.tool{width:66px}}@media (max-height: 560px){.info-card{max-height:calc(100% - 150px)}.help,.dock-hint{display:none}}.sound-wrap{position:relative}.sound-pop{position:absolute;right:0;top:calc(100% + 6px);background:var(--cream);border:3px solid #fff;border-radius:14px;box-shadow:var(--shadow);padding:8px 12px;display:flex;flex-direction:column;gap:6px;min-width:190px;font-weight:700;font-size:14px;z-index:5}.sound-pop .row{display:flex;align-items:center;gap:8px}.sound-pop .vol{justify-content:space-between}.sound-pop input[type=range]{width:100px;accent-color:var(--navy)}