/*
//=====================================================================================
*/

.fishing_controls .field
{
	margin-bottom: 14px;
}

.fishing_ponds .segment
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	height: 48px;
	line-height: 1.1;
}

.fishing_pond_name
{
	font-size: 14px;
}

.fishing_pond_top
{
	color: rgba(245, 196, 81, 0.75);
	font-size: 11px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.fishing_ponds .segment[aria-checked="true"] .fishing_pond_top
{
	color: var(--gold);
}

.fishing_counts
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
	margin-top: 8px;
}

.fishing_counts[hidden]
{
	display: none;
}

.fishing_counts .field_chip
{
	min-width: 0;
	height: 30px;
	padding: 0 4px;
}

.fishing_controls input:disabled,
.fishing_controls .segment:disabled,
.fishing_controls .field_chip:disabled
{
	cursor: default;
	opacity: 0.6;
}

.fishing_controls .play_button:disabled
{
	cursor: default;
	opacity: 0.6;
	filter: saturate(0.7);
}

/*
//=====================================================================================
*/

.fishing_stage
{
	gap: 12px;
}

.fishing_stage .stage_status
{
	flex: 0 1 auto;
	min-width: 0;
	max-width: 56%;
}

.fishing_stage .stage_label
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 26px;
}

.fishing_stage .recent_list
{
	flex: 1 1 0;
	min-width: 0;
}

.fishing_pill
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	padding: 0 8px 0 4px;
}

.fishing_pill_art
{
	flex: none;
	width: 26px;
	height: 16px;
}

.fishing_scene
{
	position: relative;
	flex: 1 1 0;
	min-height: 260px;
}

.fishing_cabinet
{
	position: absolute;
	inset: 0;
	padding: 5px;
	border-radius: 30px;
	background: #0f0a22;
	box-shadow: 0 26px 50px -26px rgba(0, 0, 0, 0.85);
}

