.op-counter{position:fixed;left:22px;bottom:22px;z-index:35;background:#ffffffed;border:1px solid #d9e5d3;border-radius:30px;padding:10px 17px;font-size:12px;box-shadow:0 5px 24px #19322614;color:#48604f}.op-counter strong{color:#193226}.op-launch{position:fixed;right:24px;bottom:24px;z-index:80;background:#183226;color:#f5ffe9;border:1px solid #89ad67;border-radius:30px;padding:14px 20px;box-shadow:0 8px 28px #1932262a;font-weight:600}.op-guide{border:1px solid #d4e0cd;border-radius:24px;box-shadow:0 20px 70px #18322630;background:#fbfcf7;color:#193226;width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:28px}.op-guide::backdrop{background:#14251ca8}.op-guide-head{display:flex;justify-content:space-between;gap:16px}.op-guide h2{font:600 25px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:8px 0 18px}.op-guide-close{border:0;background:none;color:#456146;font-size:28px;line-height:1}.op-guide ol{padding-left:24px;margin:0}.op-guide li{padding:5px 0 13px;font-size:15px;line-height:1.55;color:#607462}.op-guide li strong{color:#193226}.op-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.op-guide-actions button{border:0;border-radius:12px;background:#54775e;color:white;padding:12px 16px;font-weight:600}.op-guide-actions button:last-child{background:#e4efdc;color:#24462d}@media(max-width:700px){.op-launch{bottom:82px;right:14px;padding:11px 15px;font-size:12px}.op-counter{bottom:84px;left:12px;padding:10px;font-size:10px}.op-guide{padding:20px}.op-guide h2{font-size:22px}}

/* One shared dock keeps park controls and utility links from overlapping. */
.op-bottom-dock{position:fixed;left:22px;right:22px;bottom:20px;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;align-items:center;pointer-events:none}.op-bottom-dock>*{pointer-events:auto}.op-bottom-dock .op-counter{position:static;grid-column:1;grid-row:2;justify-self:start;max-width:100%;font-size:14px}.op-bottom-dock .op-launch{position:static;grid-column:2;grid-row:2;justify-self:end;max-width:100%;font-size:14px}.op-bottom-dock .op-motion{grid-column:1;grid-row:1;justify-self:start;font-size:14px;max-width:100%}.op-click-hint{grid-column:2;grid-row:1;justify-self:end;text-align:right;color:#536d57;font-size:14px;line-height:1.5}.parkbottom{display:none!important}body:not(.in-park) .op-motion,body:not(.in-park) .op-click-hint{display:none}.in-park .park-links{bottom:135px}@media(max-width:700px){.op-bottom-dock{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));gap:8px 10px}.op-click-hint{display:none}.op-bottom-dock .op-launch{padding:10px 12px;line-height:1.4}.op-bottom-dock .op-counter{padding:10px;line-height:1.4}.op-bottom-dock .op-motion{font-size:14px}.in-park .park-links{bottom:205px}}

.op-bottom-dock .op-counter,.op-bottom-dock .op-launch{grid-row:1}.op-motion,.op-click-hint{display:none!important}
