:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#e4ecdb;background:#173e38;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #edce91;outline-offset:6px}.select-page{max-width:1120px;padding:32px 48px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.select-page header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #b7cfa330;padding-bottom:18px}.select-page header>span{font-family:Yu Mincho,serif;font-size:24px;letter-spacing:.15em}.select-page header p{font-size:11px;color:#b0c7b6;margin:0}.select-intro{margin:42px 0 28px}.select-intro>p:first-child{font-size:11px;color:#bfceac}.select-intro h1{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(27px,3.4vw,42px);line-height:1.6;font-weight:500;margin:12px 0 14px;letter-spacing:.04em}.select-intro>p:last-child{font-size:13px;line-height:2;color:#c7d6bd}.perspectives{display:grid;grid-template-columns:1fr 1fr;gap:28px}.perspective{text-decoration:none;border:1px solid #a4b88f65;transition:border-color .15s,background .15s;background:#24504320;display:block}.perspective:hover{border-color:#e6d3a0;background:#42634730}.water-scene{height:150px;position:relative;overflow:hidden;background:linear-gradient(160deg,#51857788,#163b34);border-bottom:1px solid #b8cca62e}.water-scene:before{content:"";position:absolute;width:55%;height:200%;background:#b9d09b10;transform:rotate(22deg);left:20%;top:-60%}.reeds{position:absolute;bottom:-12px;left:10%;width:2px;height:130px;background:#829874;box-shadow:17px 12px #829874,40px 33px #829874,65px -15px #829874,87px 20px #829874;transform:rotate(4deg);opacity:.7}.shoal{position:absolute;left:40%;top:45%}.shoal i{display:block;position:absolute;width:38px;height:12px;background:#b5c3a2;border-radius:60% 40% 40% 60%;transform:rotate(-8deg)}.shoal i:after,.bass-shape:after,.prey-shape:after{content:"";position:absolute;right:-9px;top:-3px;width:12px;height:18px;background:inherit;clip-path:polygon(0 50%,100% 0,100% 100%)}.shoal i:nth-child(2){left:65px;top:-30px;scale:.8}.shoal i:nth-child(3){left:72px;top:20px}.shoal i:nth-child(4){left:15px;top:45px;scale:.7}.shoal i:nth-child(5){left:127px;top:3px;scale:.65}.invasive .water-scene{background:linear-gradient(160deg,#577c6d,#163c34)}.bass-shape{position:absolute;right:18%;top:43%;width:135px;height:39px;background:#aab38b;border-radius:56% 42% 40% 50%;transform:rotate(-5deg)}.bass-shape:after{right:-25px;top:-12px;width:35px;height:65px}.bass-shape:before{content:"";position:absolute;left:10px;top:9px;width:6px;height:6px;border-radius:50%;background:#213b2b}.prey-shape{position:absolute;left:18%;top:60%;width:30px;height:9px;background:#c3cfaa;border-radius:60% 40% 40% 60%}.prey-shape:after{width:9px;height:13px;top:-2px;right:-6px}.perspective-copy{padding:23px 25px}.perspective-copy>span{font-size:10px;color:#bfcca6}.perspective-copy h2{font-family:Yu Mincho,serif;font-size:25px;font-weight:500;line-height:1.6;margin:10px 0 12px}.perspective-copy p{font-size:12px;color:#c0d2b8;line-height:2;margin:0 0 22px}.perspective-copy strong{display:flex;justify-content:space-between;font-size:11px;font-weight:500;border-top:1px solid #b8cca62e;padding-top:14px;color:#e3d5a6}.perspective-copy b{font-weight:400;font-size:17px}.select-page footer{margin:28px 0 0;line-height:1.9;color:#b0c7b0}.select-page footer p{font-size:11px;margin:0 0 7px}.select-page footer small{font-size:9px}@media(max-width:650px){.select-page{padding:24px}.select-page header{flex-wrap:wrap;gap:10px}.select-intro{margin:28px 0 20px}.perspectives{grid-template-columns:1fr;gap:22px}.water-scene{height:105px}.perspective-copy{padding:20px}.perspective-copy h2{font-size:23px}.perspective-copy p{font-size:12px}.select-page footer{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.perspectives{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.select-page{max-width:1280px}.perspective-copy{padding:21px}.perspective-copy h2{font-size:22px}.perspective-copy p{font-size:11px}.tag .water-scene{background:linear-gradient(155deg,#6c8570,#23483c)}.tag .bass-shape{width:90px;height:26px;right:10%;top:25%;opacity:.75}.tag .prey-shape{left:20%;top:65%}.tag-clock{position:absolute;left:20px;top:15px;font-family:Yu Mincho,serif;font-size:45px;color:#e9e0af;text-shadow:0 2px 8px #254c3f}.tag-clock small{font:10px Yu Gothic,sans-serif;margin-left:4px}.puzzle .water-scene{background:linear-gradient(155deg,#8b9872,#24594e)}.puzzle-fish{position:absolute;width:88px;height:35px;background:#d1d89c;border-radius:60% 45% 45% 60%;bottom:16px;left:25%;transform:rotate(-18deg)}.puzzle-fish:after{content:"";position:absolute;right:-20px;top:-7px;width:26px;height:49px;background:inherit;clip-path:polygon(0 50%,100% 0,100% 100%)}.fish-two{left:55%;bottom:19px;background:#adc7b4;transform:rotate(18deg) scale(.8)}.fish-three{left:41%;bottom:76px;transform:rotate(-8deg) scale(.55)}.puzzle-drop{position:absolute;left:45%;top:8px;color:#f1edbb;font-size:28px}@media(max-width:1000px)and (min-width:651px){.select-page{padding-inline:30px}.perspectives{gap:14px}.perspective-copy{padding:17px}.perspective-copy h2{font-size:19px}.perspective-copy p{font-size:10px}}@media(max-width:650px){.perspectives{grid-template-columns:1fr}.perspective-copy h2{font-size:23px}.perspective-copy p{font-size:12px}}.history-play{position:absolute;left:23px;top:21px;font-size:38px;color:#ecdfb6}.history-play small{display:block;font-size:12px;margin-top:9px;letter-spacing:.05em}.fish-catalog-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;margin:24px 0;color:#e8efdb;border:1px solid #acc8ac55;background:#284e43;text-decoration:none}.fish-catalog-entry strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px;font-weight:500}.fish-catalog-entry span{font-size:12px}.fish-catalog-entry:focus-visible{outline:3px solid #edce90;outline-offset:4px}@media(max-width:650px){.fish-catalog-entry{display:block;padding:20px}.fish-catalog-entry span{display:block;margin-top:10px}}@media(orientation:landscape)and (max-height:500px){.select-page header{padding:8px 0}.select-intro{padding:12px 0 16px}.select-intro h1{font-size:24px;margin:4px 0 8px}.select-intro p{font-size:11px}.perspectives{grid-template-columns:repeat(2,1fr);gap:12px}.perspective{min-height:120px}.perspective .water-scene{height:70px}.perspective-copy{padding:12px 14px}.perspective-copy h2{font-size:16px}.perspective-copy p{font-size:10px}.fish-catalog-entry{padding:12px 16px;margin:12px 0}.fish-catalog-entry strong{font-size:15px}}