.cycle-guide{position:absolute;top:76px;left:10px;right:10px;z-index:25;margin:4px 0 8px;border:1px solid #b993a0;border-radius:19px;background:linear-gradient(140deg,#fff3e9f7,#e1f2f2f7 58%,#e7def4f7);color:#591b38;font-family:PRAK Phonical,Arial,sans-serif;box-shadow:0 8px 28px #491b3826;max-height:min(70dvh,610px);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cycle-guide-actions,.cycle-guide-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;flex-shrink:0}.cycle-guide-top{font-size:12px;border-bottom:1px solid #9b657926}.cycle-guide-top button{font-family:Arial,sans-serif;font-size:24px;min-width:44px;min-height:44px;margin:-6px -6px -6px 0}.cycle-guide-scroll{overflow:auto;overscroll-behavior:contain;padding:0 13px 12px;scrollbar-width:thin;scrollbar-color:#9b657970 transparent}.cycle-guide h2{font-size:20px;line-height:1.3;margin:12px 0 8px}.cycle-guide p{font-size:14px;line-height:1.55;margin:7px 0 10px}.cycle-guide .cycle-guide-intro{font-size:15px;margin-top:13px}.cycle-guide button{font:inherit;color:inherit;cursor:pointer}.cycle-guide-actions{border-top:1px solid #9b657930;background:#f6eef4e8;flex-wrap:wrap}.cycle-guide-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 9px;border:0;border-radius:10px;background:transparent;color:#591b38;font-size:12px}.cycle-guide-actions>button:last-child{background:#e3d5e8;margin-left:auto}.cycle-guide small{display:block;font-size:11px;line-height:1.5;margin-top:12px}.cycle-guide :focus-visible{outline:2px solid #772b4c;outline-offset:2px}.top-header button.brand{padding:0}.cycle-guide h2:focus{outline:none}.cycle-coast-map{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px;padding:12px 7px;border-radius:20px;background:linear-gradient(135deg,#a9dce26b,#c2d8ef85 50%,#e4cfdf88);overflow:hidden}.cycle-coast-map:before{content:"";position:absolute;z-index:-1;inset:28px 16%;border:2px dashed #668b9f68;border-radius:48% 35%;transform:rotate(-8deg)}.cycle-coast-stop{min-width:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;padding:3px;font-size:11px!important;line-height:1.25;min-height:78px;border-radius:14px}.cycle-coast-island{position:relative;display:grid;place-items:center;width:56px;height:51px;background:linear-gradient(145deg,#fff1d7,#f0d4b6);border-radius:48% 55% 42% 50%;box-shadow:0 3px 0 #739aa72e}.cycle-coast-island img{width:40px;height:40px;object-fit:contain}.cycle-coast-number{position:absolute;right:-2px;bottom:0;font-size:10px;background:#fff8ed;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:#591b38}.cycle-coast-fog{pointer-events:none;position:absolute;inset:-5px;border-radius:43%;background:radial-gradient(ellipse at 30% 30%,#f4f8ffed 0,#dce6f1ed 46%,#d4dfefb8 70%,transparent 76%);opacity:.95;filter:blur(2px)}.is-explored .cycle-coast-fog{animation:coastal-fog-clears .85s ease-out forwards}.cycle-coast-stop.is-current{background:#fff8ed77;box-shadow:inset 0 0 0 1px #7b4b7280}.cycle-coast-stop:active{transform:scale(.97)}.cycle-exploration{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:7px}.cycle-exploration button{font-size:11px;min-height:36px;text-decoration:underline;text-underline-offset:3px;background:transparent;border:0}.cycle-guide .cycle-map-note{font-size:11px;line-height:1.45;margin:0 0 12px;color:#6a405a}.cycle-step-story{animation:coastal-story-arrives .25s ease-out}.cycle-guide .cycle-guide-example{padding-left:10px;border-left:2px solid #ab8096;font-size:13px;color:#69445c}.cycle-guide-try{padding:10px 12px;border-radius:14px;background:linear-gradient(120deg,#f8ddccae,#e3ddf2ae)}.cycle-guide-try>span{font-size:11px;letter-spacing:.07em;text-transform:uppercase}.cycle-guide-try p{margin:5px 0;font-size:14px}.cycle-guide-try button{min-height:40px;font-size:13px;padding:5px 0;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}.cycle-guide .cycle-guide-next{font-size:12px;margin-top:10px}@keyframes coastal-fog-clears{0%{opacity:.95;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(1.16)}}@keyframes coastal-story-arrives{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cycle-guide *{animation:none!important;transition:none!important}.is-explored .cycle-coast-fog{opacity:0;transform:none}}@media(max-width:340px){.cycle-guide{left:5px;right:5px;max-height:72dvh}.cycle-guide-actions,.cycle-guide-top{padding-inline:9px}.cycle-guide-scroll{padding-inline:10px}.cycle-guide-actions{gap:3px}.cycle-guide-actions>button{padding-inline:6px}}.cycle-guide-hint{position:absolute;bottom:12px;left:10px;right:10px;z-index:12;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #b993a0;border-radius:12px;background:#fff5eeed;color:#591b38;font-family:PRAK Phonical,Arial,sans-serif;box-shadow:0 4px 14px #491b3820}.cycle-guide-hint button:first-child{text-align:left;font-size:13px;line-height:1.4;flex:1 1;min-height:44px}.cycle-guide-hint button:last-child{font-family:Arial,sans-serif;font-size:24px;min-width:44px;min-height:44px}.top-header .brand[data-tooltip]:after{left:0;transform:none}