.fishing_bezel
{
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 12px;
	border-radius: 26px;
	background: radial-gradient(circle at 13px 13px, #fde68a 0 1.6px, #a16a12 2.4px, rgba(15, 10, 34, 0.6) 3.4px, transparent 4.4px), radial-gradient(circle at calc(100% - 13px) 13px, #fde68a 0 1.6px, #a16a12 2.4px, rgba(15, 10, 34, 0.6) 3.4px, transparent 4.4px), radial-gradient(circle at 13px calc(100% - 13px), #fde68a 0 1.6px, #a16a12 2.4px, rgba(15, 10, 34, 0.6) 3.4px, transparent 4.4px), radial-gradient(circle at calc(100% - 13px) calc(100% - 13px), #fde68a 0 1.6px, #a16a12 2.4px, rgba(15, 10, 34, 0.6) 3.4px, transparent 4.4px), repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.022) 0 2px, transparent 2px 5px), linear-gradient(180deg, #241a4c, #1d1438 40%, #171030);
	border: 1px solid rgba(245, 196, 81, 0.3);
}

.fishing_window
{
	position: relative;
	flex: 1 1 0;
	min-height: 0;
	overflow: hidden;
	isolation: isolate;
	border-radius: 16px;
	background: linear-gradient(180deg, #180f42, #6e3090 46%, #2c1a66 47%, #0a0822);
	box-shadow: 0 0 0 1.5px rgba(245, 196, 81, 0.45), 0 0 0 5px rgba(9, 6, 22, 0.55);
}

.fishing_window::after
{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 8;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 0 0 7px rgba(10, 6, 26, 0.18), inset 0 0 0 8px rgba(245, 196, 81, 0.12), inset 0 0 70px rgba(6, 4, 18, 0.42);
	pointer-events: none;
}

.fishing_back,
.fishing_front
{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.fishing_back
{
	z-index: 1;
}

.fishing_front
{
	z-index: 3;
	pointer-events: none;
}

.fishing_rig
{
	position: absolute;
	left: var(--rig_x, 0);
	top: var(--rig_y, 40%);
	z-index: 2;
	width: var(--rig_w, 520px);
	height: var(--rig_h, 340px);
	overflow: visible;
	filter: drop-shadow(0 10px 14px rgba(6, 3, 20, 0.45));
}

.fishing_catch
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width: var(--catch_w, 190px);
	height: var(--catch_h, 114px);
	overflow: visible;
	transform-origin: 50% 50%;
	filter: drop-shadow(0 8px 10px rgba(6, 3, 20, 0.5));
	pointer-events: none;
}

.fishing_catch.is_hidden
{
	visibility: hidden;
}

.fishing_title
{
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	z-index: 5;
	overflow: hidden;
	color: rgba(245, 196, 81, 0.75);
	font: 700 13px/1 var(--font_game);
	letter-spacing: 0.5em;
	text-align: center;
	white-space: nowrap;
	text-indent: 0.5em;
	text-shadow: 0 1px 2px rgba(12, 6, 32, 0.8);
}

.fishing_readout
{
	position: absolute;
	left: var(--readout_x, 70%);
	top: var(--readout_y, 25%);
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	width: var(--readout_w, 40%);
	text-align: center;
	transform: translate(-50%, -50%);
	pointer-events: none;
	transition: opacity 0.35s var(--ease);
}

.fishing_readout.is_muted
{
	opacity: 0.1;
}

.fishing_caption
{
	max-width: 100%;
	overflow: hidden;
	color: rgba(245, 196, 81, 0.88);
	font: 700 11.5px/1 var(--font_game);
	letter-spacing: 0.32em;
	text-indent: 0.32em;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0 1px 2px rgba(12, 6, 32, 0.9), 0 2px 10px rgba(12, 6, 32, 0.55);
}

.fishing_value
{
	max-width: 100%;
	overflow: hidden;
	color: #ffffff;
	font: 700 var(--value_size, 56px)/0.95 var(--font_game);
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0 3px 0 rgba(26, 10, 60, 0.6), 0 12px 26px rgba(8, 4, 24, 0.5);
	transition: color 0.3s var(--ease), opacity 0.3s var(--ease);
}

.fishing_sub
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	max-width: 100%;
	padding: 5px 12px;
	overflow: hidden;
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.82);
	font: 600 12.5px/1 var(--font_body);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(10, 6, 28, 0.5);
	border: 1px solid rgba(245, 196, 81, 0.22);
}

.fishing_sub .coin
{
	width: 13px;
	height: 13px;
}

.fishing_readout.is_dim .fishing_value,
.fishing_readout.is_dim .fishing_sub
{
	opacity: 0.35;
}

.fishing_readout[data-state="junk"] .fishing_value,
.fishing_readout[data-state="junk"] .fishing_caption,
.fishing_readout[data-state="meh"] .fishing_value,
.fishing_readout[data-state="meh"] .fishing_caption
{
	color: #fda4af;
}

.fishing_readout[data-state="small"] .fishing_value,
.fishing_readout[data-state="small"] .fishing_caption
{
	color: #86efac;
}

.fishing_readout[data-state="big"] .fishing_value,
.fishing_readout[data-state="big"] .fishing_caption,
.fishing_readout[data-state="huge"] .fishing_value,
.fishing_readout[data-state="huge"] .fishing_caption,
.fishing_readout[data-state="kraken"] .fishing_value,
.fishing_readout[data-state="kraken"] .fishing_caption
{
	color: #fcd34d;
}

.fishing_readout.is_pop .fishing_value
{
	animation: fishing_pop 0.5s var(--ease);
}

/*
//=====================================================================================
*/

.fishing_book
{
	position: relative;
	display: flex;
	flex: none;
	align-items: stretch;
	gap: 12px;
	height: 76px;
	padding: 6px 8px 6px 14px;
	border-radius: 14px;
	background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 5px), linear-gradient(180deg, #120b2c, #1a1240);
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(245, 196, 81, 0.28);
}

.fishing_book_head
{
	display: flex;
	flex: none;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 96px;
	min-width: 0;
}

