/* Place identity is limited to the play HUD, instruments and travel cards. */
body{--place-accent:#afe0b4;--place-ink:#183f3b}
#placePanel{position:relative;border-top:3px solid var(--place-accent);background:linear-gradient(130deg,var(--place-ink),#0d1422e0);padding-top:9px}
.placeRibbon{display:flex;align-items:center;gap:7px;color:var(--place-accent);font-size:11px;letter-spacing:.04em;margin-bottom:6px}
#placeMark{width:28px;height:28px;border:1px solid var(--place-accent);border-radius:50%;padding:2px;display:inline-flex}#placeMark svg{width:100%;height:100%}
#locName{color:#f2f3df}#habitatTags,.placeTags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}#habitatTags span,.placeTags span{font-size:10px;color:var(--place-accent);padding:3px 7px;border:1px solid color-mix(in srgb,var(--place-accent) 32%,transparent);border-radius:7px;background:#091a2633}
#baitAttraction{display:block;font-size:10px;color:#e6deb8;margin-top:7px;line-height:1.4}
body[data-place=pond] #placePanel{border-radius:24px 12px 24px 12px}body[data-place=river] #placePanel{border-left:3px double var(--place-accent)}body[data-place=lake] #placePanel{border-radius:6px 22px 6px 22px}body[data-place=sea] #placePanel{border-bottom:3px double #d3c29b}body[data-place=deep] #placePanel{box-shadow:inset 0 0 28px #af85df16,0 5px 24px #100b26aa}
#xpFill{background:linear-gradient(90deg,var(--place-accent),#77a7c1)}
#menu #btnPlaces{border-color:var(--place-accent);color:var(--place-accent)}
#powerWrap,#reelWrap,#fightWrap{background:radial-gradient(ellipse at 14% 0%,color-mix(in srgb,var(--place-accent) 24%,transparent),transparent 65%),linear-gradient(150deg,var(--place-ink),#142f45fa)}
.travelSummary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#0b1c2b80;border:1px solid #8cbcff40;padding:13px 15px;border-radius:14px;color:#bfd3dc;font-size:13px;margin:0 0 18px}.travelSummary b{color:#ffdf98;font-weight:400;margin-left:5px}
.placeJourney{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.placeCard{min-width:0;padding:11px;border:1px solid #89aec655;border-radius:16px;background:linear-gradient(#21384b,#14283b);box-shadow:0 4px 0 #091929}
.placeCard.currentPlace{border:2px solid #f3d691;padding:10px;box-shadow:0 4px 0 #091929,inset 0 0 16px #e6c5770c}
.placeArt{position:relative;border-radius:11px;overflow:hidden;height:116px;border:1px solid #b5d3dd30;background:var(--place-ink)}.placeArt>svg{display:block;width:100%;height:100%}.placeArt>span{position:absolute;top:7px;left:7px;display:flex;align-items:center;gap:4px;color:var(--place-accent);background:#0a172ae8;border:1px solid #aecdd54a;padding:3px 7px;border-radius:8px;font-size:11px}.placeArt>span svg{width:20px;height:20px}
.placeInfo{padding:12px 4px 3px}.placeInfo>small{color:var(--place-accent);font-size:11px}.placeInfo h3{font-size:21px;font-weight:400;margin:3px 0 5px;color:#f3e9c7}.placeInfo p{font:12px/1.6 'Gowun Dodum',sans-serif;color:#bfd3db;min-height:20px}.placeTags{margin-top:8px}.placeCollection{font-size:11px;color:#abc7d6;text-align:right;margin-top:8px}.placeCollection b{font-weight:400;color:#e6d6a5}
.placeTravel{border-top:1px solid #bdd8df21;padding-top:10px;margin-top:8px;min-height:53px;display:flex;align-items:center;justify-content:center}.placeTravel .actBtn{width:100%}.placeTravel .tagEq{border:1px solid #efda9677;background:#ead17d14;border-radius:10px;padding:9px 15px;color:#ffe1a0;font-size:14px}.placeTravel .tagLock{text-align:center;color:#b7c6d4;font-size:13px}.placeTravel .tagLock small{display:block;margin-top:3px;font-size:11px;color:#9eb4c6}.lockedPlace{border-style:dashed}.lockedPlace .placeArt{filter:saturate(.35);opacity:.8}
body:is([data-state=reeling],[data-state=striking],[data-state=fighting]) :is(#habitatTags,#baitAttraction,#locMood){display:none}
@media(max-width:760px){
 .placeRibbon{font-size:10px;gap:5px;margin-bottom:4px}#placeMark{width:23px;height:23px}#placePanel{padding:8px 10px}#locMood{font-size:10px}#habitatTags{margin-top:5px;gap:4px}#habitatTags span{font-size:9px;padding:2px 5px}#baitAttraction{font-size:9px}
 .placeJourney{grid-template-columns:1fr;gap:13px}.placeInfo h3{font-size:20px}.placeArt{height:116px}.placeTags span{font-size:10px}.travelSummary{font-size:12px;gap:8px;padding:12px}
 body:is([data-state=charging],[data-state=reeling],[data-state=striking],[data-state=fighting]) #habitatTags{display:none}
}
@media(max-height:650px){#habitatTags,#baitAttraction,#locMood{display:none}.placeRibbon{margin-bottom:2px}#placeMark{width:20px;height:20px}}

@media(max-width:760px){#locMood,#habitatTags{display:none}}
/* While watching the float, let the shoreline and wildlife occupy the small screen. */
@media(max-width:760px){
 body[data-state=waiting] :is(#fishStrip,#rodPanel,#baitPanel,#wheelPanel,#badgeBox){display:none}
 body[data-state=waiting] #menu button:not(#btnPause){display:none}
}

#fishStrip .stripLabel{flex-basis:100%;line-height:1.7;color:#d1e5db}#fishStrip .stripLabel b{font-weight:400;color:#ffe5a0}
#gameDialog .collectionMeter{height:7px;background:#0e2535;border:1px solid #8db8bc44;border-radius:8px;overflow:hidden;margin:-2px 0 14px}#gameDialog .collectionMeter i{display:block;height:100%;background:linear-gradient(90deg,#63aea4,#eada93);border-radius:8px}
#gameDialog .placeDexBtn{font-size:11px;padding:7px 10px;min-height:34px}#gameDialog .placeTravel{gap:9px;flex-wrap:wrap;justify-content:space-between}