.fish-page{display:flex;justify-content:center}.geo{border:4px outset #c0c0c0;background:navy url(/img/lore/games/fishing/bubbles.gif) repeat;border-collapse:separate;border-spacing:4px;width:100%;max-width:960px;table-layout:fixed;color:#fff;font-family:MS PGothic,MS UI Gothic,Osaka,sans-serif}.geo td{vertical-align:top}.geo-head{text-align:center;background:#000;border:3px ridge #ffd000}.geo-head h1{display:inline-block;margin:4px 10px;vertical-align:middle;font-family:MS PMincho,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(18px,4vw,28px);color:#ffd000;text-shadow:2px 2px 0 #c41230,4px 4px 0 #000}.geo-head img{vertical-align:middle}.geo-marquee{background:#000;border:2px inset #808080;overflow:hidden;padding:2px 0}.marquee{overflow:hidden;white-space:nowrap;color:#39ff14;font:700 13px monospace}.marquee span{display:inline-block;padding-left:100%;animation:fish-marquee 22s steps(220) infinite}@keyframes fish-marquee{to{transform:translate(-100%)}}.geo-stage-cell{padding:0}.fish-frame{border:4px inset #c0c0c0;background:#000}.fish-stage{position:relative;aspect-ratio:16 / 9;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.fish-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.fish-waves{position:absolute;left:0;right:0;top:calc(160 / 360 * 100% - 10px);height:20px;background:url(/img/lore/games/fishing/waves.gif) repeat-x;background-size:auto 100%;opacity:.8;pointer-events:none}.fish-layer{position:absolute;inset:0;pointer-events:none}.fx-sprite{position:absolute;transform:translate(-50%,-50%);image-rendering:pixelated}.fx-bobber{width:6.4%;transform:translate(-50%,-62%)}.fx-splash{width:10%;transform:translate(-50%,-100%)}.fx-reelfish{width:8%;transform:translate(-50%,-50%)}.fx-sparkle{width:7%}.fish-card{position:absolute;inset:8% 18%;background:navy;border:4px outset #ffd000;box-shadow:6px 6px #000;text-align:center;padding:8px;overflow:hidden;display:grid;align-content:center;gap:2px}.fish-card[hidden]{display:none}.fish-card.rare{background:#3a0060;border-color:#ff4af0}.card-rarity{font-size:20px;letter-spacing:2px;text-shadow:2px 2px 0 #000}.card-art{position:relative;height:90px;display:flex;justify-content:center;align-items:center}.card-img{max-height:90px;max-width:70%}.card-new{position:absolute;top:-6px;right:14%}.card-name{font-family:MS PMincho,Hiragino Mincho ProN,serif;font-size:22px;color:#ffd000;text-shadow:2px 2px 0 #c41230}.card-size{color:#7ee0c8;font-weight:700}.card-size b{color:#ff4af0}.card-yen{color:#39ff14;font:700 18px monospace}.card-yen small{color:#f7c7d4;font-size:11px}.card-streak{color:#ffe14a;font-weight:700}.card-lore{margin:2px 0;font-size:12px;color:#f4efe6}.card-cont{font-size:11px;color:silver;animation:fish-blink 1s steps(2) infinite}.card-fw{position:absolute;width:120px;mix-blend-mode:screen;pointer-events:none}.card-fw.a{left:-20px;top:-20px}.card-fw.b{right:-20px;bottom:-20px}@keyframes fish-blink{50%{visibility:hidden}}.geo-bar{background:silver;border:2px outset #fff;color:#000;padding:4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.geo-btn{font-weight:700}.geo-wallet{font:700 14px monospace;background:#000;color:#39ff14;padding:2px 8px;border:2px inset #808080}.geo-panel{background:#000028e0;border:3px ridge #5fa8ff;padding:6px}.geo-panel h2{margin:0 0 6px;font-family:MS PMincho,serif;color:#7ee0c8;font-size:18px}.geo-tip{width:38%;font-size:12px;text-align:center}.geo-tip img{width:48px}.geo .shop{width:100%;font-size:12px;border-collapse:collapse;background:#000;color:#fff;border:0;box-shadow:none}.geo .shop th,.geo .shop td{background:#000;color:#fff;border:1px solid #5fa8ff;padding:3px;text-align:left;vertical-align:middle}.fish-status{min-height:1.2em;color:#ffe14a;font-size:12px;margin:4px 0 0}.geo-howto{background:#000;border:3px ridge #ffd000;padding:4px}.howto{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px}.howto li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 1fr;column-gap:6px;background:linear-gradient(#10106a,#000040);border:2px outset #5fa8ff;padding:4px;font-size:11px;line-height:1.35}.howto img{grid-row:span 2;width:40px;height:40px;object-fit:contain;image-rendering:pixelated;align-self:center}.howto b{color:#ffd000;font-size:13px;text-shadow:1px 1px 0 #c41230}.howto span{color:#e0e0ff}.dex{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px}.dex-cell{background:#141416;border:3px inset #404040;padding:4px;display:grid;justify-items:center;gap:1px;font-size:10px;text-align:center;color:#f4efe6}.dex-top{display:flex;justify-content:space-between;width:100%;align-items:center}.dex-tier{font:700 8px MS PGothic,monospace;letter-spacing:1px}.dex-art{display:grid;place-items:center;width:100%;height:52px;margin:2px 0;background:#000;border:2px inset #808080}.dex-where{color:#7ee0c8;font-size:9px}.dex-cell.got{background:#000;border-style:outset}.dex-cell.got .dex-name{font-family:MS PMincho,Hiragino Mincho ProN,Yu Mincho,serif}.dex-cell.got.r1{border-color:#d0d0d0}.dex-cell.got.r2{border-color:#7ee0c8}.dex-cell.got.r3{border-color:#5fa8ff}.dex-cell.got.r4{border-color:#d27bff}.dex-cell.got.r5{border-color:#ffd000}.fish-note{margin:0 0 6px;text-align:left}.bag{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;text-align:left}.bag-row{display:grid;grid-template-columns:36px 1fr auto;gap:6px;align-items:center;border:3px solid #fff;margin:0 0 4px;padding:3px;background:navy}.bag-img{width:36px;height:28px;object-fit:contain}.bag-empty{color:#c0c0ff}.dex-no{color:#8d8d8d}.dex-img{height:46px;max-width:90px;object-fit:contain;image-rendering:auto}.dex-img.silhouette{filter:brightness(0)!important;opacity:.8}.dex-name{color:#fff;font-weight:700}.dex-meta{font-size:9px;color:silver}.geo-foot{text-align:center;background:#000;font-size:12px}.geo-foot img{vertical-align:middle;margin-right:8px}@media(prefers-reduced-motion:reduce){.marquee span{animation:none;padding-left:0}.card-cont{animation:none}.card-fw,.fish-waves{display:none}}