.fishing_book_label
{
	color: rgba(245, 196, 81, 0.75);
	font: 700 10px/1 var(--font_game);
	letter-spacing: 0.28em;
	text-transform: uppercase;
	white-space: nowrap;
}

.fishing_book_title
{
	overflow: hidden;
	color: #fff;
	font: 650 14px/1.1 var(--font_display);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fishing_book_count
{
	overflow: hidden;
	color: var(--text_mute);
	font-size: 11.5px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fishing_book_list
{
	display: grid;
	flex: 1 1 0;
	grid-template-columns: repeat(var(--entries, 8), minmax(0, 1fr));
	grid-template-rows: minmax(0, 1fr);
	gap: 6px;
	min-width: 0;
	container-type: inline-size;
}

.fishing_book_list[hidden],
.fishing_book_empty[hidden]
{
	display: none;
}

.fishing_book_empty
{
	align-self: center;
	margin: 0;
	color: var(--text_mute);
	font-size: 12.5px;
}

.fishing_entry
{
	position: relative;
	display: grid;
	grid-template-rows: auto auto auto;
	align-content: center;
	justify-items: center;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	padding: 4px 3px 4px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: background 0.25s, border-color 0.25s;
}

.fishing_entry_art
{
	width: 100%;
	max-width: 52px;
	height: 24px;
	min-height: 0;
	opacity: 0.6;
	filter: saturate(0.6);
	transition: opacity 0.3s, filter 0.3s;
}

.fishing_entry.is_caught .fishing_entry_art
{
	opacity: 1;
	filter: none;
}

.fishing_entry_name
{
	display: none;
}

.fishing_entry_value
{
	max-width: 100%;
	overflow: hidden;
	color: #fff;
	font: 700 12px/1.25 var(--font_game);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.fishing_entry[data-kind="junk"] .fishing_entry_value,
.fishing_entry[data-kind="meh"] .fishing_entry_value
{
	color: #fda4af;
}

.fishing_entry[data-kind="huge"] .fishing_entry_value,
.fishing_entry[data-kind="kraken"] .fishing_entry_value,
.fishing_entry[data-kind="big"] .fishing_entry_value
{
	color: #fcd34d;
}

.fishing_entry_chance
{
	max-width: 100%;
	overflow: hidden;
	color: var(--text_mute);
	font-size: 10px;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.fishing_entry_count
{
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 0 4px;
	border-radius: 6px;
	color: #1c1206;
	font: 700 9.5px/14px var(--font_body);
	background: var(--gold);
}

.fishing_entry_count:empty
{
	display: none;
}

.fishing_entry.is_hit
{
	background: linear-gradient(180deg, rgba(245, 196, 81, 0.2), rgba(245, 196, 81, 0.05));
	border-color: rgba(245, 196, 81, 0.7);
	animation: fishing_hit 0.7s var(--ease);
}

@container (min-width: 620px)
{
	.fishing_entry_name
	{
		display: block;
		max-width: 100%;
		overflow: hidden;
		color: var(--text_dim);
		font-size: 10px;
		line-height: 1.2;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.fishing_entry
	{
		grid-template-rows: auto auto auto auto;
	}
}

.fishing_cell
{
	display: flex;
	align-items: center;
	gap: 6px;
}

.fishing_cell_art
{
	flex: none;
	width: 30px;
	height: 18px;
}

/*
//=====================================================================================
*/

.fishing_rig g
{
	transform-box: view-box;
}

.fs_part
{
	opacity: 0;
	transition: opacity 0.14s;
}

.fishing_rig[data-state="idle"] :is(.fs_eyes_open, .fs_mouth_smile, .fs_legs_sit),
.fishing_rig[data-state="wind"] :is(.fs_eyes_open, .fs_mouth_smile, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="cast"] :is(.fs_eyes_open, .fs_mouth_o, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="wait"] :is(.fs_eyes_open, .fs_mouth_smile, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="bite"] :is(.fs_eyes_wide, .fs_brows_up, .fs_mouth_o, .fs_legs_stand, .fs_alert, .fs_cup_down),
.fishing_rig[data-state="fight"] :is(.fs_eyes_open, .fs_brows, .fs_mouth_grit, .fs_legs_stand, .fs_sweat, .fs_cup_down),
.fishing_rig[data-state="flail"] :is(.fs_eyes_wide, .fs_brows_up, .fs_mouth_scream, .fs_legs_stand, .fs_sweat, .fs_cup_down),
.fishing_rig[data-state="reveal"] :is(.fs_eyes_wide, .fs_mouth_o, .fs_legs_stand, .fs_cup_down),
.fishing_rig[data-state="junk"] :is(.fs_eyes_flat, .fs_mouth_flat, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="meh"] :is(.fs_eyes_open, .fs_mouth_flat, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="nod"] :is(.fs_eyes_happy, .fs_mouth_smile, .fs_legs_sit, .fs_cup_down),
.fishing_rig[data-state="proud"] :is(.fs_eyes_happy, .fs_mouth_open, .fs_legs_stand, .fs_sparkles, .fs_cup_down),
.fishing_rig[data-state="cheer"] :is(.fs_eyes_happy, .fs_mouth_open, .fs_legs_stand, .fs_sparkles, .fs_cup_down)
{
	opacity: 1;
}

.fishing_rig.is_sip .fs_eyes_open
{
	opacity: 0;
}

.fishing_rig.is_sip[data-state="idle"] .fs_eyes_closed
{
	opacity: 1;
}

.fishing_rig:not([data-state="idle"]) .fs_cup
{
	opacity: 0;
}

.fs_blink
{
	transform-origin: 138px 90px;
	animation: fs_blink 4.6s ease-in-out infinite;
}

.fs_tail
{
	transform-origin: 58px 180px;
	animation: fs_swish 3.4s ease-in-out infinite;
}

.fishing_rig[data-state="wait"] .fs_tail
{
	animation-duration: 1.1s;
}

.fishing_rig:is([data-state="fight"], [data-state="flail"], [data-state="bite"]) .fs_tail
{
	animation: fs_bristle 0.24s ease-in-out infinite alternate;
}

.fs_body
{
	transform-origin: 116px 200px;
	animation: fs_breathe 3.2s ease-in-out infinite;
}

.fs_head
{
	transform-origin: 128px 130px;
}

.fishing_rig[data-state="idle"] .fs_head
{
	animation: fs_tilt 7.6s ease-in-out infinite;
}

.fishing_rig[data-state="nod"] .fs_head
{
	animation: fs_nod 0.9s ease-in-out 2;
}

.fishing_rig[data-state="junk"] .fs_head
{
	animation: fs_sigh 1.6s ease-in-out both;
}

.fishing_rig[data-state="flail"] .fs_head
{
	animation: fs_shake 0.3s ease-in-out infinite;
}

.fs_hat
{
	transform-origin: 128px 64px;
}

.fishing_rig[data-state="bite"] .fs_hat
{
	animation: fs_hop 0.45s var(--ease);
}

.fishing_rig[data-state="flail"] .fs_hat
{
	animation: fs_hat_fly 0.6s ease-in-out infinite alternate;
}

.fishing_rig[data-state="cheer"] .fs_hat
{
	animation: fs_hop 0.6s ease-in-out infinite;
}

.fs_ear_far
{
	transform-origin: 98px 40px;
}

.fs_ear_near
{
	transform-origin: 160px 40px;
}

.fishing_rig.is_twitch .fs_ear_near
{
	animation: fs_twitch 0.45s ease-in-out 2;
}

.fishing_rig.is_twitch .fs_ear_far
{
	animation: fs_twitch_far 0.45s ease-in-out 0.12s;
}

.fishing_rig[data-state="junk"] .fs_ear_near
{
	transform: rotate(18deg);
	transition: transform 0.4s var(--ease);
}

.fishing_rig[data-state="junk"] .fs_ear_far
{
	transform: rotate(-16deg);
	transition: transform 0.4s var(--ease);
}

.fs_leg_near
{
	transform-origin: 192px 198px;
	animation: fs_kick 2.6s ease-in-out infinite;
}

.fs_leg_far
{
	transform-origin: 180px 196px;
	animation: fs_kick 2.6s ease-in-out -1.3s infinite;
}

.fs_steam path
{
	animation: fs_steam 2.2s ease-in-out infinite;
}

.fs_steam path + path
{
	animation-delay: -1.1s;
}

.fs_lantern
{
	transform-origin: 174px 64px;
	animation: fs_lantern 5s ease-in-out infinite;
}

.fs_rings ellipse
{
	transform-box: fill-box;
	transform-origin: center;
	animation: fs_ring 3.4s ease-in-out infinite;
}

.fs_rings ellipse:nth-child(2n)
{
	animation-delay: -1.7s;
}

.fs_sweat
{
	animation: fs_drip 0.9s ease-in infinite;
}

.fs_alert
{
	transform-origin: 192px 40px;
}

.fishing_rig[data-state="bite"] .fs_alert
{
	animation: fs_alert 0.4s var(--ease);
}

.fs_sparkles
{
	animation: fs_twinkle 0.9s ease-in-out infinite alternate;
}

.fs_pan_fish
{
	opacity: 0;
}

.fs_pan.is_full .fs_pan_fish
{
	opacity: 1;
}

.fs_pan.is_weigh
{
	animation: fs_weigh 0.6s var(--ease);
}

@keyframes fs_blink
{
	0%,
	92%,
	100%
	{
		transform: scaleY(1);
	}

	95%
	{
		transform: scaleY(0.08);
	}
}

@keyframes fs_swish
{
	0%,
	100%
	{
		transform: rotate(-6deg);
	}

	50%
	{
		transform: rotate(7deg);
	}
}

@keyframes fs_bristle
{
	from
	{
		transform: rotate(-4deg) scale(1.04);
	}

	to
	{
		transform: rotate(5deg) scale(1.08);
	}
}

@keyframes fs_breathe
{
	0%,
	100%
	{
		transform: scale(1, 1);
	}

	50%
	{
		transform: scale(1.015, 1.02);
	}
}

@keyframes fs_tilt
{
	0%,
	30%,
	62%,
	100%
	{
		transform: rotate(0deg);
	}

	40%,
	54%
	{
		transform: rotate(-4deg);
	}
}

@keyframes fs_nod
{
	0%,
	100%
	{
		transform: rotate(0deg);
	}

	40%
	{
		transform: rotate(7deg) translateY(2px);
	}
}

@keyframes fs_sigh
{
	0%
	{
		transform: rotate(0deg);
	}

	30%,
	100%
	{
		transform: rotate(-3deg) translateY(3px);
	}
}

@keyframes fs_shake
{
	0%,
	100%
	{
		transform: rotate(-4deg);
	}

	50%
	{
		transform: rotate(4deg);
	}
}

@keyframes fs_hop
{
	0%,
	100%
	{
		transform: translateY(0) rotate(0deg);
	}

	40%
	{
		transform: translateY(-16px) rotate(-6deg);
	}
}

@keyframes fs_hat_fly
{
	from
	{
		transform: translateY(-8px) rotate(-8deg);
	}

	to
	{
		transform: translateY(-24px) rotate(10deg);
	}
}

@keyframes fs_twitch
{
	0%,
	100%
	{
		transform: rotate(0deg);
	}

	30%
	{
		transform: rotate(14deg);
	}

	60%
	{
		transform: rotate(-6deg);
	}
}

@keyframes fs_twitch_far
{
	0%,
	100%
	{
		transform: rotate(0deg);
	}

	40%
	{
		transform: rotate(-10deg);
	}
}

@keyframes fs_kick
{
	0%,
	100%
	{
		transform: rotate(-5deg);
	}

	50%
	{
		transform: rotate(7deg);
	}
}

@keyframes fs_steam
{
	0%
	{
		opacity: 0;
		transform: translateY(2px);
	}

	40%
	{
		opacity: 0.8;
	}

	100%
	{
		opacity: 0;
		transform: translateY(-8px);
	}
}

@keyframes fs_lantern
{
	0%,
	100%
	{
		transform: rotate(-3deg);
	}

	50%
	{
		transform: rotate(3deg);
	}
}

@keyframes fs_ring
{
	0%,
	100%
	{
		opacity: 0.5;
		transform: scale(0.85);
	}

	50%
	{
		opacity: 1;
		transform: scale(1.12);
	}
}

@keyframes fs_drip
{
	from
	{
		transform: translateY(0);
	}

	to
	{
		transform: translateY(6px);
	}
}

@keyframes fs_alert
{
	from
	{
		transform: scale(0.2);
	}

	to
	{
		transform: scale(1);
	}
}

@keyframes fs_twinkle
{
	from
	{
		opacity: 0.4;
	}

	to
	{
		opacity: 1;
	}
}

@keyframes fs_weigh
{
	0%
	{
		transform: translateY(0);
	}

	30%
	{
		transform: translateY(5px);
	}

	60%
	{
		transform: translateY(-2px);
	}

	100%
	{
		transform: translateY(0);
	}
}

@keyframes fishing_pop
{
	0%
	{
		scale: 1;
	}

	35%
	{
		scale: 1.12;
	}

	100%
	{
		scale: 1;
	}
}

@keyframes fishing_hit
{
	0%
	{
		scale: 1;
	}

	35%
	{
		scale: 1.1;
	}

	100%
	{
		scale: 1;
	}
}

@media (prefers-reduced-motion: reduce)
{
	.fishing_rig *,
	.fishing_readout *,
	.fishing_entry
	{
		animation: none !important;
	}
}

/*
//=====================================================================================
*/

@media (max-height: 860px) and (min-width: 1101px)
{
	.fishing_controls .field
	{
		margin-bottom: 12px;
	}

	.fishing_book
	{
		height: 68px;
	}
}

@media (max-height: 800px) and (min-width: 1101px)
{
	.fishing_controls .field_box
	{
		height: 42px;
	}

	.fishing_controls .segment
	{
		height: 32px;
	}

	.fishing_ponds .segment
	{
		height: 42px;
	}

	.fishing_controls .play_button
	{
		height: 48px;
	}

	.fishing_controls .field
	{
		margin-bottom: 10px;
	}

	.fishing_counts
	{
		margin-top: 6px;
	}

	.fishing_counts .field_chip
	{
		height: 26px;
	}

	.fishing_page .session_chart
	{
		margin: 6px 0 8px;
	}

	.fishing_bezel
	{
		gap: 8px;
		padding: 10px;
	}

	.fishing_book
	{
		height: 62px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.fishing_entry
	{
		padding: 2px 3px;
	}

	.fishing_entry_art
	{
		height: 20px;
	}
}

@media (min-height: 1000px) and (min-width: 1101px)
{
	.fishing_book
	{
		height: 92px;
	}

	.fishing_entry_art
	{
		height: 34px;
	}
}

@media (max-height: 740px) and (min-width: 1101px)
{
	.fishing_entry_name
	{
		display: none;
	}

	.fishing_page .session_chart
	{
		display: none;
	}

	.fishing_page .session_stats
	{
		margin-top: 8px;
	}

	.fishing_page .game_session
	{
		padding: 12px 16px;
	}
}

@media (max-width: 1100px)
{
	.fishing_scene
	{
		flex: none;
		height: clamp(420px, 92vw, 640px);
	}
}

@media (max-width: 600px)
{
	.fishing_cabinet
	{
		border-radius: 22px;
	}

	.fishing_bezel
	{
		padding: 8px;
		border-radius: 18px;
	}

	.fishing_title
	{
		display: none;
	}

	.fishing_book
	{
		height: auto;
		flex-direction: column;
	}

	.fishing_book_list
	{
		grid-template-columns: repeat(5, minmax(0, 1fr));
		grid-auto-rows: 60px;
	}
}

/*
//=====================================================================================
*/