:root{
	--ads-side-column:0px;
	--site-content-max:min(1280px,90vw);
}
@media(max-width:768px){
	:root{--site-content-max:100%}
}
.site-main.site-game-shell{min-height:60vh;position:relative;padding-top:0;background:transparent}
.site-main.site-game-shell .page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;row-gap:10px;column-gap:22px;align-items:start;max-width:var(--site-content-max);margin:0 auto;padding:20px 16px 48px;position:relative;z-index:1;width:100%;box-sizing:border-box}
.site-main.site-game-shell .page-grid>.col-left{min-width:0}
.site-main.site-game-shell .GAME-breadcrumb.game-page-grid-breadcrumb{grid-column:1/-1;width:100%;margin:0 0 2px}
.site-main.site-game-shell .col-sidebar{width:320px;max-width:320px;justify-self:stretch}
@media(max-width:1100px){
.site-main.site-game-shell .page-grid{grid-template-columns:1fr;column-gap:16px;padding:14px 10px 36px}
.site-main.site-game-shell .col-sidebar{width:100%;max-width:none}
}
@media(max-width:768px){
.site-main.site-game-shell .page-grid{padding:10px 8px 28px}
}
.site-main.site-game-shell .GAME-breadcrumb{font-size:14px;line-height:1.45;color:var(--text-secondary)}
.site-main.site-game-shell .GAME-breadcrumb a{color:#fff;text-decoration:none}
.site-main.site-game-shell .GAME-breadcrumb a:hover{color:var(--accent)}
.site-main.site-game-shell .GAME-breadcrumb .sep{margin:0 6px;opacity:.45}
.site-main.site-game-shell .GAME-breadcrumb .current{color:var(--accent)}
.site-main.site-game-shell #play-game-embed-online{margin-bottom:6px}
.site-main.site-game-shell .GAME-content{margin-top:28px}
.site-main.site-game-shell .GAME-content .GAME-article{
	background:transparent!important;
	border:none!important;
	box-shadow:none!important;
	backdrop-filter:none!important;
	padding:0!important;
	margin:0!important;
	border-radius:0!important;
}
.site-main.site-game-shell #play-game-embed-online .game-card-wrap{
	border-radius:14px;
	border:1px solid rgba(var(--accent-rgb),.2);
	box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 0 1px rgba(var(--accent-rgb),.08) inset;
	overflow:hidden;
}
.site-main.site-game-shell .game-hero-shell .game-card-wrap{border:1px solid rgba(var(--accent-rgb),.18)}
.site-main.site-game-shell .sidebar-local-games{
	background:transparent;
	border:none;
	border-radius:0;
	padding:0;
	box-shadow:none;
}
.site-main.site-game-shell .sidebar-local-games{width:100%;max-width:none}
.site-main.site-game-shell .sidebar-local-games-grid{gap:10px;width:100%}
@media(max-width:1100px){
.site-main.site-game-shell .sidebar-local-games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
}
@media(max-width:640px){
.site-main.site-game-shell .sidebar-local-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
.site-main.site-game-shell .game-hero-shell{
	background:transparent;
	border:none;
	box-shadow:none;
	padding:0;
}
.site-main.site-game-shell .game-hero-below{
	background:transparent;
	border:none;
	box-shadow:none;
	padding:0;
}
.site-main.site-game-shell .GAME-content .GAME-step.howto-step-card{
	background:var(--surface);
	border:1px solid var(--border-subtle);
	border-radius:20px;
	box-shadow:0 4px 18px rgba(0,0,0,.28);
	padding:24px 26px;
	margin-bottom:16px;
	transition:border-color .2s;
}
@media(max-width:768px){
.site-main.site-game-shell .GAME-content .GAME-step.howto-step-card{padding:18px 14px}
}
#suika-game-fruits .suika-fruit-chain{
	counter-reset:suika-fruit;
	list-style:none;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
	margin:16px 0 0;
	padding:0;
}
#suika-game-fruits .suika-fruit-chain li{
	counter-increment:suika-fruit;
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	padding:12px 12px 12px 10px;
	min-height:52px;
	background:var(--surface-input);
	border:1px solid var(--border-subtle);
	border-radius:14px;
	color:var(--prose-heading);
	font-size:.95rem;
	font-weight:700;
	line-height:1.25;
	box-sizing:border-box;
}
#suika-game-fruits .suika-fruit-chain li::before{
	content:counter(suika-fruit);
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:8px;
	background:var(--accent);
	color:#102010;
	font-size:.78rem;
	font-weight:900;
	line-height:1;
}
#suika-game-fruits .suika-fruit-chain li:nth-child(1)::before{background:#fb7185}
#suika-game-fruits .suika-fruit-chain li:nth-child(2)::before{background:#f43f5e}
#suika-game-fruits .suika-fruit-chain li:nth-child(3)::before{background:#c084fc}
#suika-game-fruits .suika-fruit-chain li:nth-child(4)::before{background:#fb923c}
#suika-game-fruits .suika-fruit-chain li:nth-child(5)::before{background:#f97316}
#suika-game-fruits .suika-fruit-chain li:nth-child(6)::before{background:#ef4444}
#suika-game-fruits .suika-fruit-chain li:nth-child(7)::before{background:#facc15}
#suika-game-fruits .suika-fruit-chain li:nth-child(8)::before{background:#fda4af}
#suika-game-fruits .suika-fruit-chain li:nth-child(9)::before{background:#eab308}
#suika-game-fruits .suika-fruit-chain li:nth-child(10)::before{background:#86efac}
#suika-game-fruits .suika-fruit-chain li:nth-child(11){
	border-color:rgba(var(--accent-rgb),.45);
	background:rgba(var(--accent-rgb),.12);
	grid-column:span 2;
}
#suika-game-fruits .suika-fruit-chain li:nth-child(11)::before{background:#22c55e;color:#052e16}
@media(max-width:720px){
#suika-game-fruits .suika-fruit-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
#suika-game-fruits .suika-fruit-chain li:nth-child(11){grid-column:auto}
}
@media(max-width:520px){
#suika-game-fruits .suika-fruit-chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#suika-game-fruits .suika-fruit-chain li{min-height:48px;padding:10px;font-size:.9rem}
#suika-game-fruits .suika-fruit-chain li:nth-child(11){grid-column:1/-1}
}
