/* Exact reference art owns the composition; CSS positions data and reflows on phones. */
.lake-guide{width:min(1200px,calc(100vw - 12px));max-width:none;max-height:calc(100dvh - 12px);padding:0;border:0;background:#d6edf5;overflow:auto;border-radius:18px;container-type:inline-size}
.lake-guide::backdrop{background:#132d35bc;backdrop-filter:blur(5px)}
.lg-ref{position:relative;width:100%;aspect-ratio:1451/1084;color:#182e28}
.lg-ref *{box-sizing:border-box}
.lg-ref-plate{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lg-mobile-header,.lg-mobile-footer,.lg-mobile-note-heading,.lg-row-art,.lg-feature-art{display:none}
.lg-close{position:absolute;z-index:20;right:6.65%;top:7.9%;width:4.5%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:transparent;cursor:pointer}
.lg-close:focus-visible{outline:3px solid #fff5c6;outline-offset:3px}
.lg-known{position:absolute;left:7.9%;top:24.55%;font:800 1.36cqw/1.25 system-ui,sans-serif}
.lg-species-list{position:absolute;inset:0;z-index:8;pointer-events:none}
.lg-species{position:absolute;left:7.16%;top:var(--slot-top);width:25.82%;height:7.68%;display:grid;grid-template-columns:9% 24% minmax(0,1fr) 7%;align-items:center;gap:2%;padding:0 1.1cqw;border:0;border-radius:15px;background:transparent;color:#182b22;text-align:left;cursor:pointer;pointer-events:auto}
.lg-species:hover,.lg-species:focus-visible{outline:3px solid #a52432;outline-offset:1px;background:#fff7db18}
.lg-species.is-selected{box-shadow:inset 0 0 0 2px #547f67}
.lg-slot-num{font:700 1cqw/1 monospace;color:#60472b}
.lg-slot-icon{display:block;color:#f1cd52;font:900 2.8cqw/1 Georgia,serif;text-align:center;text-shadow:0 1px 2px #6a391e}
.lg-species.is-known .lg-slot-icon{background:#fff0c3;border-radius:10px;border:1px solid #b39456;aspect-ratio:1;display:grid;place-items:center}
.lg-slot-copy{min-width:0}
.lg-slot-copy strong{display:block;font:700 1.66cqw/1.04 Georgia,serif}
.lg-slot-copy small{display:block;margin-top:5px;color:#21271e;font:700 1.03cqw/1.2 system-ui,sans-serif}
.lg-species.is-known .lg-slot-copy strong{font-size:1.35cqw}
.lg-species.is-known .lg-slot-copy small{font-size:.9cqw}
.lg-species em{font:800 1.45cqw/1 system-ui,sans-serif;font-style:normal;color:#795838;text-align:right}
.lg-feature{position:absolute;left:36.65%;top:31%;width:26.8%;height:54.85%}
.lg-preview-wrap{position:absolute;z-index:7;inset:0;overflow:hidden}
.lg-preview{position:absolute;left:1%;top:10%;width:95%;height:66%;display:block;z-index:2}
.lg-preview[hidden]{display:none}
.lg-mystery{position:absolute;inset:0}
.lg-mystery[hidden]{display:none}
.lg-discovered-art{position:absolute;inset:0;overflow:hidden}
.lg-discovered-art[hidden]{display:none}
.lg-discovered-art img{position:absolute;width:373.13%;max-width:none;left:-136.75%;top:-56.52%;height:auto;pointer-events:none}
.lg-new-stamp{position:absolute;z-index:3;left:8%;bottom:7%;padding:7px 10px;border:2px solid #fff1a8;border-radius:12px;background:#fff2c9;color:#8d232c;font:900 1.12cqw/1.1 system-ui,sans-serif;box-shadow:0 3px 8px #00192288}
.lg-new-stamp[hidden]{display:none}
.lg-note{position:absolute;z-index:8;left:64.55%;top:34.1%;width:28.8%;height:44%;color:#25392e}
.lg-note-name{position:absolute;top:16.5%;left:0;width:100%;margin:0;font:700 4.16cqw/1 Georgia,serif;letter-spacing:-.04em;white-space:nowrap}
.lg-note.has-long-name .lg-note-name{font-size:3cqw;letter-spacing:-.055em}
.lg-meta{position:absolute;left:0;top:30.8%;width:100%;margin:0;color:#806038;font:800 1.57cqw/1.15 system-ui,sans-serif}
.lg-lore{position:absolute;left:0;top:40%;width:100%;margin:0;font:700 1.67cqw/1.32 Georgia,serif;color:#25271e}
.lg-stats{position:absolute;top:61.9%;left:0;width:100%;height:17%;margin:0;display:grid;grid-template-columns:28.5% 46.5% 25%}
.lg-stats>div{padding:7% 10% 0}
.lg-stats dt{height:14px;visibility:hidden;font:800 1cqw/1 system-ui,sans-serif;text-transform:uppercase}
.lg-stats dd{margin:3px 0 0;font:700 1.28cqw/1.15 Georgia,serif}
.lg-stats .lg-habitat{font-size:1.1cqw}
.lg-hint{position:absolute;left:4%;top:84%;width:92%;margin:0;font:800 1.32cqw/1.35 system-ui,sans-serif;color:#203e32}
.fishing-field-guide{white-space:nowrap}
.fishing-field-guide[data-new="true"]{background:#8d3438!important;color:#fff3c7!important;box-shadow:0 0 0 2px #ffd77b66,0 0 16px #ffd77b55}
@media(max-width:700px){
 .lake-guide{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);border-radius:18px;overflow-x:hidden;background:#f1e3bc}
 .lg-ref{aspect-ratio:auto;display:flex;flex-direction:column;padding-bottom:16px;background:#f1e3bc}
 .lg-ref-plate{display:none}
 .lg-mobile-header{position:relative;display:block;width:100%;aspect-ratio:1451/306;overflow:hidden;background:#204e51}
 .lg-mobile-header img{position:absolute;left:0;top:0;width:100%;height:auto}
 .lg-close{position:sticky;align-self:flex-end;margin-top:-44px;margin-right:8px;top:8px;right:auto;width:40px;height:40px;aspect-ratio:auto;flex-shrink:0;background:#214942;color:#fff4c8;border:2px solid #e8cb81;font:700 30px/1 Georgia,serif;box-shadow:0 2px 6px #001a2f55}
 .lg-known{position:relative;left:auto;top:auto;margin:16px 20px 12px;font:800 17px/1.3 system-ui,sans-serif}
 .lg-species-list{position:relative;inset:auto;display:grid;gap:9px;padding:0 18px;pointer-events:auto}
 .lg-species{position:relative;left:auto;top:auto;width:100%;height:76px;border:1px solid #b6a079;border-radius:15px;padding:0 14px;grid-template-columns:7% 24% minmax(0,1fr) 7%;gap:2%;background:#fff2ce;overflow:hidden}
 .lg-row-art{position:absolute;inset:0;display:block;container-type:inline-size;overflow:hidden;pointer-events:none;z-index:-1}
 .lg-species{isolation:isolate;background:transparent}
 .lg-row-art img{position:absolute;left:-27.25%;top:calc(var(--row-y) * -.32258cqw);width:387.1%;max-width:none;height:auto}
 .lg-slot-num{font-size:12px}.lg-slot-icon{font-size:30px}
 .lg-slot-copy strong,.lg-species.is-known .lg-slot-copy strong{font-size:18px;line-height:1.05}
 .lg-slot-copy small,.lg-species.is-known .lg-slot-copy small{font-size:11px;line-height:1.25;margin-top:4px}
 .lg-species em{font-size:17px}
 .lg-feature{position:relative;left:auto;top:auto;width:calc(100% - 36px);height:auto;aspect-ratio:330/530;margin:20px 18px 12px;overflow:hidden;border-radius:14px}
 .lg-feature-art{display:block;position:absolute;inset:0;overflow:hidden}
 .lg-feature-art img{position:absolute;width:363.64%;max-width:none;left:-131.52%;top:-48.68%;height:auto}
 .lg-preview-wrap{left:6%;top:5%;width:87%;height:89%;overflow:hidden}
 .lg-discovered-art img{width:418%;left:-154%;top:-61%}
 .lg-preview{top:8%;left:0;width:100%;height:67%}
 .lg-new-stamp{font-size:15px;padding:8px 12px}
 .lg-note{position:relative;left:auto;top:auto;width:calc(100% - 36px);height:auto;margin:0 18px;padding:22px 18px;border:1px solid #b69b69;border-radius:16px;background:linear-gradient(120deg,#fff2cc,#ead9ad)}
 .lg-mobile-note-heading{display:block;font:800 13px/1.3 system-ui,sans-serif;color:#805b32;letter-spacing:.08em}
 .lg-note-name,.lg-note.has-long-name .lg-note-name{position:static;width:auto;margin:8px 0;font-size:32px;white-space:normal;letter-spacing:-.04em;overflow-wrap:break-word}
 .lg-meta{position:static;margin:0 0 14px;font-size:15px}
 .lg-lore{position:static;font-size:18px;line-height:1.4}
 .lg-stats{position:static;margin:18px 0;height:auto;border:1px solid #ab8d5b;border-radius:14px;overflow:hidden;grid-template-columns:25% 48% 27%;background:#fff4d4}
 .lg-stats>div{padding:12px 8px}.lg-stats>div+div{border-left:1px solid #ab8d5b}
 .lg-stats dt{height:auto;visibility:visible;font-size:10px}
 .lg-stats dd,.lg-stats .lg-habitat{font-size:14px;margin-top:9px}
 .lg-hint{position:static;width:auto;margin:0;padding:12px;border-left:4px solid #648c76;background:#dbe9d7;font-size:14px}
 .lg-mobile-footer{display:block;margin:18px 20px 0;font:700 13px/1.4 system-ui,sans-serif}
}
@media(prefers-reduced-motion:reduce){.lg-species,.lg-close{scroll-behavior:auto}}