.navigation-controls{position:absolute;left:42px;bottom:108px;z-index:3;display:grid;justify-items:center;gap:12px}.navigation-controls>span{font-size:12px;color:#365e59}.direction-pad{display:grid;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:5px}.direction-pad button{width:42px;height:42px;border:1px solid #fff8e799;border-radius:10px;background:#fff9ebba;color:#264e49;font-size:23px;box-shadow:0 3px 0 #527f731c;touch-action:none;user-select:none}.direction-pad button:active,.direction-pad button.pressed{background:#d75533;color:#fff9eb;transform:translateY(2px)}[data-direction=up]{grid-column:2;grid-row:1}[data-direction=left]{grid-column:1;grid-row:2}[data-direction=down]{grid-column:2;grid-row:2}[data-direction=right]{grid-column:3;grid-row:2}.cast-button:disabled{cursor:not-allowed;background:#537f77;border-color:#426c64;box-shadow:0 4px 0 #41665f;color:#fff9eb}.cast-button:disabled:hover{transform:none}.spot-label{position:absolute;z-index:1;transform:translate(-50%,-100%);pointer-events:none;display:flex;align-items:center;gap:8px;background:#fff9ebe8;border:1px solid #fff9eb;border-radius:25px;padding:8px 13px;color:#30594d;font-size:12px;white-space:nowrap;box-shadow:0 5px 20px #315a4a18}.spot-label[hidden]{display:none}.spot-label>span:first-child{font-size:24px;line-height:1;color:#d75533}.intro{transition:opacity .7s,transform .7s}.has-navigated .intro{opacity:0;transform:translateY(-10px)}.has-navigated .scene-note{opacity:0}.lake-label{gap:8px}.lake-label #spot-distance{font-size:13px;letter-spacing:.2px;font-weight:600;color:#2b5750}.direction-pad button:focus-visible{outline:3px solid #d75533;outline-offset:4px}
@media(max-width:700px){#experience{min-height:780px}.brand-name>span{display:none}.topbar .nav-link{font-size:14px}.round-button{width:42px;height:42px}.intro{top:110px}.intro p{font-size:14px}.navigation-controls{left:24px;bottom:230px;gap:8px}.navigation-controls>span{display:none}.direction-pad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:5px}.direction-pad button{width:44px;height:44px}.fishing-controls{width:calc(100% - 48px);max-width:340px}.game-status{font-size:14px}.control-hint{font-size:12px}.lake-label{display:grid;top:102px;right:25px;max-width:140px}.lake-label>span:first-child{display:none}.lake-label #world-position{font-size:11px}.lake-label #spot-distance{font-size:12px}.how-button{font-size:12px}.chapter-card p{font-size:14px}.metric span{font-size:12px}.spot-label{font-size:12px;padding:7px 11px}.has-navigated .lake-label>span:first-child{display:block;font-size:10px}.collection-icons{display:none}.collection-button{min-height:48px}.bite-bubble{top:48%;left:55%}}
@media(max-height:600px) and (min-width:701px){#experience{min-height:600px}.navigation-controls{bottom:100px}.intro{top:140px}.intro h1{font-size:46px}.handnote{display:none}}